PRECSS - Manage your CSS with prefixes.
Manage your CSS with prefixes. <header class="ly_header">...</header> <!-- layout --> <main class="ly_cont"> <div class="bl_jumbotron"> <!-- block module --> <h2 class="bl_jumbotron_ttl">PRECSS</h2> <p class="bl_jumbotron_txt hp_mb20">CSS with prefixes.</p> <!-- helper --> </div> </main> <aside class="ly_side"> <a href="#" class="el_btn">Try PRECSS</a> <!-- element module --> <a href="#" class
[フロントエンド][Rails] flocss, bourbon, neat, refills, sass, hamlを使ってviewを作成するときの覚書 (随時メモ追加) - Qiita
[フロントエンド][Rails] flocss, bourbon, neat, refills, sass, hamlを使ってviewを作成するときの覚書 (随時メモ追加)Railsマークアップフロントエンドbourbonflocss RailsなりLotusなりで,sass/hamlでviewを作りこんでいく際のラクチン、テッパンな方法をたんたんと追求していく覚書。viewやマークアップはルールが明確じゃないので、毎回判断基準が悩ましいし、記憶力悪いんで都度都度思い出せん。初期セットアップめんどいし。 あとで楽するための覚書。 (とかく、flocss x bourbon x neat x sassの組み合わせがすごいわかりやすくめちゃんこ快適なので、より纒めて覚書兼テンプレにした) 仕様フレームワーク／構成案 メイン SASS http://sass-lang.com/ タイプ数少ないの
![[フロントエンド][Rails] flocss, bourbon, neat, refills, sass, hamlを使ってviewを作成するときの覚書 (随時メモ追加) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/bde7c4c55dc2c9903c76147539bba67b81d0b27d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCJUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgzJTg5JTVEJTVCUmFpbHMlNUQlMjBmbG9jc3MlMkMlMjBib3VyYm9uJTJDJTIwbmVhdCUyQyUyMHJlZmlsbHMlMkMlMjBzYXNzJTJDJTIwaGFtbCVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSVBNnZpZXclRTMlODIlOTIlRTQlQkQlOUMlRTYlODglOTAlRTMlODElOTklRTMlODIlOEIlRTMlODElQTglRTMlODElOEQlRTMlODElQUUlRTglQTYlOUElRTYlOUIlQjglMjAlMjglRTIlODAlQTYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTAyOGU2MWM3NGIyNjQ5MDczZDljNWM2MWY5MjRmYjg0%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGFuem9jaGFuZyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZDAwMWNlNGZhYzljNGE4OTAxMzFmMDUxMWRkY2RiYTM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D102d10bd01072468e13340208175aee0)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - hiloki/flocss: CSS organization methodology.
