DevOOPS - 多数のパターンを用意したBootstrap管理画面
デザインでシステムの品質が決まるわけではありません。しかし、それでも全くデザインされていないシステムよりも見た目が整っている方が安心して使えるでしょう。それは管理画面でも同様です。 通常、管理画面は利用者が限定的なため、デザインが適当になってしまいます。そんな寂しい管理画面もDevOOPSを使えば一気に見た目が向上するでしょう。 DevOOPSの使い方 DevOOPSには多くのテンプレートが用意されています。これらを組み合わせるだけで格好良い管理画面ができあがりそうです。Bootstrapベースなので、カスタマイズもそれほど難しくはないと思います。 DevOOPSはHTML5/JavaScript製、GPL v3のオープンソース・ソフトウェアです。 devoopsme/devoops
Responsive Dashboard - Bootstrapベース、レスポンシブな管理画面テンプレート MOONGIFT
Bootstrapの良いところは使い手（主にエンジニア）の気持ちを理解し、その利用シーンが想定されていることでしょう。こだわったデザインにすることだってできますが、それでは応用がききません。その汎用性と見栄えのバランスを上手に保っています。 今回紹介するResponsive Dashboardもその応用例と言えます。いわゆる管理画面系のダッシュボードですが、AngularJSとjQueryに対応し、カスタマイズして利用するのが容易になっています。 Responsive Dashboardの使い方 こちらがメイン画面です。管理系で良くありがちなウィジェットがたくさんあります。メニューは左側です。 デスクトップもメニューを折り畳めます。 タブレットサイズになると自動でメニューの文字が折り畳まれます。 スマホサイズ。カラムが1列になります。 Responsive DashboardはBootst
Twitter Bootstrap を使う際に a:link などに color を設定するとボタンの色まで上書きされちゃう問題の対策 - FLOG SPLASH
1年ぶりくらいに更新しますが、引き続きクロコスにおりまして (てかこの前の記事が去年の7月なんでその後ヤフーに買収されるなどいろいろあったりしましたが) 、まあまあ元気にやっております。 - さて本題。普段 CSS 書くときは大抵、 Twitter Bootstrap からいくつかの LESS をインポートしつつ、必要に応じてスタイルを上書きする形式をとっています。 そんな中、なんかどうしてもボタン(buttons.less でスタイルをあてているやつ)の文字色が反映されない状況に陥りまして、なんでだろうと調べて一応解決したので書いておきます。 問題の概要 今回のケースでは、デフォルトの文字色を次のように設定していました。 @import "bootstrap/buttons.less"; a, a:link { color: #666666; } a:visited { color: #
Bootstrapのselectをカッコよくできる「Bootstrap-select」:phpspot開発日誌
Bootstrap-select Bootstrapのselectをカッコよくできる「Bootstrap-select」。 通常のselectをもっとカッコよくカラフルにすることが出来ちゃいます カラフルなのもなかなか使えそう 関連エントリ BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapのテーマで良い感じに動くオートサジェスト実装jQueryプラグイン「MagicSuggest」 Bootstrapなサイトで使えそうなクールなツールチップ実装jQueryプラグイン「Smallipop」 Bootstrapベースのサイトでサイトの使い方をステップ別にオーバレイ表示できる「Bootstro.js」 Bootstrapに270の使えるアイコンを追加で
Bootstrap Magic 4: Generate your own Bootstrap 4.0 theme in minutes
Bootstrap Magic 4.0 Create your Bootstrap 4.0 themes easily. Live preview, live HTML coding to help you create your Bootstrap 4.0 theme direclty in your browser Create your theme Github project Morbi Phasellus arcu Morbi molestie justo et finibus auctor. Nunc accumsan leo vel metus sollicitudin dapibus. Praesent rutrum nibh tincidunt sagittis mattis. Metus sollicitudin Morbi molestie justo et fini
Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアル:phpspot開発日誌
Twitter Bootstrap 101: The Carousel | Webdesigntuts Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアルが公開。 Twitter Bootstrapのクールさを壊さないでなかなか良い感じに実装できます。いくらBootstrapが多機能だからといって足りないものもあったりしますが、そういうものを別プラグインで持ってきちゃうとそこだけ違和感が、っていう風になっちゃいますがこれなら安心。主にトップページなんかでプロダクトの説明なんかをする際に使えそう jQueryベースなので再利用も簡単ですね 関連エントリ レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」 高機能なカルーセルを実装するjQueryプラグイン５０まとめ ホイールも効いて超いい感じのカルーセル実装jQueryチュート
jQuery UI Bootstrap
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
CakePHP1.3でBootstrap, from Twitterを使うためのたった2つのファイル - 忍び歩く男 - SLYWALKER
CakePHP: the rapid development php framework. Pages Bootstrap, from Twitter Bootstrap, from TwitterをCakePHP1.3で使う際、ほとんどはHeplerのOption指定でなんとかなる。 しかし、どうしてもなんともらんところがあるので、2つほどファイルを追加した。 Pagination views/elements/pagination.ctp 普通にpaginationを表示させたいところで <?php echo $this->element('paginate'); ?> Forms views/helpers/bootstrap_form.php 基本的に <?php echo $this->Form->input('name'); ?> のところを <?php echo $this-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
Twitter Bootstrap で使えるカラーピッカー＆日付ピッカー:phpspot開発日誌
Twitter bootstrap入門 #twtr_hack
Twitter Bootstrap Generator