【CSS設計手法】BEM、OOCSS、SMACSSの違いと特徴のまとめ | Web Design Trends

2019/03/21 96 users BEM OOCSS CSS設計手法 特徴 まとめ

CSSの設計手法とは、CSSのメンテナンス性や作業効率を向上させるためのHTMLのクラス名の付け方と、CSSのコードの管理方法の考え方のことを言います。命名規則などとも呼ばれたりしますね。 ページ数が少なく、コード量もそこまで多くないような場合はあまり気にする必要はありませんが、大きなプロジェクトになるとCSSの... 続きを読む

echo.css : CSS framework optimized for CMS theming

2018/10/05 26 users FLOCSS コンポーネント CMS CSSフレームワーク

CMSサイト制作に最適化 "echo.css"は、SMACSS, FLOCSSを設計ベースとしたCSSフレームワークです。特に、WordPress等のCMSを組み込んだウェブサイトの制作に最適化しています。 CMSによく見られる機能を想定したコンポーネント、コンテンツの微調整を行う補助クラスを数多く実装しています。 ぜひ「スタイルガイド」をご... 続きを読む

CSS Architecture with OOCSS, SMACSS, BEM

2014/03/09 67 users BEM OOCSS

CSS Architecture with OOCSS, SMACSS, BEM Presentation Transcript CSS Architecture with OOCSS,SMACSS,BEM jsCafe 2014-03-09 Katsunori Tanaka OUTLINE 1. CSS Architecture 2. CSS Methodology 3. CSS Preproc... 続きを読む

イマドキCSS設計

2014/01/22 498 users Slides AGENDA BEM ATND connpass

イマドキCSS設計 NTTレゾナント　森本恭平 About Me Twitter:basara669 ディレクター フロントエンドエンジニア 今日のスライド http://basara669.com/slides/140122/index.html ※今日のatndやconnpassにも載っています Agenda なぜCSS設計が必要なのか BEMとSMACSSの紹介 実際の運用上どうするべきか ... 続きを読む