ギャラリーやツリービュー、多彩なウィジェットに対応したデザインフレームワーク「InK」
InKはBootstrapライクなデザインテンプレートです。
HTMLに詳しくない人でも容易に整ったWebデザインを実現できるBootstrap。その対抗馬とも言えるソフトウェアがInKです。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.23.43.1358859963.png)
基本的なテンプレートです。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.24.09.1358859967.png)
デモ。メニューが上に残ります。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.24.16.1358859971.png)
グリッドデザイン対応。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.24.34.1358859975.png)
メニューもカラフルです。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.24.41.1358859978.png)
ページネーションも用意されています。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.24.51.1358859983.png)
ヘッダー。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.24.56.1358859986.png)
アラート系。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.25.16.1358859990.png)
アイコン。Font Awesomeを使っているようです。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.25.43.1358859995.png)
フォーム。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.25.47.1358859998.png)
エラー時の表示にも対応します。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.25.52.1358860002.png)
ボタン。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.26.03.1358860010.png)
アラートの種類も多いです。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.26.48.1358860020.png)
テーブル。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.27.07.1358860029.png)
ギャラリー機能。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.27.12.1358860042.png)
モーダル。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.27.19.1358860050.png)
ツリービュー。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.27.27.1358860058.png)
ソートとテキストボックスクリックで表示されるカレンダー。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-22 9.27.33.1358860067.png)
クライアントサイドの入力チェックもできます。
InKはBootstrap並の表現力とデザインのしやすさ、多彩なウィジェットを持っています。後は好みの問題とさえ言えるかもしれません。
InKはHTML/JavaScript/スタイルシート製、MIT Licenseのオープンソース・ソフトウェアです。
MOONGIFTはこう見る
プログラマーだからといってWebデザインができない訳ではありません。ピクセル単位のPhotoshop切り出しやCSS設定などはむしろプログラマーのが向いているかもしれません。しかしそのためのリソースは開発力へと傾けるべきでしょう。
BootstrapやInKの良いところは、一定のルールに沿ってデザインしておけば後で修正を加える際にあっという間に全体のバランスを変更できる点でしょう（とは言ってもバランスを崩すような指定をすると全体が崩れる可能性がありますが）。自由度が高すぎるHTMLだからこそ、こういったルールがあるのはむしろ開発者にとって都合がいいでしょう。