3. アジェンダ ● ぼくのかんがえたさいきょうのうぇぶあぷりかい はつ ● CRUDアプリとRESTful API ○ 基本的なWebのデータの流れ ○ CRUD ○ RESTful API ● AngularJSとは ● Bootstrapとは
Themes for Twitter Bootstrap - WrapBootstrap TwitterBootstrapベースのテーマやテンプレートが入手できる「WrapBootstrap」 Bootstrapベースで作ると素早く作れて高品質なものが出来ますが、Bootstrapベースで作られたテンプレート、管理画面等が入手できます(但し有償です) 有償といっても$10程度なので、手間を削減したい場合は使えるかもしれません 今後はこうした無料テンプレートなどもどんどん増えてきそうですね。 関連エントリ 綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテーマ「jQuery UI Bootstrap」 Twitter Bootstrap で使えるカラーピッカー&日付ピッカー Twitter Bootstrapじゃなくfacebook Bootst
Fuel UX Twitter BootStrap に追加できる5つのコンポーネントパック「FuelUX」 コンボボックス、データグリッド、ピルボックス、検索、スピナー等のコンポーネントがセットになって配布されています。 どのコンポーネントも元がいいだけにかなりクールなデザインになっています。 ますますサイト作りがリッチに、そして楽しくなりそうです 関連エントリ Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアル Twitter Bootstrapじゃなくfacebook Bootstrap?「Fbootstrapp」 Twitter Bootstrap で使えるカラーピッカー&日付ピッカー TwitterBootstrapベースのテーマやテンプレートが入手できる「WrapBootstrap」 綺麗なUIのサイトがサクサク組めるTwitter Boo
Bootstrap Arrows Bootstrapで矢印を描くのなら「Bootstrap Arrows」 全国の矢印好きの諸君。こんにちは。もうPhotoshopで矢印を描いて画像を作ってアップロードなんていうことは必要ない。 <span> に簡単なclassをつけるだけで、向きも、長さも、色だって、自由自在。 しかも、次のような美しい矢印が描画できる。センス云々の話ではなく、class="arrow" として rel で角度を指定するだけで美しい矢印が描けるのだ。 色んなUIライブラリはあれど、矢印まで描けるとなるともう選択肢は限られる。 これでBootstrapを使わない理由は一切なくなったのだ。 関連エントリ TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 Twitter BootStrap に追加できる5つのコンポーネント
Elusive icons, an icons font designed for use with Bootstrap Bootstrapに270の使えるアイコンを追加できる「Elusive icons」 Bootstrap標準アイコンも140種類と豊富に使えますが、これに270種類を追加すれば、アイコンにはもう困らないかも。 Bootstrapを使っている方、使おうと思っている方は是非覚えておきたいですね。 ベクター形式なので拡大してもOK。 今後、アイコンはBootstrap対応をデフォルトにしてくれるとよりBootstrapが素晴らしい物になっていきそうですね。 関連エントリ Bootstrapで矢印を描くのなら「Bootstrap Arrows」 TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 Twitter BootSt
ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 Tweet Twitter Bootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました! (03/05 追記) FlatUI、Bootstrap Expoを追加しました (03/24 追記) Flatstrapを追加しました (04/03 追記) MagicSuggestを追加しました (04/04 追記) Bootstrapのリソースネタを別の記事にしました 無料のテンプレート 無料のBootstrapテンプレートの紹介です。BootswachのようにCSSだけで適用できるものと、HTML/CSS/JSなどいろいろ追加しないと実現できないものがあります
Bootstrap 3対応の高性能なカラースキーム コントロールとフラットなスタイルが特徴のテーマファイルを紹介します。 1pxdeep 1pxdeep -GitHub Bootstrap 3対応のテーマファイルも続々とリリースされていますが、このテーマファイルは他にはない高性能なカラースキーム コントール機能を備えています。 使い方は、簡単です。 「Seed Color」から自分の好きなカラーを選択し、「Color Wheel」でカラーセオリーを選択します。 カラーセオリーは、下記の5つが用意されています。 accented analogue 類似色と補色を使用、目立たせながらも調和のとれた配色。 monochrome 同一の色相を使用、全体の色味を統一した配色。 complement 対照の補色を使用、調和のとれた配色。 triad 3等分した配色を使用、バランスのとれた配色。 tet
50 Awesome Twitter Bootstrap Templates フリー&プレミアムなTwitterBootstrapテーマ50 Bootstrapベースとはいえ、Bootstrap臭があまりしないテンプレートが多数まとまっています。 通常サイトや管理画面等のテンプレートがまとまっていて、活用してサクっと仕事を終えられる事もあるかも Bootstrapの便利さを享受しつつ、うまくサイトデザインする際の参考にもできそうです 関連エントリ Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapに270の使えるアイコンを追加できる「Elusive icons」
Bootstrapのテーマで良い感じに動くオートサジェスト実装jQueryプラグイン「MagicSuggest」 2013年03月28日- MagicSuggest Bootstrapのテーマで良い感じに動くオートサジェスト実装jQueryプラグイン「MagicSuggest」 Bootstrapなサイトはどんどん増えている中、こうしたコンポーネントも増えていますが、これまた便利そうです。 文字入力でサジェストを提供するものはありきたりですが、最初からBootstrapテーマがかかっており、複数ワードの指定も可能です。 1つサジェストから選択した後に更にinputをすすめると更にサジェスト これからのプラグインはBootstrapテーマにも最初から対応していつつ、レスポンシブな物が沢山の人に使ってもらうには必要不可欠な気がします 関連エントリ UIがカッコいいオートコンプリート実装jQue
Bootstrap Application WizardはBootstrap用のアプリケーションウィザードフローを提供するライブラリです。 Bootstrapを使ってWebサービスを提供するサイトが多くなってきました。今回はその一つ、Bootstrapを使ってウィザード風の流れを実現してくれるライブラリ、Bootstrap Application Wizardを紹介します。 フローティングでウィザードが表示されます。 次へを押して順番に進めていきます。 左下のステータスバーが徐々に進んでいます。 完了しました! Bootstrap Application Wizardではwizardというメソッドを使って一つ一つをスライド風に切り替えながら処理を選べるようになります。入力チェックも内蔵されています。そして最後にデータが飛んでくるのでサーバ側で処理して返却すれば良いだけです。とても手軽です。
Android Bootstrapは多彩な機能が実装されたAndroidアプリ開発ベースです。 Webサービス開発時においてBootstrapが活躍しています。そういったベースがあると開発がとてもスムーズになるのではないでしょうか。そこで今回はAndroid Bootstrap、Androidアプリ開発のベースを紹介します。 ログイン画面。 ユーザ一覧。 ニュース。 タイトルをタップすると記事詳細が表示されます。 チェックイン。 タップすると地図が表示されます。 メニューはログアウトのみ。 紹介動画です。 Android Bootstrapはフラグメント、ページャー、アカウント管理などの実装に加え、Android Mavenプラグイン、RoboGuice 2、ActionBarSherlock 4、ViewPagerIndicator、http-request、GSON、Robotiumと
Yii フレームワークの Bootstrap 拡張を使うチュートリアルです。 Yii-Bootstrap - Bringing together the Yii PHP framework and Twitter's Bootstrap なぜYii-Bootstrap拡張を使うのか Yiiのビュー作りでは、HTMLを直接編集する作業より、あの賢いコンポーネントとパラメータを組み合わせることの方が多いでしょう。CGridViewのような多機能なコンポーネントを使うことで、開発者はAjaxを駆使した複雑なHTMLコーディングの負担から解放されます。 しかし、コンポーネントが生成するHTMLをコントロールしたいと思ったときは、その方法が間接的すぎて、逆に面倒のほうが多くなります。BootstrapのようなCSSフレームワークに切り替えたいとき、コンポーネントのhtmlOptionsに決まりきった
人気のフレームワーク、Bootstrapを使う際に役立つリソースを大量に集めているWebサイト・The Big Badass Listのご紹介です。現在でも200近くのリソースがまとめられています。既に利用されている方は覗いてみては。 Twitter Bootstrapのリソースまとめサイトです。人気のフレームワークならではのリソース量ですね。 左の影マッチョが気になりますが、それくらい凄いまとめなのでしょう。現在180以上のリソースがまとめられています。 フォームとかデザインとかモックアップとかRubyやPHPにBootstrapを統合する手段とかなんでも揃ってます。 覚えておいて損は無いのでは。また、新たなリソースの情報提供も受け付けてるみたいです。以下よりご利用下さい。 The Big Badass List
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く