Software Alternatives & Reviews

How to Practice CSS (with examples)

One Page Love Flexbox Froggy CSS Speedrun CSS Grid Garden CodeSandbox CodePen
  1. A large collection of good product email design.
    You can find hundreds of email examples over on Really Good Emails. Remember to create responsive designs. The majority of email views come from mobile devices. If you really want to sharpen your skills, try your hand at dark mode!

    #Email #Email Newsletters #Design Inspiration 35 social mentions

  2. A curated collection of beautiful One Page websites.
    Technically, a landing page is a one page website. But not all one page websites are landing pages. Sort of like how a square is a rectangle but a rectangle isn't a square. You can see tons of stellar one page website examples on One Page Love.

    #Design Tools #Web App #Design Inspiration 12 social mentions

  3. A game for learning CSS flexbox
    Pricing:
    • Open Source

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

  4. A small fun app to test and improve your CSS knowledge.
    Pricing:
    • Open Source

    #Tech #Design Tools #Social Media Tools 1 social mentions

  5. A game for learning CSS grid layout
    Pricing:
    • Open Source

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

  6. Play against others in golf with your CSS skills

    #CSS Tools #Online Learning #Online Education 67 social mentions

  7. Online playground for React
    Pricing:

    #Text Editors #Programming #Code Collaboration 300 social mentions

  8. A front end web development playground.

    #Text Editors #Programming #Code Collaboration 482 social mentions

Discuss: How to Practice CSS (with examples)

Log in or Post with