Sticky Headers And Full-Height Elements: A Tricky Combination Sticky Headers And Full-Height Elements: A Tricky Combination Philip Braunen 2024-09-05T09:00:00+00:00 2024-09-10T17:01:28+00:00 I was recently asked by a student to help with a seemingly simple problem. She’d been working on a website for a coffee shop that sports a sticky header, and she wanted the hero section…
Read moreIt’s Time To Talk About “CSS5”
It’s Time To Talk About “CSS5” It’s Time To Talk About “CSS5” Brecht De Ruyte 2024-08-05T10:00:00+00:00 2024-08-20T16:35:14+00:00 We have been talking about CSS3 for a long time. Call me a fossil, but I still remember the new border-radius property feeling like the most incredible CSS3 feature. We have moved on since we got border-radius and…
Read moreWhat Are CSS Container Style Queries Good For?
What Are CSS Container Style Queries Good For? What Are CSS Container Style Queries Good For? Juan Diego Rodríguez 2024-06-14T11:00:00+00:00 2024-08-20T16:35:14+00:00 We’ve relied on media queries for a long time in the responsive world of CSS but they have their share of limitations and have shifted focus more towards accessibility than responsiveness alone. This is…
Read moreUseful CSS Tips And Techniques
Useful CSS Tips And Techniques Useful CSS Tips And Techniques Cosima Mielke 2024-06-07T11:00:00+00:00 2024-08-20T16:35:14+00:00 If you’ve been in the web development game for longer, you might recall the days when CSS was utterly confusing and you had to come up with hacks and workarounds to make things work. Luckily, these days are over and new…
Read moreIn Praise Of The Basics
In Praise Of The Basics In Praise Of The Basics Geoff Graham 2024-05-30T15:00:00+00:00 2024-08-20T16:35:14+00:00 Lately, I’ve been thinking about the basics of web development. Actually, I’ve been thinking about them for some time now, at least since I started teaching beginning web development in 2020. I’m fascinated by the basics. They’re an unsung hero, really,…
Read moreModern CSS Layouts: You Might Not Need A Framework For That
Modern CSS Layouts: You Might Not Need A Framework For That Modern CSS Layouts: You Might Not Need A Framework For That Brecht De Ruyte 2024-05-22T15:00:00+00:00 2024-08-20T16:35:14+00:00 Establishing layouts in CSS is something that we, as developers, often delegate to whatever framework we’re most comfortable using. And even though it’s possible to configure a framework…
Read moreBeyond CSS Media Queries
Beyond CSS Media Queries Beyond CSS Media Queries Juan Diego Rodríguez 2024-05-16T15:00:00+00:00 2024-08-20T16:35:14+00:00 Media queries have been around almost as long as CSS itself — and with no flex, no grid, no responsive units, and no math functions, media queries were the most pragmatic choice available to make a somewhat responsive website. In the early…
Read moreThe Times You Need A Custom @property Instead Of A CSS Variable
The Times You Need A Custom @property Instead Of A CSS Variable The Times You Need A Custom @property Instead Of A CSS Variable Preethi Sam 2024-05-13T08:00:00+00:00 2024-08-20T16:35:14+00:00 We generally use a CSS variable as a placeholder for some value we plan to reuse — to avoid repeating the same value and to easily update…
Read more
The Modern Guide For Making CSS Shapes
The Modern Guide For Making CSS Shapes The Modern Guide For Making CSS Shapes Temani Afif 2024-05-10T13:00:00+00:00 2024-08-20T16:35:14+00:00 You have for sure googled “how to create [shape_name] with CSS” at least once in your front-end career if it’s not something you already have bookmarked. And the number of articles and demos you will find out…
Read moreCombining CSS :has() And HTML <select> For Greater Conditional Styling
Combining CSS :has() And HTML <select> For Greater Conditional Styling Combining CSS :has() And HTML <select> For Greater Conditional Styling Amit Sheen 2024-05-02T10:00:00+00:00 2024-08-20T16:35:14+00:00 Even though the CSS :has() pseudo-class is relatively new, we already know a lot about it, thanks to many, many articles and tutorials demonstrating its powerful ability to conditionally select elements based on their contents. We’ve all seen the…
Read more