Bootstrapの画面を手軽に作れるツールまとめ
業務システムの画面やWebサービスの管理画面にBootstrapを採用するケースが増えていますが、それでもBootstrapならではの書き方を覚えないといけません。バージョンが上がるごとに書き方が変わるので習得が面倒と感じる人も多いでしょう。 そこで使ってみたいのがBootstrap用のUIビルダーです。ドラッグ&ドロップで画面が設計できれば作成も簡単ですよね。 lollytin beta 1.4 – A yummy HTML5 blockouterer! Bootstrapのデザインをドラッグ&ドロップで作っていくのですが、見た目はデフォルメされています。その分、細かいところにこだわりすぎずにさくさくと作っていくことができます。 Pingendo – web authoring with comfort PingendoはBootstrap専用のオーサリングソフトウェアです。Mac OS
シンプルで使いやすい！レスポンシブ対応のさまざまなページを実装できる超軽量フレームワーク -TukTuk
BootstrapやFoundationは高性能だけど機能が豊富すぎる、またグリッドだけのフレームワークでは物足りない、そんな人にぴったりのレスポンシブ対応のOOCSS（オブジェクト指向CSS）で設計された超軽量（9KB）のフレームワークを紹介します。 TukTuk TukTuk -GitHub TukTukは、レスポンシブ対応の実用的なさまざまなページを軽量のスタイルシートで実装することを目的としたもので、OOCSS（オブジェクト指向CSS）ベースの効率的なスタイルシートが使用されています。 ライセンスはGPLv3で、オープンソースライセンスとして配布されています。 デモでは、4種類のページがオンラインで確認できます。
フリーのBootstrapテーマが満載「Bootstrap Zero」:phpspot開発日誌
Bootstrap Zero - Free Bootstrap Templates and Themes フリーのBootstrapテーマが満載「Bootstrap Zero」。 フリーで使えるテンプレートが沢山ありますので、叩き台として活用できそうです。 Facebookっぽいテンプレも。 関連エントリ Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える「Jasny Bootstrap」 Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 Bootstrapなalert,confirm,promptが実装できる「Bootbox.js」 Bootstrap3のUIをベクター形式でダウンロードできる「Bootstrap 3 UI Kit」 Bootstrap対応でレスポンシブなWYSIWYGエディタ「Summer
Twitter Bootstrapの導入への3ステップ
Twitter Bootstrapには、導入をして使う方法が下記の3パターン存在する、、 そのままCSSをがりがり変えて使う方法。 lessを使って書いていき、JavaScriptを使って呼び出す方法 黒い画面で専用のシェルスクリプトを使ってコンパイルする方法 と前回書いた。 ので、それらがどういうものかを書いていこうと思う。 まず、「そのままCSSをがりがり変えて使う方法」から見ていこう。 そのままCSSをがりがり変えて使う方法 Twitter Bootstrapは、CSSフレームワーク（というくくりにはいれないほうがいい気がする。UIフレームワークという位置づけがいいかもしれない）の中では、新しい世代のものだ。というのも、純粋なCSSの元ファイルがあり、それを継承したりいろいろして使うというタイプではなく、lessというスタイルシートコンパイラ的なアプリケーションを使って、より効率的に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrapをもっと活用するためのカスタマイズツールやリソースのまとめ
