Is mobile-first CSS always the best option? Patrick Clancey explores the pros and cons of the classic methodology, as well as when other solutions might work better.
Topic: CSS
Controlling layout and typography. Responsive and multi-device design. Separating presentation from structure and behavior. Media queries and beyond. Types of web layouts. CSS3 animations. Replacing JavaScript with CSS3. Crafting a print style sheet. CSS support: browser bugs and workarounds. CSS in networked devices, mobile and otherwise. Showing and hiding elements, replacing text with images. Sass and Less and more.
Breaking Out of the Box
What can we do with just thirty pixels? With Progressive Web Apps blurring the lines between apps and websites, Patrick Brosset helps us think outside of the rectangular box. Learn how Windows Controls Overlay can free us from forty years of design constraints telling us how applications should look. Thirty pixels, it turns out, are full of exciting design opportunities.
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.
CSS: The Definitive Guide, 4th Edition
Weighing in a little over 1,100 pages, The Fourth Edition of CSS: The Definitive Guide is a lot to digest. We’re pleased to offer you this amuse-bouche, of sorts, on compositing and blending.
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.
