サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
bootstrapを愛用している皆さん、こんにちはbootstrapをお手軽にカスタマイズする方法として有名なのが Bootswatch だと思います。 このサイトのソースコードをダウンンロードし、stylesheet直下に配置して読み込むと簡単にbootstrapのテーマをカスタマイズすることができます。 確かに綺麗なのですが、種類が12種類しか無いのでやはり誰かと被っちゃいますよね。 男なら誰かと被ってるなんて嫌なはず!! そこでこのサイトを使っちゃいましょう!! Lavish このサイトの凄い所は 自分のイメージにあった画像のURLをこのサイトに入力すれば、画像の配色を分析しCSS,LESSのコードが生成されるところです。 例えば、この満月の画像をLavishで使用します。 Step1 画像をを選ぼう!! うわあ、こんな簡単に夜空に浮かぶ満月をイメージしたbootstrapが生成さ
ひと味ちがうTwitterBootstrapリソースまとめ、UIパーツ編 Apr 4th, 2013 Tweet 以前、TwitterBootstrapについてのテンプレート(レイアウト)のまとめを作ったところロングテールにはてブしてもらえました。はてブをしていただいた方、本当にありがとうございました！ ちょっと話は変わりますがその記事は、他のリソースを見つける度に少しずつ記事をアップデートしていたんですが、分量がカナリ多くなってしまいました。そこで今回この記事をjQueryやUIパーツ編として分離しました。この記事は今後も新しいリソースを見つける度に順次アップデートしていく予定です！ (04/05 15:15)Bootstrap Form Helpersを追加しました Bootsnipp.comBootstrapのUIパーツを集めたサイトです。テンプレートよりも簡単に導入できる
The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now withBootstrap 4 support. Download (v1.13.14) Getting Started Quick startBootstrap-select requires jQuery v1.9.1+,Bootstrap’s dropdown.js component, andBootstrap'sCSS. If you're not already usingBootstrap in your project, a precompiled version of theBootstrap v3.4.
ひと味ちがうTwitterBootstrapリソースまとめ、UIパーツ編 Apr 4th, 2013 Tweet 以前、TwitterBootstrapについてのテンプレート(レイアウト)のまとめを作ったところロングテールにはてブしてもらえました。はてブをしていただいた方、本当にありがとうございました！ ちょっと話は変わりますがその記事は、他のリソースを見つける度に少しずつ記事をアップデートしていたんですが、分量がカナリ多くなってしまいました。そこで今回この記事をjQueryやUIパーツ編として分離しました。この記事は今後も新しいリソースを見つける度に順次アップデートしていく予定です！ Bootsnipp.comBootstrapのUIパーツを集めたサイトです。テンプレートよりも簡単に導入できるので良かったら使ってみてください！bootstrap-wysihtml5 Bootsra
twitter facebookhatenagooglepocket システムなどでよく使うことがあるツールバーを、jQueryプラグインを使って簡単に導入しましょう。 Toolbar.js - jQuery plugin tocreate tooltip style toobarsは、クリックすると表示させられるツールチップタイプのツールバーが作れます。 sponsors 使用方法 Toolbar.js - jQuery plugin tocreate tooltip style toobarsからファイルをダウンロード。 <link href="jquery.toolbars.css" rel="stylesheet" /> <link href="bootstrap.icons.css" rel="stylesheet" /> <script type="text/java
TwitterBootstrap 3 の変更点概要Bootstrap 自体の仕様だけでなく体制なども変更されるようです。 モバイルファーストtwitter/bootstrap,twitter/bootstrap-server, mdo/bootstrap-blog（プライベートレポート）を twbs organization アカウントへ移行 サイトの URL を http://getbootstrap.com に変更CSS はレスポンシブ用スタイルも含めて1ファイルにする IE7, Firefox3系 のサポート廃止 Glyphicon のフォント版を採用 Apache ライセンスから MIT ライセンスへ移行 *-wip ブランチの開発スタイルから 3.1.0-modal-revamp のような機能ごとのブランチに変更 過去バージョンのダウンロードにタグを使う コミュニティの
ひと味ちがうTwitterBootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 TweetTwitterBootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました！ 無料のテンプレート 無料のBootstrapテンプレートの紹介です。BootswachのようにCSSだけで適用できるものと、HTML/CSS/JSなどいろいろ追加しないと実現できないものがありますが、Bootstrapを使ったサイトを作るときには参考になると思います！ Bootswatch このテンプレートネタを扱う上で、まず第一に語るべきなのが鉄板の「Bootwatch」です。 ちなみに、BootwatchをRailsで使う手順を「RailsにMetroライクなBoots
BootstrapいいよねBootstrapです。大人気の見た目系フレームワークですね。いろんなサイトで見かけます。 自分もそうなのですが、エンジニアでコードは書くけどデザインの事はよく知らない。だけど「使いやすくて、いい感じにしたい」という欲求を満たしてくれてます。ただ、デフォルトは見やすいんだけど、ちょっとカスタマイズしたいなとか、色指定があった場合など困りますね。例えばありそうなのが「コンテンツ管理画面を作りたい、デザインは特にこだわらない、けど使いやすいのがいいな。」とかさらに「イメージカラーが青だからそれベースで」とか。 そんなあなたにぴったりな厳選ツールを紹介しちゃいまっくすぅ〜！ Lavish 〜 画像から配色を生成してくれます 〜 このサービスは画像を解析してBootstrapの配色を捻り出します。 何処かの企業向けに作る場合に企業のロゴなどから配色してみるといい感じにな
Sassを使ったり、人からパクったりして、極力失敗しない方法
TwitterBootstrap用のテーマを 作成出来る、というジェネレーター 的なもの。それだけでなく、作成 しながらスマフォやタブレットで の表示状態も確認出来ます。TwitterBootstrapのデザイン作成ツールです。TwitterBootstrapはレスポンシブWebデザインに対応していますので、このジェネレーターでもスマフォやタブレットデバイスのサイズで表示確認が出来る様になっています。 確認しながら作成できます。リンク色とか背景色とかボタンのカラーとか。使い方はよくあるジェネレーターと相違ないので割愛します。 簡易的なものではありますが、上記のようにスマフォやタブレットデバイスのウィンドウサイズにリサイズして表示を確認する事が出来ます。 コードは通常のCSSだけでなくLESS形式でも発行可能です。 もう少し使い勝手が良くなると嬉しい。今後に期待です。Twitter
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
