Author Chris Coyier

March 13, 2018 — Even if you don’t use any client-side JavaScript at all to build a site, it doesn’t mean you have to give up on the idea of building with components. Learn how to build a static site with the help of an HTML preprocessor. In this article, Chris Coyier will take a walk through a site he built recently using this technique. He used CodePen Projects to build it, which offers Nunjucks as a preprocessor, which was perfectly up for the job. Read more…

January 22, 2013 — Howdy folks! Welcome to another round of Smashing Magazine CSS Q&A — the final one, as of now. One more time, we’ll answer the best questions which you sent us about CSS. Read more…

October 15, 2012 — Another Q&A with questions regarding CSS Project Structure, When To Use OOCSS, Fallbacks For SVG and more! Let’s keep sharing knowledge with our community. Read more…

August 13, 2012 — A new Smashing Magazine CSS Q&A. We picked out some of the best questions about CSS we’ve received from our community and we answered them so that everyone can benefit from the exchange. Read more…

July 13, 2012 — Here we are again! Smashing Magazine’s Q&A. Your question could be about a very specific problem you are having, or it could be a question about philosophical approach. Go wild and challenge us! Read more…

June 14, 2012 — Howdy, folks! Welcome to the new incarnation of Smashing Magazine’s Q&A. Your question could be about a very specific problem you are having, or it could be a question about philosophical approach. Read more…

May 25, 2009 — This is our sixth installment of Ask SM, featuring reader questions about Web design focusing on HTML, CSS and JavaScript. These entries are not all questions, but rather quick Twitter responses to the query, “What has been your most difficult CSS challenge?” Among other things, this post covers the sticky footer issues, positioning elements at bottom of a div, on having layout, aligning labels and inputs, auto top and bottom padding, z-index and more. Read more…

April 17, 2009 — This is our fifth installment of Ask SM, featuring reader questions about Web design, focusing on HTML, CSS and JavaScript. In this post we’ll cover how you can style only the text inputs, refreshing a content-block automatically, how to avoid some positioning problems and create and use transparent div-backgrounds; we also discuss further CSS-related problems and deliver answers to a couple of quickfire questions. Read more…

March 23, 2009 —

This is our fourth installment of Ask SM, featuring reader questions about Web design, focusing on HTML, CSS and JavaScript. In this post we’ll cover how you can distribute the horizontal space between elements evenly, how you can achieve maximum sides on images; you’ll also learn best practices for CSS font replacement and answers to a couple of quickfire questions.

Antoine Nicolas writes: *Do you know how to perfectly and dynamically distribute objects horizontally in a container using CSS?* This is a classic example of something that is fairly difficult to do in CSS but probably shouldn’t be. I have approached this problem in a number of different ways in the past. I have revisited it a little now, and I’ll present what I believe is the best solution here.

November 12, 2008 — Beautiful HTML is the foundation of a beautiful website. When I teach people about CSS, I always begin by telling them that good CSS can only exist with equally good HTML markup. A house is only as strong as its foundation, right? The advantages of clean, semantic HTML are many, yet so many websites suffer from poorly written markup. Read more…