Lightbox・モーダルウインドウ関連 / Bootbox.js / Bootstrap-modal他...全17件
![Bootstrapに便利な機能を追加できるjQueryプラグインまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6915b4c8b03306652dd7f341855094d78d45cb22/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2013%2F9%2F9%2Fl_2013-9-9_5d846d0eebfe8cf1a4f5a500c1946b7a.jpg)
Lightbox・モーダルウインドウ関連 / Bootbox.js / Bootstrap-modal他...全17件
Be sure to use the LESS version of Bootsrap. Include scheme.less anywhere. Include 1pxdeep.less after all Bootstrap LESS. A working index.less might look like this: @import "scheme.less"; // color scheme @import "bootstrap.less"; // bootstrap @import "1pxdeep.less"; // 1pxdeep theme @import "style.less"; // your own styles Need help with LESS? Try the LESS CSS project page.
Twitter Bootstrap 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 のような機能ごとのブランチに変更 過去バージョンのダウンロードにタグを使う コミュニティの
Introducing Google Bootstrap. Need reasons to love Google Bootstrap? Look no further. By nerds, for nerds. Forked from Twitter Bootstrap, built by todc, Google Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as I
Rails のフォームで、validationに引っかかるとその要素に .field_with_errors ってクラスがつくのですが、画像のようにBootstrapのフォーム用のエラーCSSを適用させる方法。 僕はBootstrapのsassバージョンを使用してるので、以下のようなファイルを作成して application.css.sass から @import base とかしてる。で、肝心な部分は base.css.sass .field_with_errors @include formFieldState(#b94a48, #ee5f5b, lighten(#ee5f5b, 30%)) @extend .error 最後に 手軽にそれっぽいデザインできるの楽でいい。
Docs and Articles Get started, educated and secure. Components Additional Bootstrap specific addons to supplement the base Bootstrap features Display BOOTSTRAP-MAXLENGTH Uses badges to display the maximum length of the field where the user is inserting text. This plugin uses the HTML5 attribute "maxlength" to work. WATABLE a pretty decent jQuery table plugin BOOTSTRAP-TIMEPICKER A simple timepicke
BootMetro Windows8風のTwitterBootstrapをベースとしたテーマ「BootMetro」。 今後Windows8が出た際にはOSのユーザインタフェースと違和感ない感じでWEBサイトが実装できてしまいそうですね。 TwitterBootstrapベースではあるものの、かなりの追加を行なっているため、テーマというよりかはエクステンションなんでしょうかね。 個人的にWindows8のデザインはすっきりしていて好きですが、何か面白いWEBアプリケーションが出てくるとよいですね 関連エントリ Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアル TwitterBootstrapベースのテーマやテンプレートが入手できる「WrapBootstrap」 Twitter Bootstrap で使えるカラーピッカー&日付ピッカー Twitter
Twitter Bootstrapで画面下部に固定するfooterを作成したのでメモ 環境 Twitter Bootstrapv2.0.4 IE7.0以上,opera,firefox,chorome等Twitter Bootstrapに対応しているブラウザ対応 Twitter Bootstrapは便利なツールなのですが、footerを画面下に配置するcssの設定が見当たらなかったので、実装しました。 footerの仕様 HTML画面の下部にfooterを表示する。 画面の表示量が少ない場合は、画面最下部にfooterを表示する。 画面の表示量が多い場合は、スクロールして画面最下部に到着してからfooterを表示する。 このようなフッタをSticky Footer(スティッキフッタ)と呼びます html <!DOCTYPE html> <html lang="ja"> <head> <met
Twitter Bootstrap用のテーマを 作成出来る、というジェネレーター 的なもの。それだけでなく、作成 しながらスマフォやタブレットで の表示状態も確認出来ます。 Twitter Bootstrapのデザイン作成ツールです。Twitter BootstrapはレスポンシブWebデザインに対応していますので、このジェネレーターでもスマフォやタブレットデバイスのサイズで表示確認が出来る様になっています。 確認しながら作成できます。リンク色とか背景色とかボタンのカラーとか。使い方はよくあるジェネレーターと相違ないので割愛します。 簡易的なものではありますが、上記のようにスマフォやタブレットデバイスのウィンドウサイズにリサイズして表示を確認する事が出来ます。 コードは通常のCSSだけでなくLESS形式でも発行可能です。 もう少し使い勝手が良くなると嬉しい。今後に期待です。Twitter
水道修理業者を探すためのポイント 「格安 水漏れ 修理」のような検索はしない 水漏れなどの水道修理業者を探すときに気をつけたいのは、あまりにも安い金額を提示している業者は候補から除外しましょう。 「格安 水漏れ 修理」などで検索すると、検索結果に「水漏れ修理500円〜」とか「基本料金280円〜」のような魅力的な金額を全面に出してくる業者が表示される場合がありますが、このような異常な安さをウリにしている水道修理業者には気をつけて下さい。 これらの業者が全て怪しい業者とは言わないですが、専門知識を備えた作業スタッフが家まで車で訪問して水道トラブルを直して数百円で終わるはずないですよね。必ずと言っていいほど基本料金以外に作業代金・出張費・見積費・キャンセル費というような名目で追加費用がかかります。 冷静になるとわかるのですが、水道トラブルで焦っている場合にはそのようなことも気づかなくなり、期待を
KickstrapはBootstrapをベースにしたテーマ、プラグインを提供するソフトウェアです。 最近作られるWebサービスでよく使われているBootstrap。そんなBootstrapは固定色でそれっぽさが感じられてしまうのが欠点でしたが、見事に打ち消してくれるのがKickstrapです。 色が変わると随分印象が違います。 テーマ機能があります。 青と白。 こんな感じのシンプルなテーマも。 逆にカラフルなものもあります。 基本は同じですが、印象は違いますね。 好みのテーマを選べます。 JavaScriptプラグインがデフォルトよりもぐっと増えています。 Kickstrapを使えばBootstrapをより便利に使えるでしょう。JavaScriptプラグインも通知機能をはじめ、色々なものが追加されていますのでWebサイトをより強力にパワーアップできるはずです。 KickstrapはHTML
Bootstrap Image Gallery Twitter Bootstrapを使ったイメージギャラリーサンプル Bootstrapを使った実際に動くアプリケーションをオープンソースソフトとして入手できます。 TwitterBootstrapのサンプルと併せて使うと有用かもしれませんね。 画像のスライドショー機能。BootstrapのUIにすることでかなりすっきりしたデザインで好印象を与えられそう Bootstrapで実装したサイトは似たりよったりになってしまうという問題もはらんでいますが、こうしたライブラリは今後沢山出てきたり、Bootstrapをベースにしたテーマっぽいものも多く出てきそうです エンジニアにとっては、よりサービスを作りやすい環境が整っていっています 関連エントリ 綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテーマ「j
個人的にいじっていて便利そうだったのでご紹介。 Bootswatchは、Twitter社が提供するTwitter Bootstrapのさまざまなテーマをダウンロードできるサイトだ。 Twitter Bootstrapといえば簡単に今風デザインのサイトを作れるCSSフレームワークだが、それで作ると「あー、黒いトップバーだし、Twitter Bootstrapね」的になってしまうのが難点だった。 最新版ではテーマをカスタマイズできるツールもついているが、配色などを考えるのが面倒な人もいるだろう。そういう方はBootswatchを利用してみてほしい。 それにしてもどんどんウェブ作りが簡単になっていきますな・・・。
twitter bootstrapを更に便利に使うgemがtwitter bootstrap railsです。 railsアプリを作りましょう。 rvmでgem set作ります。 rvm --create 1.9.3-p125@tbrsample railsアプリ生成します。 gem install rails --no-ri --no-rdoc rails new tbrsample gemを指定しましょう。 Gemfileのgroup :assetsに追加します。 cd tbrsample vim Gemfile gem "twitter-bootstrap-rails" どん bundle install --without=production bootstrapをgenerateしましょう。 必要なjsやcssをapp/assets配下に配置します。 rails g bootst
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く