Webデザイン

ちょっとした時間短縮!「CSS Box Machine」

2013.01.11

ちょっとした時間短縮!「CSS Box Machine」

ボックス・背景画像などを使用してサイトをデザインするときに役立つ「CSS Box Machine」を紹介します。
CSS Box Machineは、あらかじめ用意してあるデザインテンプレートです。

使い方は超簡単!

TinyPNGの使い方

まずはサイトにアクセスしてみましょう。CSS Box Machine

TinyPNGの使い方

上部ナビゲーションから気に入ったものを選択してください。
(三角矢印ボタンを押すと横スライドします。パターンは全部で25種類あります。)

TinyPNGの使い方

選択したら下にあるCSSコードとHTMLコードの両方が表示されている右隣の「Download」ボタンをクリック!
素材画像込みのzipデータをダウンロードできます。


いくつかパターンを組み合わせることもできますね。ちょっとデザインに悩んだときや、時間がないときなど重宝しそうです。
※ただし全てのブラウザで確認しているわけではないので、そこだけ注意してください。

  • このエントリーをはてなブックマークに追加

こちらもあわせてどうぞ

カテゴリー別

最新の記事

プロフィール


当サイトについて、ご不明な点がございましたらお気軽にお問い合わせください。( ゚∀゚)ノ

PAGE TOP