CSSのclass名やJavaScriptの関数名を付けるときに役立つ単語リストのまとめ -Classnames

2024/07/11 129 users CSS class名 関数名 単語リスト BEM

CSSのclass名やJavaScriptの関数名を付けるときに悩んだり、ネタ切れになったことはありませんか？ BEM, OOCSS, SMACSSで命名する場合はそれを使用すればよいのですが、特定のテーマ別にグループ化された単語のリストが必要になるときもあります。そんなときに役立つ単語リストをまとめたClassnamesを紹介します。 Class... 続きを読む

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

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

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

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の紹介 実際の運用上どうするべきか ... 続きを読む