何かWEBサービスを作るのに当たって0ベースでデザインを考えるのが、たまにめんどくさい。
勉強がてらの突発的なサービス開発なんてなると、熱が最後まで持たないのだ。
ならば、既存のを利用すればいいのです！
という訳で、下記を条件としたものを探そうと思う。
- OSS
- 軽量コンパクト
- 使いやすい
と調べていたところ、良いものがあった。
知られた一覧情報があった
CSS Front-end Frameworks with comparison - By usabli.ca
ここで気になるのが、ライセンス系とSass・LESSかと思う。
ライセンス
ライセンス情報を書いていてくれるのがありがたい。
個人的にはOSS>CC0＞MIT、BSD、Apache＞CCで使う。
個人的にGPL避けがち。CCは気をつけないと商業利用不可系がある。
Sass
Rubyベース。SASS・SCSS、どちらでも記述可。
CSSをコンパクトに整えてくれるとか機能が豊富。
LESS
JavaScriptベース。
CSSに近い記述法で、下記のようにHTMLに直接指定できてとっかかりやすい。
<link rel="stylesheet/less" type="text/css" href="styles.less"> <script src="less.js" type="text/javascript"></script>
コンパイルして.css化して使うことも出来る。
個人的に選んだもの
結局一覧に書いてないものを選んでいたりする。
Foundationは人気なんだけどNode.jsのインストールが必須だったり使うまでが遠いし、もしかしてコレプログラムなんじゃね？という気持ちすらあるので止めた。
Bootstrap
プログラムのOSS FWでよく組み込み済みだったりするから、もうそのまま使ってしまえばいんじゃないか系。
ただバージョンがいくつかあるから、使ってるうちにアレ？とならないように注意。
管理画面用に完成済みがMIT配布されていたりする。
Shards Dashboard Lite - Free Bootstrap Admin Template – DesignRevision
Materialize
名前の通り、マテリアルデザインを作るためのもの。
動きも見やすさもあって、個人的に好き。
CSS Flexible Box Layout Module Level 1
要素がいくつかあるものに対してとても見やすくできる。
使うのに際しては下記がすごく助かる。
日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス
UIkit
バージョンいくつかある。
シンプルで使いやすい。使うまでが簡単。本当に簡単。
Semantic UI
側アプリを作るなら個人的にはコレがいいと思う。
シンプルな要素の少ないものが何もしなくてもいい感じになる。
カラフルにしたいならPureを使った方がかわいいかも知れない。
いっそ完成済みが欲しい
解る、解るよ、その気持ち。
【無料】おすすめのマテリアルデザインテンプレート10選 | SONICMOOV LAB
オープンソースとかフリーの海外製ウェブサイトテンプレートあれこれ - GIGAZINE
探せばきっとたくさんあるに違いない。
英語ができればきっともっとたくさん見つかるに違いない！
コメント