タグ SMACSS
人気順 5 users 50 users 100 users 500 users 1000 usersCSSのclass名やJavaScriptの関数名を付けるときに役立つ単語リストのまとめ -Classnames
CSSのclass名やJavaScriptの関数名を付けるときに悩んだり、ネタ切れになったことはありませんか? BEM, OOCSS, SMACSSで命名する場合はそれを使用すればよいのですが、特定のテーマ別にグループ化された単語のリストが必要になるときもあります。そんなときに役立つ単語リストをまとめたClassnamesを紹介します。 Class... 続きを読む
【CSS設計手法】BEM、OOCSS、SMACSSの違いと特徴のまとめ | Web Design Trends
CSSの設計手法とは、CSSのメンテナンス性や作業効率を向上させるためのHTMLのクラス名の付け方と、CSSのコードの管理方法の考え方のことを言います。命名規則などとも呼ばれたりしますね。 ページ数が少なく、コード量もそこまで多くないような場合はあまり気にする必要はありませんが、大きなプロジェクトになるとCSSの... 続きを読む
echo.css : CSS framework optimized for CMS theming
CMSサイト制作に最適化 "echo.css"は、SMACSS, FLOCSSを設計ベースとしたCSSフレームワークです。特に、WordPress等のCMSを組み込んだウェブサイトの制作に最適化しています。 CMSによく見られる機能を想定したコンポーネント、コンテンツの微調整を行う補助クラスを数多く実装しています。 ぜひ「スタイルガイド」をご... 続きを読む
CSS Architecture with OOCSS, SMACSS, BEM
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設計
イマドキCSS設計 NTTレゾナント 森本恭平 About Me Twitter:basara669 ディレクター フロントエンドエンジニア 今日のスライド http://basara669.com/slides/140122/index.html ※今日のatndやconnpassにも載っています Agenda なぜCSS設計が必要なのか BEMとSMACSSの紹介 実際の運用上どうするべきか ... 続きを読む