CSS-Treasure (2019)

A curated list of resources for learn and practice CSS.

A/ List resources specialize in CSS

1. CSS Tricks: https://css-tricks.com/

2. CSS reference: https://cssreference.io/

3. 30 seconds of CSS: https://30-seconds.github.io/30-seconds-of-css/

4. Codrops: https://tympanus.net/codrops/

5. Codeguide: https://codeguide.co/

6. Magic of CSS: https://adamschwartz.co/magic-of-css/

7. Learn Layout: https://learnlayout.com/

B/ List resources have good interaction, live code on browser for learn CSS

1. CSS Animations IO: https://css-animations.io/

2. Enjoy CSS: https://enjoycss.com/

3. CSS Diner: https://flukeout.github.io/

4. Flexbox Froggy: https://flexboxfroggy.com/

5. Flexbox Defense: http://www.flexboxdefense.com/

6. CSS Selectors: https://benhowdle.im/cssselectors/

7. CSS Transform: https://css-transform.moro.es/

8. Unfolding the Box Model: https://rupl.github.io/unfold/

9. CSS Animation Lab: https://cssanimationlab.com/

C/ List resources for learn Front-end

1. freeCodeCamp: https://learn.freecodecamp.org/

2. w3schools: https://www.w3schools.com/

3. MDN web docs: https://developer.mozilla.org/en-US/

4. Tutsplus: https://tutsplus.com/

5. Tutorialzine: https://tutorialzine.com/

6. Smashing Magazine: https://www.smashingmagazine.com/

7. Codepen: https://codepen.io/

D/ List resources of others developers have already summarize for learn CSS

1. Front-end Handbook 2019: https://frontendmasters.com/books/front-end-handbook/2019/

2. Slant: https://www.slant.co/

3. Front-end Dev Bookmarks: https://github.com/dypsilon/frontend-dev-bookmarks

4. Front-end Developer Interview Questions: https://github.com/h5bp/Front-end-Developer-Interview-Questions/

5. Awesome CSS: https://github.com/awesome-css-group/awesome-css

6. Ultimate Guide to learn CSS: https://zendev.com/ultimate-guide-to-learning-css.html

7. State of CSS: https://2019.stateofcss.com/

8. Enboard Front-end: https://enboard.co/frontend/

9. Best Web Development Blogs:

https://www.keycdn.com/blog/web-development-blogs

https://blog.usejournal.com/top-20-best-web-design-development-blogs-to-follow-in-2019-f431289bcd5a

10. Awesome CSS Learning: https://github.com/micromata/awesome-css-learning