【2016年冬】最新CSSフレームワークまとめ - Qiita
はじめに 以前、HTMLやCSS設計がよく分から無いというあなたへ。知ることから始める5つのTIPSという記事を書いたのですが、これは、僕が当初CSSの設計が凄く苦手で、苦手なりにも沢山書いていって少しわかるかな？と思ってきたときに備忘録も兼ねてまとめました。 なぜ苦手だったのかと振り返ると、その中で一番大きな要素が、構造間の依存関係を把握できていなかったことにあるのではないかなと思います。 この記事の中でも言うようにCSSの設計やもっと大きく言えばプロダクトの設計思想によって異なるとは思いますが、その依存関係を把握できていない原因はおそらくは何かしら取り入れているCSSのフレームワークの理解に乏しいことに原因があるのではと考えました。 そこで、多くの人に用いられているであろうCSSフレームワークを、2016年末時点でgithubのスター数が多かった順に５位までまとめてみました。ここで一般
[CSS]簡単にエラスティックや高さの揃ったカラムが実装できるスタイルシートのフレームワーク -Elastic css
Elastic cssは、印刷対応も考慮した、エラスティックレイアウトや高さの揃ったカラムが実装できるスタイルシートのフレームワークです。 Elastic css エラスティックレイアウトの実装例 レイアウトのカラム数はデフォルトで４カラムまで対応しており、それぞれのカラムに固定・可変とスタイルシートで指定ができます。 固定するカラムの幅は、インラインで指定します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="unit two-columns"> <div class="fixed-left-column" style="width:250px;">first column content</div> <div class="elastic-column">second column content<
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
compass-style.org is almost here!
