DEV Community

Habdul Hazeez
Habdul Hazeez

Posted on

CSS References and Resource

This post contains reference materials that helped in writing the CSS section of this series and resources to help you in your learning endeavors.


The following articles will help you advance your CSS skills. Take your time to read them and if they contain code examples do your best to follow along.

Youtube Videos

Brad Traversy: CSS variables

Brad Traversy: Flexbox CSS in 20 Minutes


  1. What is cascading in CSS?
  2. Advanced CSS cascade.
  3. Stackoverflow: What is the meaning of cascading in CSS?
  4. Mozilla Developer Network: Cascade.
  5. z-index CSS tutorial.
  6. Floats Tutorial.
  7. CSS Box Model Tutorial.
  8. Mozilla Developer Network: Mastering margin collapsing.
  9. Mozilla Developer Network: Basic concepts of flexbox.
  10. Mozilla Developer Network: Using media queries.
  11. Mozilla Developer Network: Using CSS animation.
  12. MaintanableCSS by Adam silver.
  13. CSS tricks: A Complete Guide to Flexbox.
  14. Using CSS transitions.
  15. Mozilla Developer Network: position.
  16. Write Better CSS.
  17. Cascading Style Sheets Level 2 Revision 1.
  18. CSS Flexible Box Layout Module Level 1.
  19. CSS Grid Layout Module Level 1.
  20. Media Queries.
  21. Flexbox History.

Up next, JavaScript. I'll see you then.

Top comments (0)