命名規則 .alert { - .alert.success { + .alert-success { - .alert.warning { + .alert-warning { - .alert.error { + .alert-error { … .warning { // 汚染されてしまう ベースとなるコンポーネント名を名前空間として継承した命名にすること - クラス名…

Sass, also known as the indented syntax SCSS, a CSS-like syntax Initially, Sass was part of another preprocessor called Haml, designed and written by Ruby developers. // Variable !primary-color= hotpink // Mixin =border-radius(!radius) -we…

枠とモジュールという考え方 枠 モジュールをはめ込んでいくための枠組み モジュール レゴや積み木などの1ピース（部品） モジュール名さえかぶらなければスタイルの競合が起きない モジュールの一覧を作る モジュールの命名、抽象的（汎用的）⇄具体的（汎用…

Google HTML/CSS Style Guide HTML5 HTML & CSS - W3C HTML5 CSS3 Cascading Style Sheets JS https://google.github.io/styleguide/javascriptguide.xml#Custom_toString___methods GitHub - airbnb/javascript: JavaScript Style Guide

chapter1 デザインの作法 デザインにゴール地点を設定する どうすればデザイン案にOKが出るか、クライアントが期待している何か(要望)を正確に聞き出す レイアウトは枠組みから、最初にデザインの設計を済ませて、作るものの仕上がりに近いサイズの紙を用意…