Slide 3
Slide 3 text
● ίϯϙʔωϯτΛ͚ΔཻΛ FLOCSS (ϑϩοΫε) ͷج४Λݩʹͨ͠ɻ
● https://github.com/hiloki/flocss
● FLOCSS ɺOOCSSSMACSSɺBEMɺSuitCSSͷίϯηϓτΛऔΓೖΕͨɺϞδϡϥʔ
ͳΞϓϩʔνͷͨΊͷ Made in Japan ͳ CSSߏҊ
● جຊ OOCSS ͷίϯηϓτɻ໋໊نଇͱ͔ࡉ͔͍͚ํ͕ҧ͏ɻ
● FLOCSS࣍ͷ3ͭͷϨΠϠʔͱɺObjectϨΠϠʔͷࢠϨΠϠʔͰߏ͞ΕΔɻ
1. Foundation - reset/normalize/base...
2. Layout - header/main/sidebar/footer...
3. Object
i. Component - grid/button/form/media...
ii. Project - articles/ranking/promo...
iii. Utility - clearfix/display/margin...
FLOCSS ͰίϯϙʔωϯτΛͬͯΈͨ