Learn CSS

Style your website and make it stand out with our CSS tutorials. From basic layouts to advanced effects and animations, we'll help you level up your design skills.
  1. A Detailed Look at the 960 CSS Framework

    A Detailed Look at the 960 CSS Framework

    Tutorial Beginner

    CSS frameworks are bloated. CSS frameworks are for people who don't know how to code. CSS is too simple to implement a framework. If you've ever read...

  2. A Closer Look At the Blueprint CSS Framework

    A Closer Look At the Blueprint CSS Framework

    Tutorial Beginner

    Blueprint is a CSS framework that can save you time and headaches when working on any project that involves HTML and CSS, whether it be with Rails, PHP, or...

  3. Prototyping With The Grid 960 CSS Framework

    Prototyping With The Grid 960 CSS Framework

    Tutorial Intermediate

    Grid 960 is a CSS Framework that enables developers to rapidly prototype designs. They are excellent tools for creating mock ups. Why? Because they do all...

  4. Quick Tip: Create Your Own Simple Reset.css File

    Quick Tip: Create Your Own Simple Reset.css File

    Tutorial Beginner

    Far too many novice CSS designers don't realize the importance of creating a "reset.css" file. When you have an environment where each browser has its own...

  5. Build a Newspaper Theme With WP_Query and the 960 CSS Framework

    Build a Newspaper Theme With WP_Query and the 960 CSS Framework

    Tutorial Beginner

    WP_Query is a powerful tool to control what comes out of your loop. Today I'm going to teach you all how to use it to make a 3 columned newspaper theme...

  6. Which CSS Grid Framework Should You Use for Web Design?

    Which CSS Grid Framework Should You Use for Web Design?

    Tutorial Beginner

    Ever wondered how all those slick "magazine" themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid...