驚く程簡単にカスタマイズされたbootstrapをあなたに - Qiita
bootstrapを愛用している皆さん、こんにちは bootstrapをお手軽にカスタマイズする方法として有名なのが Bootswatch だと思います。 このサイトのソースコードをダウンンロードし、stylesheet直下に配置して読み込むと簡単にbootstrapのテーマをカスタマイズすることができます。 確かに綺麗なのですが、種類が12種類しか無いのでやはり誰かと被っちゃいますよね。 男なら誰かと被ってるなんて嫌なはず!! そこでこのサイトを使っちゃいましょう!! Lavish このサイトの凄い所は 自分のイメージにあった画像のURLをこのサイトに入力すれば、画像の配色を分析しCSS,LESSのコードが生成されるところです。 例えば、この満月の画像をLavishで使用します。 Step1 画像をを選ぼう!! うわあ、こんな簡単に夜空に浮かぶ満月をイメージしたbootstrapが生成さ
美しいバランスの黄金比をウェブページのレイアウトに実用的に取り入れる -Golden Bootstrap
黄金比を使ったグリッドを組み立てたり、エレメントに使ったりなど、美しいレイアウトを生み出すGolden Bootstrapを紹介します。 Golden Bootstrap Golden Bootstrap -GitHub Golden BootstrapはBootstrapのプラグインで、「bootstrap.less」にファイルをインクルードして利用します。 // Grid system and page structure ... @import "golden-bootstrap/golden-bootstrap.less"; // Add support for Golden Bootstrap ファイルをインクルードすると、黄金比用の3つの変数を利用できます。 @goldenRatio: 1.6180339887498948482; @goldenLarge: 1/@golden
200を越えるアイコンが揃ったBootstrap向けWeb Font·Font Awesome MOONGIFT
Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。 Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。 全てのアイコンです。 ソーシャルアイコンも揃っています。 例です。ドロップダウンやボタンにつけています。 大きさが自由に変更できるのもフォントならではです。 ドロップダウンにつけると機能がより分かりやすくなります。 カスタマイズすればレーティングに使ったりもできます。 ファイル構成です。SVGやフォントが提供されます。 Font AwesomeはTwitter Bootstrapで提供されているものに加えて色々な場面で役立
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TECH PROjin
