PrimerRedirecting to primer.style
DevOOPS - 多数のパターンを用意したBootstrap管理画面
デザインでシステムの品質が決まるわけではありません。しかし、それでも全くデザインされていないシステムよりも見た目が整っている方が安心して使えるでしょう。それは管理画面でも同様です。 通常、管理画面は利用者が限定的なため、デザインが適当になってしまいます。そんな寂しい管理画面もDevOOPSを使えば一気に見た目が向上するでしょう。 DevOOPSの使い方 DevOOPSには多くのテンプレートが用意されています。これらを組み合わせるだけで格好良い管理画面ができあがりそうです。Bootstrapベースなので、カスタマイズもそれほど難しくはないと思います。 DevOOPSはHTML5/JavaScript製、GPL v3のオープンソース・ソフトウェアです。 devoopsme/devoops
東京Ruby会議10で、Rubyistのためのデザイン講座ワークショップやらせていただきました #p4d #tkrk10 - 納豆には卵を入れる派です。
#p4d Rubyistのためのデザイン講座 12:30 - 13:30 発表1: @machida さん / 「RailsエンジニアのためのTwitter Bootstrapカスタマイズ例」 13:50 - 14:50 発表2: @ken_c_lo さん / 「少ない手間と知識で "それなり" に見せる、ズルいデザインテクニック」 15:10 - 16:10 発表3: @saucerjp さん / 「ノンデザイナーのための配色理論」 16:30 - 17:45 実習: オトナの塗り絵で学ぶデザイン 発表内容は、前回の「第一回 プログラマ向けデザイン勉強会 #design4p」の再演で、前回1画面に詰めすぎて喋りにくかったという反省から、きちんとスライドを分割して臨もう…と思っていたのですが、前の晩にさあ作業をしようと思ったらいつの間にか寝てしまい当日の朝になっていたという失態をやらかし、
Twitter Bootstrap＋その他で「本当に」イケてるモックを作る手順
こんにちは、 6月に入社したR＆D部の@benzookapiです。 前職はi18nを専門に、JavaやPHPでいろんなwebやクライアントソフトウェアを作ってました。 ブログデビューの今回ですが、意外と情報が不足している Twitter Bootstrapを使った、「本当に」イケてるモック※を作る手順について書きたいと思います。 ※モックとは、携帯電話の見本用の模型などの意味で、ここではWebアプリにおけるデザイナーさんに発注する前の仮画面といった意味で使ってます。 Twitter Bootsrapはいわずもがな手軽にイケてるページを作成できるフレームワークで、解説サイトなどを読むと「おーすげー、こんなかっこいいサイトがたったこれだけでできるんかい」とCSSいじるのがめんどくさい自分のようなエンジニアは感動してしまうのですが、いざそれを実際に開発するアプリに使おうとすると、実は色々不満が出
Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアル:phpspot開発日誌
Twitter Bootstrap 101: The Carousel | Webdesigntuts Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアルが公開。 Twitter Bootstrapのクールさを壊さないでなかなか良い感じに実装できます。いくらBootstrapが多機能だからといって足りないものもあったりしますが、そういうものを別プラグインで持ってきちゃうとそこだけ違和感が、っていう風になっちゃいますがこれなら安心。主にトップページなんかでプロダクトの説明なんかをする際に使えそう jQueryベースなので再利用も簡単ですね 関連エントリ レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」 高機能なカルーセルを実装するjQueryプラグイン５０まとめ ホイールも効いて超いい感じのカルーセル実装jQueryチュート
高品質なコンポーネントを使って格好いいサイトを作ろう·Chico UI MOONGIFT
Chico UIはWebサイト向けのコンポーネント群、デザインを提供しています。 最近はTwitterのBootstrapを使ってWebサイトを構築しているところが増えてきましたが、何となく似通ったデザインになってしまうのが難点です。人とはちょっと違う、でも簡単に格好いいデザインを実現したいという人にお勧めなのがChico UIです。 オートコンプリートです。 ボタンを押してハイライトします。 カレンダーです。 スライドです。 文字数カウンターです。 タイポグラフィです。 日付ピッカーです。アイコンをクリックでカレンダーが表示されます。 ドロップダウンです。 クリックで下のコンテンツが表示されるデモです。 フォームも多数デザインが揃っています。 レイヤーです。マウスオーバーで吹き出しが出ます。 モーダルウィンドウです。 メニューです。階層に対応しています。 タブです。 ツールチップです。
これからTwitter Bootstrapをはじめる人のためのエントリまとめ - 小さい頃はエラ呼吸
はじめに 今、Twitter Bootstrapが一部のエンジニアで人気です。 Twitter BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発／提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。 そこで、これからTwitter Bootstrapをはじめてみようと思うエンジニアの人たち向けに、役立つ記事の数々をまとめてみました。 このエントリを書こうと思ったきっかけは、以下のスライドでした。とても分かりやすく、はじめて知るようなサービスなども網羅されており、とても参考になりました。 Twitter bootstrap入門 #twtr_hack jQueryプラグイン徹底活用 プロのデザインアイデアとテクニックposted with amazlet at
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrapをもっと活用するためのカスタマイズツールやリソースのまとめ