Software Alternatives & Reviews

21 Resources to Learn And Practice Your CSS Skills

playCSS BEM Flexbox Froggy CSS-Tricks CSS Reference CSS Grid Garden Can I use
  1. Improve your CSS skills with fun
    You can improve your CSS skills by completing daily challanges on PlayCSS.

    #Coding #Coding Games #CSS 1 social mentions

  2. 2

    BEM

    BEM — Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end.
    BEM is a methodology for organizing and naming CSS classes in a scalable and maintainable way. Learning the principles of BEM can improve the structure of your stylesheets drastically.

    #Developer Tools #Design Tools #CSS Framework 43 social mentions

  3. A game for learning CSS flexbox
    Pricing:
    • Open Source
    Flexbox is an important topic of CSS and you can learn it by playing a game called Flexbox Froggy. You can easily learn the properties of Flexbox while having some fun.

    #CSS Tools #Online Education #Design Tools 252 social mentions

  4. CSS-Tricks is a website about websites.
    CSS-Tricks provides CSS resources, tutorials, and articles. This website covers a wide range of CSS topics and provides valuable knowledge about modern web development methods.

    #CSS #CSS Tutorials #CSS Tricks 128 social mentions

  5. Sleek and comprehensive online reference for CSS
    Pricing:
    • Open Source
    CSS Reference provides an easy-to-navigate reference guide for CSS properties. It’s a handy tool for quick lookups and learning.

    #CSS Tutorials #CSS Tools #CSS 7 social mentions

  6. A game for learning CSS grid layout
    Pricing:
    • Open Source
    Grid Garden is another interactive way to learn the grid layout system while having some fun.

    #CSS Tools #Design Tools #Other Education Tech 99 social mentions

  7. Play against others in golf with your CSS skills
    CSSBattle is a competitive platform where you compete against others by creating the target images using CSS and improve your CSS skills.

    #CSS Tools #Education #Online Education 67 social mentions

  8. Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
    Pricing:
    • Open Source
    You can check browser compatibility for CSS properties using Can I Use. It is essential for understanding which features are safe to use.

    #Website Testing #Browser Testing #CSS 342 social mentions

Discuss: 21 Resources to Learn And Practice Your CSS Skills

Log in or Post with