[B! bootstrap] wats2012のブックマーク

Bootstrapエディタ「Pingendo」を導入！Webサイトの見栄えアップ！ - マネー報道 MoneyReport

新プロジェクト開始！新年度を迎えて、思う所もあり新しい挑戦として﹁新プロジェクト﹂を立ち上げることに！まずは、このブログに紐づけて作ってあるWebサービスのリニューアルから。デザインについては放置してきていたため、今回デザインも﹁今時に﹂リニューアルさせる！調べてみたところ、Bootstrapという物を使うと手軽にレスポンシブデザインにも対応させることが出来て便利なのが分かりました！昨日はこのBootstrapフレームワークを使って、既存のWebサービスを新デザインにしてみました(^-^)v でもですねぇ、適当なBootstrapテンプレートを適用したので、ちぐはぐなデザインになってしまいました(^-^; 生命保険計算サービスなのに、下記の様な海辺の絵に。このままだとイマイチ過ぎるので、きちんとしたBootstrapのデザインに変えていきたいと思います(^-^)/ Bootst

wats2012 2016/04/14

リンク

Gentallela - プログラマでも美しく管理画面を作成できるBootstrapテーマ | ソフトアンテナ

「Gentellela」はBootstrap 3を使った無料の管理画面用テンプレートです。デフォルトスタイルのBootstrap 3をベースとして多数のパワフルなjQueryプラグインやツールを組み込んだもので、美しい管理用パネルやダッシュボードを簡単に作成することができます。テーマにはチャートや、カレンダー、フォーム検証ライブラリ、ウィザードスタイルのインターフェイス、ナビゲーションメニュー、テキストフォーム、スライダー、プログレスバー、通知メニューなどたくさんの有用なライブラリが組み込まれています。今回はオンライン上で確認できるデモサイトを元に、どのような画面が実現できるのかスクリーンショットとともに紹介したいと思います。ダッシュボード ▲ダッシュボードのデモでは多様なチャートが表示できることが確認できます。テーマはレスポンシブ対応で画面サイズに応じて適切に描画されます。フォー

wats2012 2016/04/10

bootstrap
UI

リンク

StyleBootstrap.info: Twitter Bootstrap Theme Generator

Create unique web design with Twitter Bootstrap. Kw: themes, templates, styles. generator. customize. Works with any version from now! Just add a downloaded file after your bootstrap.css

wats2012 2015/03/11

リンク

無料で利用できる高品質Bootstrapテーマコレクション「Bootstrap Zero」 | ソフトアンテナ

Twitter社が開発した人気のCSS/JavaScriptフレームワーク﹁Bootstrap﹂。誰でも簡単に利用できることが売りですが、一からサイトを作り上げるとなると、それなりに時間がかかってしまうかもしれません。﹁Bootstrap Zero﹂は、そのような時に参考にしたい、高品質なBootstrap用のテンプレートコレクションサイトです。Bootstrap的ではない、美しいデザインのテーマから、Bootstrapっぽさを残したオーソドックスなテーマまで、たくさんのテーマを無料でダウンロードすることができます。 Custom Bootstrap Templates Custom Bootstrap Templatesカテゴリには、Bootstrapっぽさをできるだけなくした美しいテーマが集められています。製品/アプリの紹介サイトや、管理画面に使える、最近よく見かける形式のテーマが揃

wats2012 2015/02/16

リンク

Suave UI – AngularJSと組み合わせて使いたいUIフレームワーク

JavaScriptを活用したWebアプリケーション開発の流れが広まっています。JavaScriptアプリケーションが大型化すれば、自然とフレームワークを欲するようになります。AngularJS、Ember、Backboneあたりが有名でしょうか。今回はAngularJSをターゲットにしたプロダクト、Suave UIを紹介します。AngularJSと組み合わせて使うと便利なUIフレームワークになります。 Suave UIの使い方 Suave UIはAngularJSに対応した部分において、su-*というプリフィックスを持っています。スタイルシートについてもsu-*をつけて使います。UI周りで従来のライブラリを使うと、そこだけAngularJSと違う書き方になって浮いてしまうことがあります。Suave UIを使ってUIとスクリプトが親和性高い状態を維持しましょう。 Suave UIはJav

wats2012 2014/12/28

リンク

Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT

Material Design for Bootstrap 5 & Vanilla JavaScript Standard Bootstrap version built with plain JS (but works also with jQuery)

wats2012 2014/09/29

リンク

Twitter Bootstrapのさまざまなテーマをダウンロードできる『Bootswatch』 | 100SHIKI

個人的にいじっていて便利そうだったのでご紹介。 Bootswatchは、Twitter社が提供するTwitter Bootstrapのさまざまなテーマをダウンロードできるサイトだ。 Twitter Bootstrapといえば簡単に今風デザインのサイトを作れるCSSフレームワークだが、それで作ると「あー、黒いトップバーだし、Twitter Bootstrapね」的になってしまうのが難点だった。最新版ではテーマをカスタマイズできるツールもついているが、配色などを考えるのが面倒な人もいるだろう。そういう方はBootswatchを利用してみてほしい。それにしてもどんどんウェブ作りが簡単になっていきますな・・・。