Braces to Pixels

We continue on A List Apart’s four-part “From URL to Interactive” series with Greg Whitworth, a member of the W3C CSS Working Group and the CSS Houdini Task Force. He’ll walk through how CSS is parsed, how values are computed, and what the “cascade” in style sheets actually means. Then we’ll discuss layout, painting, and composition. Brace yourselves, we’re about to drive through a one of our most scenic and winding parts of our journey.

From URL to Interactive

When we think about it, our whole industry depends on our faith in a handful of “black boxes” few of us fully understand: browsers. We hand over our HTML, CSS, JavaScript, cross our fingers, and hope they render the experience we have in our heads. But knowing how they work can really get you out of a jam when things go wrong. That’s why we’ve assembled a handful of incredibly knowledgeable authors to take us under the hood in this four-part series. Join us on this trip across the web, into the often foggy valley between code and experience.

The Cult of the Complex

’Tis a gift to be simple. ALA’s Zeldman bemoans our industry’s current fetish for the needlessly complicated over the straightforward. Escape the cult of the complex! Get back to improving lives, one interaction at a time.

We Write CSS Like We Did in the 90s, and Yes, It’s Silly

The tools web developers use to build websites have changed dramatically since the 1990s. But when it comes to the craft of writing CSS, Jens Meiert argues, it often seems that we haven’t learned anything over the past 20 years. Meiert discusses why that is and offers his thoughts on how spending more time thinking about the basics can bring the writing of CSS into the 21st century.

Faux Grid Tracks

The only way to win IS to play. Join Eric Meyer on a journey through the inner workings of CSS Grid as he tests various techniques to build a tic-tac-toe board filled with content. Hearkening back to the early days of CSS and A List Apart, these playful hacks rekindle a spirit of experimentation.

The New CSS Layout, An Excerpt

In this excerpt from Chapter 3 of Rachel Andrew’s The New CSS Layout, she shows us how to create a basic 3-column grid using using CSS Grid Layout. She then dives into how to span elements across multiple columns and rows as well as how to use named areas to describe your layout right in your CSS.

The Story of CSS Grid, from Its Creators

Designers have used grids for centuries. And after more than 20 years of waiting, they are finally here for the browser. This is the story of CSS Grid. It took a lot of people in the right place and at the right time to make it happen.

Learning from Lego: A Step Forward in Modular Web Design

It’s time to reexamine the toys in your conceptual toy box. When you see how to make web components modular down to the elements level, you may leave the Russian nesting doll metaphor and start to envision content blocks as Lego bricks. Samantha Zhang calls it a game changer.