HTML5+jQuery製の管理画面を作るためのテンプレート・HTML5 ADMIN

Ads

Warning: Undefined array key "HTTP_USER_AGENT" in /home/youhei0828/kachibito.net/public_html/wp-content/themes/kachibito7_with_cocoon_child/functions-module/other/tiny-fixed.php on line 75

なかなかユニークだったのでメモ的に。
HTML5+jQueryで使いやすい管理画面を
作るためのテンプレート・HTML5 ADMIN
です。管理画面は見た目よりも機能性
のみに焦点が絞られるのでこういった
テンプレートは結構貴重ですね。

テンプレートそのものを使う予定は無いですけど、管理画面におけるUI構築は、見た目ではなく、利便性、ユーザービリティのみに焦点が当てられるのでこういうテンプレで学べることも割と多いです。贔屓するわけじゃ無いですけど、WordPressの管理画面は他のCMSやブログエンジンよりはるかに万人に分かりやすく使いやすいように出来ていてとても参考になる点が多いです。機能を意識せずとも使える、というのは秀逸なデザインであるともいえます。

HTML5 ADMIN


画像だけじゃ全然利便性が伝わりませんがw よく使われるUIが一式揃っている、という感じです。fluidレイアウトにも対応。modernizrでクロスブラウザに対応させています。

ツリーメニュー


クリックで展開する管理画面では定番のツリーメニュー。

グリッド


グリッドも簡単に組めるように。

アコーディオン


クリックで開閉するアコーディオン

タブ / ダイアログ


汎用的なタブやダイアログ

アイコンやスライダー


大量のアイコンやスライダーなど

必要なものは一式揃っていると思います。余計なエフェクトが使われてたり、という事もないので勉強用にソースを見るのもいいんじゃないかなと思いました。ご利用は以下よりどうぞ。

HTML5 ADMIN (via:codevisually)

'}}})()