Tips

HTML5 Twitter Bootstrap はじめに見るべき10サイトまとめ

HTML5 Twitter Bootstrap はじめに見るべき10サイトまとめ

StyleBootstrap.info

http://stylebootstrap.info/
StyleBootstrap.info

BootStrap用のカスタマイズCSSを作成しています。
Bootswatchで配色が見つからなく、CSSを変更したい場合はこちらで変更すると便利です。

Twitter Bootstrap jQuery Mobile Theme

https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme
Twitter Bootstrap jQuery Mobile Theme

jQuery Mobileのテンプレートを提供しています。
Exampleの下に色のパターンが見れ、Exampleのすぐ下の「View a simple demo of this theme」をクリックするとサンプルが見れます。

jetstrap

http://jetstrap.com/
jetstrap

テンプレートをドラックアンドドロップで作成するWEBサービスです。
RWDにも対応しており、簡単に確認することができ、作成したテンプレートはダウンロードして利用できます。

これだけ覚えれば誰でも使えるTwitter Bootstrap2.0

http://w.builwing.info/2012/08/14/%E3%81%93%E3%82%8C%E3%81%A0%E3%81%91%E8%A6%9A%E3%81%88%E3%82%8C%E3%81%B0%E8%AA%B0%E3%81%A7%E3%82%82%E4%BD%BF%E3%81%88%E3%82%8Btwitterbootstrap2-0/
これだけ覚えれば誰でも使えるTwitter Bootstrap2.0

初心者向けに簡単に書かれています。
サンプルもありコピペで利用できます。分からなくなったら読んでみましょう。

TWITTER BOOTSTRAP 3 RC1 モバイルファーストでフラットデザイン

https://techpjin.sakura.ne.jp/techpjin_new/archives/30829
TWITTER BOOTSTRAP 3 RC1 モバイルファーストでフラットデザイン

Bootstrapは2.x系と3.x系は随分と異なります。
デザイン、グリッドシステムなど利用用途に合わせて選択するのが良いかと思いますが、
今後は3.x系の利用が進みそうです。

Bootstrap以外にもあるCSS フロントエンドフレームワーク

https://techpjin.sakura.ne.jp/techpjin_new/archives/42160
Bootstrap以外のCSS Frameworkを知らない人必見!CSSフレームワーク44選

Bootstrap以外にもCSSのフレームワークはあります。
単機能のものもありますが、使い勝手の良いものもあります。まずは一通り見てみることをお勧めします。

WEBアプリケーション関連 人気連載リンク

基礎からPHPWEBアプリ開発を学ぶなら・・
PHP基礎 連載

より実践的なWEBアプリ開発講座!Bootstrap活用を学ぶなら・・
魁!小野の塾 連載

Recent News

Recent Tips

Tag Search