Get Started. It's Free
or sign up with your email address
CSS by Mind Map: CSS

1. organization strategies

1.1. bem

1.2. oocss

1.3. smacss

1.4. suit

1.5. solid

1.6. csstyle

1.7. rscss

1.8. mvcss

1.9. amcss

1.10. amcss

1.11. functional css (https://marcelosomers.com/writing/rationalizing-functional-css/)

2. browser compatibility

2.1. caniuse

3. scope

4. generating

4.1. post css

4.2. precompilers

4.2.1. scss (sassy css)

4.2.1.1. mixins

4.2.1.2. @extend

5. applying

5.1. link

5.2. inline

5.2.1. critical/above-the-fold

5.3. shadow dom

6. language/syntax

6.1. spec

6.1.1. css vs css2 vs css3 (2.1+) vs modules (there is no css4)

6.1.2. http://julian.io/tomorrows-css-syntax-with-cssnext/

6.2. scope

6.3. !important

6.3.1. or !please via https://github.com/idiot/Spiffing

6.4. inherit

6.5. currentColor

6.6. units

6.6.1. rem vs em

6.7. rules, properties, selectors

6.8. state selectors

6.8.1. e.g., :hover

6.9. pseudo elements

6.10. pseudo selectors

6.10.1. :nth-*, :not

6.11. descendant, sibling

6.11.1. >, +, ~

6.12. attribute selectors

6.12.1. e.g., [name*="foo"]

6.13. color

6.13.1. hex

6.13.2. abbreviated hex

6.13.3. named

6.13.4. rgba

6.13.5. hsl, hsla

6.14. gradients

7. specificity rules

8. tricky concepts

8.1. document flow

8.2. box-sizing

8.3. position

9. frameworks and resets

9.1. frameworks

9.1.1. bootstrap

9.1.2. pure

9.1.3. zurb/foundation

9.1.4. semantic-ui

9.1.5. materializecss

9.1.6. scooter

9.2. resets

9.2.1. https://necolas.github.io/normalize.css/

9.2.2. http://html5doctor.com/html-5-reset-stylesheet/

9.2.3. http://meyerweb.com/eric/tools/css/reset/

10. global/local CSS

10.1. https://medium.com/seek-ui-engineering/the-end-of-global-css-90d2a4a06284

11. specifying

11.1. houdini (task force)

12. lint and code styles

12.1. CSScomb

12.2. CSS Lint

12.3. stylelint

13. study group

13.1. interest

13.2. logistics

14. inspiration and thought exercises

14.1. http://www.csszengarden.com/

14.2. http://codepen.io/ryandunn/pen/eZgmMY

14.3. http://tympanus.net/codrops/

15. thought leaders

15.1. eric meyer (meyerweb.com)

15.2. chris coyier (css-tricks.com)

15.3. rachel andrew (css grids, rachelandrew.co.uk)

15.4. lea verou (lea.verou.me)

15.5. rachel nabors (animation, rachelnabors.com)

15.6. sara soueidan (vectors, sarasoueidan.com)

15.7. jeffrey zeldman (zeldman.com)

15.8. ethan marcotte (responsive, ethanmarcotte.com)

15.9. philip walton (philipwalton.com)

15.10. ire aderinokun (bitsofco.de)

16. research/education/reference

16.1. newsletters

16.1.1. http://css-weekly.com/

16.1.2. http://heydesigner.com/

16.2. websites

16.2.1. http://tympanus.net/codrops/css_reference

16.2.2. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

16.3. conferences

17. design

17.1. interactive

17.1.1. radio or checkbox as state

17.1.1.1. http://lea.verou.me/2011/06/pure-css-tic-tac-toe/

17.1.1.2. http://codepen.io/elad2412/pen/hBaqo

17.1.2. http://victordarras.fr/cssgame/

17.2. visual

17.2.1. transitions and animations

17.2.1.1. transitions

17.2.1.2. animations (keyframes)

17.2.2. typography

17.2.2.1. vertical rhythm

17.2.2.2. kerning

17.2.2.3. ligatures

17.2.2.4. swashes

17.2.2.5. small caps

17.2.3. color

17.2.3.1. meaning, symbolism

17.2.3.2. contrast, color-blindness

17.2.4. positioning

17.2.4.1. layout/grid

17.2.4.1.1. grid systems

17.2.4.1.2. tabular

17.2.4.1.3. holy grail

17.2.4.1.4. flexbox

17.2.4.1.5. css grid spec

17.2.4.1.6. responsive

17.2.4.2. snap points

17.2.4.3. sticky position