4色ほど指定するだけでTwitter Bootstrapの配色を良い感じにしてくれるSass | mah365
そんなSassが町田先生のCustomizedTwitterBootstrapに含まれていたので、これをTwitter Bootstrap3に対応させてみたのでした。 ソース こちらが良い感じにしてくれるベースの変数です。 $base-color、$main-color、$accent-color、$base-text-colorを決めることで良い感じにしてくれます。僕は下のファイルみたいなテイストが好きです。ほんわかしている。仕事では使えない感じがある。 実際に読み込むときには、Twitter Bootstrapより先に変数を読み込んでおきます。 //--------------------------------------------------------- // Color Scheme for Bootstrap @import colors/try @import color
Twitter Bootstrapを使ったイメージギャラリーサンプル:phpspot開発日誌
Bootstrap Image Gallery Twitter Bootstrapを使ったイメージギャラリーサンプル Bootstrapを使った実際に動くアプリケーションをオープンソースソフトとして入手できます。 TwitterBootstrapのサンプルと併せて使うと有用かもしれませんね。 画像のスライドショー機能。BootstrapのUIにすることでかなりすっきりしたデザインで好印象を与えられそう Bootstrapで実装したサイトは似たりよったりになってしまうという問題もはらんでいますが、こうしたライブラリは今後沢山出てきたり、Bootstrapをベースにしたテーマっぽいものも多く出てきそうです エンジニアにとっては、よりサービスを作りやすい環境が整っていっています 関連エントリ 綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテーマ「j
Twitter Bootstrapじゃなくfacebook Bootstrap？「Fbootstrapp」:phpspot開発日誌
Twitter Bootstrapじゃなくfacebook Bootstrap？「Fbootstrapp」 2012年03月05日- Fbootstrapp by Clemens Krack, based on Bootstrap, from Twitter Twitter Bootstrapじゃなくfacebook Bootstrap？「Fbootstrapp」 Twitterじゃなくてこれからfacebookでしょ、と電車の中で聞きました。 そんな方にはTwitterBootstrapをベースとして作られたFbootStrappがよいかもしれません。おもいっきりfacebookライクなサイトを作ることができます。 facebookを扱うサイトでは使えそうです 関連エントリ FacebookスタイルのシンプルなドロップダウンをjQueryで実装するサンプル Facebookのタイムライン
jQuery Mobile向けBootstrapテーマ集·Twitter Bootstrap jQuery Mobile Theme MOONGIFT
Twitter Bootstrap jQuery Mobile ThemeはTwitterのBootstrapとjQuery Mobileを組み合わせて使えるテーマ集です。 TwitterのBootstrapは最新版でスマートフォンにも対応しています。そしてスマートフォン向けのJavaScriptライブラリと言えばjQuery Mobileです。この二つを組み合わせて使えるのがTwitter Bootstrap jQuery Mobile Themeになります。 Aデザイン。 Bデザイン。全体として青。 Cデザインは赤。 Dデザインは緑。 Eデザインは水色。 Fデザインはオレンジ。 Twitter Bootstrap jQuery Mobile ThemeはjQueryとBootstrapを組み合わせ使えるテーマ集です。面白いのはA〜Fまでカラーが用意されており、data-themeを変更
Twitter Bootstrapのさまざまなテーマをダウンロードできる『Bootswatch』 | 100SHIKI
個人的にいじっていて便利そうだったのでご紹介。 Bootswatchは、Twitter社が提供するTwitter Bootstrapのさまざまなテーマをダウンロードできるサイトだ。 Twitter Bootstrapといえば簡単に今風デザインのサイトを作れるCSSフレームワークだが、それで作ると「あー、黒いトップバーだし、Twitter Bootstrapね」的になってしまうのが難点だった。 最新版ではテーマをカスタマイズできるツールもついているが、配色などを考えるのが面倒な人もいるだろう。そういう方はBootswatchを利用してみてほしい。 それにしてもどんどんウェブ作りが簡単になっていきますな・・・。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今年流行りのフラットなデザイン制作に役立つCSSフレームワークやPSD素材
Twitter BootstrapをベースとしたフラットなデザインのUIキット・Flat UI - かちびと.net
TECH PROjin
IDEA * IDEA
CSSベースのかっこいいボタンがぱっと簡単に作成できるオンラインサービス -Twitter Bootstrap Button Generator
Bootstrapをもっと活用するためのカスタマイズツールやリソースのまとめ