KERRPROGROUP

Useful CSS Tips And Techniques Useful CSS Tips And Techniques Cosima Mielke 2024-06-07T11:00:00+00:00 2025-03-19T12:04:52+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 features such as container queries, cascade layers, CSS nesting, the :has selector, grid and subgrid,…

In Praise Of The Basics In Praise Of The Basics Geoff Graham 2024-05-30T15:00:00+00:00 2025-03-19T12:04:52+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, as there is no developer worth their salt who would be where they are without…

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 2025-03-19T12:04:52+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 to get just what we need out of it, how often have you integrated an…

Beyond CSS Media Queries Beyond CSS Media Queries Juan Diego Rodríguez 2024-05-16T15:00:00+00:00 2025-03-19T12:04:52+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 2010s, with the proliferation of mobile devices and the timely publication of Ethan Marcotte’s classic…

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 2025-03-19T12:04:52+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 that value across the board if it needs to be updated. :root { –mix: color-mix(in…

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 2025-03-19T12:04:52+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 card component and header examples, but the conditional nature of :has() actually makes it adept…

Conducting Accessibility Research In An Inaccessible Ecosystem Conducting Accessibility Research In An Inaccessible Ecosystem Michele Williams 2024-04-25T12:00:00+00:00 2025-03-19T12:04:52+00:00 Ensuring technology is accessible and inclusive relies heavily on receiving feedback directly from disabled users. You cannot rely solely on checklists, guidelines, and good-faith guesses to get things right. This is often hindered, however, by a lack of accessible prototypes available to use during testing. Rather than wait for the digital landscape…

Sliding 3D Image Frames In CSS Sliding 3D Image Frames In CSS Temani Afif 2024-04-12T18:00:00+00:00 2025-03-19T12:04:52+00:00 In a previous article, we played with CSS masks to create cool hover effects where the main challenge was to rely only on the tag as our markup. In this article, pick up where we left off by “revealing” the image from behind a sliding door sort of thing — like opening up a…