1. まとめトップ
  2. デザイン・アート

今風のWebサイトが誰でも作れる!便利なCSSフレームワークのまとめ

今どきはCSSフレームワークというのがあって、デザインが苦手でもそれっぽいウェブサイトを作ることが出来るらしいです。ということで、調べてみました。

更新日: 2012年12月25日

mocolifeさん

  • このまとめをはてなブックマークに追加
565 お気に入り 79989 view
お気に入り追加

Twitter Bootstrap

今、Twitter Bootstrapが一部のエンジニアで人気です。

Twitter BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発/提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。

愛用しているTwitter Bootstrap、遂に「version 2」になりましたよ。今まで「version 1.4」だったのでメジャーバージョンアップ!です。これは見逃せない、というか、感動した!

Twitter Bootstrapのデザインを簡単に変更出来るWebサービス・StyleBootstrap

やっと出たって印象でしょうか・・デザインを変更できるWebサービスです。


人気のTwitter Bootstrapのデザインを直感で作成出来ます。自分で変更を加えるのは若干面倒なのでこれで大まかに作ってしまえば工数削減に繋がるかもですね。

「Jetstrap」を使えば、Bootstrapベースのページデザインが、ブラウザ上でパーツを組み合わせていくだけで作ることができます。

JetstrapはBootstrapのUIをドラッグアンドドロップだけで簡単に組めるエディタです。
Bootstrapに慣れていない人でも簡単にBootstrapベースのデザインを作ることが出来ます。

Bootstrap派生のフレームワーク

Reuze.me

無駄な記述を省いた軽量なフレームワークみたいですね。同じようなものはいくらでもありますので選択肢の一つとして。

IVORY FRAMEWORK

シンプルなCSSフレームワークです。グリッドレイアウトとレスポンシブに対応。

JQuery UI

jQuery UIとは、jQueryライブラリ上に構築された強力なユーザインターフェースライブラリです。

jQuery UIは、大きく分けて「インタラクション」「ウィジェット」「ユーティリティ」「ビジュアル効果」3つのカテゴリに分けることができます。

HTML KickStart

1 2





このまとめへのコメント1

  • stamperさん|2012.12.24

    これはうれしいまとめですね。

1

歴史/映画/ITとか興味あります。

更新順:http://goo.gl/IIoRC
人気順:http://goo.gl/Q609T
twitter:http://goo.gl/HqdMJ



  • 話題の動画をまとめよう