TOP  >  WebDesign  >  WEBデザインに便利なCSSフレームワークのまとめ「Choosing The Best CSS Framework: A Complete Guide」
2010年02月10日

WEBデザインに便利なCSSフレームワークのまとめ「Choosing The Best CSS Framework: A Complete Guide」

WEBデザインと言えば、HTML5やCSS3が最近では話題を集めていますが、まだまだ現場ではXHTML+CSSという形が主流だと思います。今回紹介するのは、WEBデザインに便利なCSSフレームワークのまとめたエントリー「Choosing The Best CSS Framework: A Complete Guide」です。

cssfreamworks_01
52framework

様々なるCSSフレームワークが集められていますが、今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

■YAML
スタンダードなカラムを簡単に実現するCSSフレームワーク。

cssfreamworks_021
　
　
　
　
　
■960 Grid System
かなり有名なCSSフレームワーク。様々なカラムの比率を簡単に設定できます。

cssfreamworks_031
　
　
　
　
　
■BlueTrip
グリッドはもちろん、見出しの設定やリストの設定もある程度設計されたCSSフレームワーク。
cssfreamworks_041

　
CSSフレームワークはブラウザ間の表示を無くすスタイルの初期化やレイアウトのテンプレートやスタイルシート設計のベースとなるCSSが予め設計されているので、上手く自分に合うCSSフレームワークに出会えれば、マークアップの効率は改善されると思います。

WEBデザインに携わる人で、いままでCSSフレームワークを利用した事が無いと言う方は是非どうぞ。

Choosing The Best CSS Framework: A Complete Guide

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

関連記事

Default Thumbnailコメント部分のデザイン集「30 Must See Comment Designs」 Default Thumbnailジャンル別にCSSのテクニックを収録したTips集「40 Outstanding CSS Techniques And Tutorials」 Default ThumbnailCSS3で作るナビゲーションメニュー集「15 CSS3 Navigation and Menu Tutorials and Techniques」 Default ThumbnailCSSで作るナビゲーションとボタンのコーディングチュートリアル55「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」

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.
トップに戻る