Category CSS

CSS is the language for styling websites, including their colors, layouts, and typography. With CSS, you can propagate styles to your HTML components, ensuring a consistent design across all types of devices, browsers, and operating systems. We highly recommend Heydon Pickering’s introduction to two key CSS features on creating consistent designs with minimal effort, in addition to using Semantic CSS With Intelligent Selectors.

When And How To Use CSS Multi-Column Layout

by Rachel Andrew

11 min read
No meows just yet

January 11, 2019 — The Multi-column Layout spec is often overlooked as we use Grid and Flexbox. In this article Rachel Andrew explains why it is different to other layout methods, and shows some useful patterns and ... Read More…

265 more articles

Rachel Andrew wrote

How To Learn CSS

January 2, 2019 — You don’t need to commit to memorizing every CSS Property and Value, as there are good places to look them up. There are some fundamental things, however, which will make CSS much easier for you to use. This article aims to guide you along your path of learning CSS. Read More…

Ahmad Shadeed wrote

Common CSS Issues For Front-End Projects

December 27, 2018 — Rendering and interaction have become a lot more consistent across browsers in recent years. It’s still not perfectly uniform, however, and a lot of small issues can trip you up. A list of common issues along with their solutions. Read More…

Alastair Hodgson wrote

Generic First CSS: New Thinking On Mobile First

December 21, 2018 — With the advent of responsive web design and the mobile-first approach, it’s been seven wonderful years since any new concepts have compelled us to adapt the way in which we write CSS at the base level. Well, I don’t have anything too groundbreaking to offer you, but I do … Read More…

Rachel Andrew wrote

CSS Frameworks Or CSS Grid: What Should I Use For My Project?

November 9, 2018 — Have you ever considered whether CSS Grid can actually replace the need for CSS frameworks or third-party component libraries? In doing so, Rachel Andrew discovered a range of reasons people use a third-party framework and the positive and negative things about doing so. Read More…

Rachel Andrew wrote

The CSS Working Group At TPAC: What’s New In CSS?

October 26, 2018 — Last week, Rachel Andrew attended the CSS Working Group meeting at W3C TPAC, and rounds up some of the discussions in this post — including those things where you can help make a decision. Read More…

John Rhea wrote

Splicing HTML’s DNA With CSS Attribute Selectors

October 23, 2018 — Attribute selectors are magical. They can get you out of sticky problems, help you avoid adding classes and point out some problems in your code. In this article, John explains how to use attribute selectors the right way. Read More…

Rachel Andrew wrote

Use Cases For Flexbox

October 4, 2018 — In this final article of the series, we wrap up by taking a look at some of the common uses for Flexbox. What should we use Flexbox for, and what it is not so good at? Read More…

Shane Hudson wrote

Designing A Textbox, Unabridged

September 6, 2018 — Building websites is hard. Let’s explore the creation of a component from start to finish, in the context of an exaggerated reality where projects aren’t flawless. Read More…

Rachel Andrew wrote

Take A New Look At CSS Shapes

September 4, 2018 — In this article, we take a look at CSS Shapes and how to create non-rectangular shapes using images, gradients, and basic shapes. We also discover how the new tools in Firefox make editing shapes easier. Read More…