In this article we will find out a neat trick one can do with CSS variables, precisely due to their dynamic nature. Let’s say you want to use a property that has multiple versions: an unprefixed one and one or more prefixed ones.
The nth-child() and nth-of-type() selectors are “structural” pseudo-classes, which are classes that allow us to select elements based on information within the document tree that cannot typically be represented by other simple selectors. In the case of nth-child() and nth-of-type(), the extra information is the element’s position in the document tree in relation to its… continue reading
What should you learn in 2016/2017? This video gives you a complete roadmap! View the mindmap: https://coggle.it/diagram/Vz9LvW8byvN0I38x
The following is a guest post by Jon Yablonski. Jon is going to show us an example of how we might approach markup such that one component is particularly versatile. It works as-is, and has a standardized way of making variations (adding a single class) that allow the design to be altered to fit the… continue reading
In this article, we will share techniques to minimize this content shifting. Every time the browser has to recalculate the positions and geometries of elements in the document, a reflow happens. This happens when new DOM elements are added to the page, images load or dimensions of elements change.
Talks on the subject of modern CSS Layout, including Grid, Flexbox and Box Alignment.
In this article I’ll share some tips and advice about HTML code. Some of this guidance will be best suited for beginners – how to properly build paragraphs, use headings, or improve forms, but we will also discuss SVG sprites for icons, a somewhat more advanced topic. Text Paragraphs Most of our writing is structured… continue reading
A reader sent me in a GIF showing off a cool effect they saw on Google on mobile. (Presumably the homepage you see when you launch Chrome on Android?) Ther
How a little BEM and cleverness can make extensive use of EMs worth doing, and how it can up your game.
The following is a guest post by Jeremy Wagner, a web developer, author, and speaker living in the Twin Cities. He’s got a new book on web performance. Her
Many techniques for cropping image thumbnails on the front-end require explicit dimensions, which is less than ideal for responsive design.
CSS frameworks can help streamline your development process by giving you a modular base foundation. In this post, we compare Bootstrap vs Foundation.
There’s a tool in CSS that you might not have heard of yet. It’s powerful. It’s been there for a while. And it’ll likely become one of your favorite new things about CSS. Behold, the @supports rule. Also known as Feature Queries. With @supports, you can write a small test in your CSS to see… continue reading