TOP  >  WebDesign  >  代表的な12のCSSレイアウトテンプレートを配布する「Nice and Free CSS Templates」
2007年12月20日

代表的な12のCSSレイアウトテンプレートを配布する「Nice and Free CSS Templates」

ものすごくシンプルで無駄を削ぎ落としたCSSレイアウトテンプレートサイト「Nice and Free CSS Templates」を紹介したいと思います。ゴチャゴチャしたメニューは一切無く、サイトにアクセスすると12の代表的なCSSのレイアウトサムネイルが並んでいます。

CSSテンプレート

テンプレートは1カラムから3カラム、4カラムと標準的なものはもちろん。中央表示なんかもありました。

詳しくは以下

実際のレイアウトでコードを表示

サムネイルをクリックすると上記のようにそのレイアウトでCSSが表示されるようになっていて各パーツの所にCSSが表示されるようになっていますので、直感的にどのCSSがどんな役割を果たしているのかがわかりやすくなっています。スタンダードなものが多いだけにコードもシンプルでカスタマイズもしやすいかと思います。新しいサイトを作る時にはかなり役立ちそうです。

スタンダードのページを作ろうと思っている方は是非チェックしてみてください。

Nice and Free CSS Templates

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 04:53  |  
Category: WebDesign   
tag: webdesign
このエントリーをはてなブックマークに追加

関連記事

Default Thumbnail商用利用可能なフリーアイコンセット「100 Free Icons – Weby Icon Set」 Default ThumbnailWEBデザインのタイポグラフィインスピレーション「50 Examples of Effective Uses of Typography Within Web Design」 Default Thumbnailシンプルなフリーアイコンセット集「The Best Icon Sets for Minimal Style Web Design」 Default Thumbnail黒を活かしたWEBデザインのインスピレーション集「50 Examples of Black in Web Design – Black is Beautiful!」

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください 【商用可】アナログ感のあるドローイングフリーフォント「THRONE」 アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」 子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」 クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」 バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」 インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」 花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」 個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」 最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに！をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る