You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
更新:2017/10/22 こんにちは。Webデザインはあまり得意ではないケーです。 デザインが苦手なエンジニアでもレスポンシブ対応済みのページを割りと簡単に用意できるのがCSSフレームワークです。 そんなCSSフレームワークの中で最も有名なのがBootstrap(ブートストラップ)で、Twitter社が開発・提供、オープンソースで公開されているフロントエンドツール。 Bootstrapでも管理画面用のテンプレートというのがあるんですが、毎回テンプレ探しを繰り返しているのでまとめておきたいと思います。 SB Admin 2 SB Admin 2はブロックごとのパネルがスマートで気に入っています。シンブル好みの方にオススメ。 | ライセンス MIT License デモ http://blackrockdigital.github.io/startbootstrap-sb-admin-2/p
Bootstrapが最もよく使われるのは個人のWebサービス、そして企業の管理画面ではないでしょうか。そこまでデザインがよくある必要はないですが、見逃し防止の一覧性やグラフの見やすさなどが求められます。 そんなBootstrapを使った管理画面テンプレート、Bootstrap Clean Dashboard Themeを紹介します。情報が一カ所に集中したダッシュボードが作れそうです。 Bootstrap Clean Dashboard Themeの使い方 デモ画面です。殆どのボタンは機能しません。 グラフもあります。各コンテンツはボックスに入っています。 ボックスをクリックするまでは折りたたんでおくといった表示もできます。 フォーム。 アドレス帳風。 ログイン。 Bootstrap Clean Dashboard Themeはダッシュボードなので、管理画面上にたくさんの情報を見やすく配置す
Smoke Bootstrapにモダンな機能を追加してくれるjQueryプラグイン「Smoke」 フォームのバリデートや通知、モダンなプログレスバー、フルスクリーン機能、パネル等の機能を追加できます。 より今っぽいサイトを作るのに役立ちそうなプラグインなのでBootstrapを使う人は知っておいて損は無いと思います 関連エントリ Bootstrapのポップアップを強化する「WebUI Popover」 Bootstrapのポップアップ風デザインのモーダルを作成「Stackbox.js」 Bootstrapなサイトでレスポンシブなタブナビゲーションを実現する「Responsive Tabs」 Bootstrapのように多数のコンポーネントが詰まったUIツールキット「Titon Toolkit」 BootstrapのDropdownを使うなら必ず知っておきたい「Bootstrap Enhanc
Bootstrapは人気のフレームワークですが、日本語のコンテンツを表示するために最適化されているとは言えません。フォント指定・文字サイズをはじめ、日本語をより美しく表示するためのさまざまなアプローチを取り入れたテーマ「Honoka」を紹介します。 単に使用するだけでなく、他のものでも日本語を美しく表示させるのに役立ちます。 Honoka Honoka -GitHub 日本語フォントは、たくさんのフリーフォントがあります。 2017年用、日本語のフリーフォント 259種類のまとめ Honokaの特徴 Honokaのデモ Honokaのアプローチ -Bootstrapでの日本語表示最適化 Honokaの利用方法 Honokaの特徴 Honokaは、Bootstrapでより美しく日本語を表示させることにこだわったオープンソースのテーマファイルで、これをベースにWebサイトを作成したり、既にBo
Rin 3.0 というのを作った。 Rin - A lean, gulp-based HTML and SASS boilerplate by sanographix僕はいわゆるペライチのWebサイトを作ることが多いんだけど、そういう制作時に使っているフレームワークというかBoilerplate的なやつです。 フレームワークといっても、BootstrapのようにCSSをモリモリ書いて汎用コンポーネントを用意しまくる、というふうにはしていない。結局各webサイトでデザインの要件が大きく異なる場合が多いので、CSS部分の記述をできるだけ少なくして、各サイト向けに柔軟にスタイルを書けるようにする方針をとっている。一方でビルドツールに求められることは割と毎回一緒なことが多いので、gulpですばやく環境構築して、スタイルは各サイトでよしなに、みたいな雰囲気。 Rinは、だいたい下記のようなことがすば
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く