A collection of thoughts, experiences, ideas that I like, and ideas that I have been experimenting with over the last year. It covers HTML semantics, components and approaches to front-end architecture, class naming patterns, and HTTP compression. Semantics is the study of the relationships between signs and symbols and what they represent. In linguistics, this is primarily the study of the meaning of signs (such as words, phrases, or sounds) in language. In the context of front-end web developm...
This is a But! I also really like CSS. And I don't believe that using CSS-in-JS absolves you from needing to learn it. You're writing CSS either way! It's just packaged a little bit differently. No matter where you put your CSS, it behooves you to develop a mastery of the language. Becoming better at CSS will make you a more effective front-end developer. In this tutorial, we're going to see how to take advantage of one of the most exciting newer developments in CSS: , AKA Custom Properties. We...
Flexbox is a remarkably powerful layout mode. When we For example, check this out: Name:Email: Container width:600 Drag me! This demo is heavily inspired by Adam Argyle’s incredible Here's the relevant CSS: I remember running into demos like this and being completely baffled. I knew the basics of Flexbox, but this seemed like absolute wizardry! In this blog post, I want to refine your mental model for Flexbox. Let's do this! Content warning CSS is comprised of many different layout algorithms,...