In this article, I will take you into the journey of building a hero section by showing you my thought process, why I picked a certain solution over another, the pros and cons of it, and if there are any potential challenges or issues along the way. Are you ready? Let’s deep dive into the mind of a frontend developer.
There may have been a time when it was possible to know most CSS properties and how they work. Those days are long-gone, at least for an old hand like me. But that sort of begs the question: what CSS do you absolutely have to know?
Web platform concepts can sometimes be quite different, yet seem very similar. Semantics, behaviours and characteristics can be tricky to distinguish. As a new popover attribute is being proposed, this post goes into the differences between dialogs, popovers, overlays and disclosure widgets. We’ll also look at what it means when an element is modal. All somewhat related concepts that can seem very similar. At least they did to me. Let’s dive in!
We live in the era of responsive web design, and our websites are often ready to adapt to different viewports. Isn’t it wonderful? But why should users wait for irrelevant desktop styles when they load your site on mobile?
This article is not about when or why you would use visually-hidden content. There’s a number of excellent articles that discuss these questions in detail, but most of them don’t go into much detail about the specific CSS involved — why do we use this particular pattern, with these specific properties? So today I’m going to dissect it, looking at each of the properties in turn, why it’s there, and why it isn’t something else.
When CSS was first created, web pages were pretty small and, honestly, not very complicated. That’s no longer the case, but CSS has been slow in adapting to this new reality and helping authors deal with their complexity explosion. As a result, authors have had to turn to complex CSS management strategies, like atomic CSS or CSS-in-JS, to keep things understandable. This is no longer the case! I’ll go over a number of new pieces of CSS and DOM technology, both mature and upcoming, that helps authors manage their CSS and keep things understandable without having to adopt some complex new tooling.