twitterbootstrapを使ってみようと思っていじっているのですが、機能が豊富すぎてさっぱりわかりません。 とりあえずは、ドットインストールの動画を見ながら基本的な操作を覚えてしまおうかなと。 でナビバーを表示させて、最上部に配置して色を黒くするまでは簡単にできたのですが、この黒い色を別の色にしたいな・・・と思い。どこで色ついてんのかな？と調べてみると。ありました。 bootstrap.css .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#
ナウでヤングだと巷でウワサのデザインフレームワーク「Twitter Bootstrap」を使ってみました。 Twitter Bootstrapってなに？ Bootstrap CSSとJavaScriptからなるデザインフレームワークで、Twitter風のナイスなデザインが手軽に作れると評判です。2012年2月にメジャーバージョンアップが実施されて凄まじいことになってて感動必至らしいです。 既存ページに適用してみた サンプルをみてても楽しくないので、先日作ったモバマスのライブユニットメーカーに適用してみました。 お、それっぽい。 やってみて気づいたこと 既存ページに適用したせいもあるんですが、わりとめんどくさかったです。 マークアップやり直し 当たり前なんですがフレームワークに合わせてマークアップをやり直しました。クラスやIDも付け直しです。汎用性を持たせるためなんでしょうけど、やたらdiv
Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。 Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。 全てのアイコンです。 ソーシャルアイコンも揃っています。 例です。ドロップダウンやボタンにつけています。 大きさが自由に変更できるのもフォントならではです。 ドロップダウンにつけると機能がより分かりやすくなります。 カスタマイズすればレーティングに使ったりもできます。 ファイル構成です。SVGやフォントが提供されます。 Font AwesomeはTwitter Bootstrapで提供されているものに加えて色々な場面で役立
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
