The Era Of Platform Primitives Is Finally Here The Era Of Platform Primitives Is Finally Here Atila Fassina 2024-05-28T12:00:00+00:00 2025-05-01T20:32:48+00:00 This article is sponsored by Netlify In the past, the web ecosystem moved at a very slow pace. Developers would go years without a new language feature or working around a weird browser quirk. This…
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 2025-05-01T20:32:48+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 2025-05-01T20:32:48+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 2025-05-01T20:32:48+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 2025-05-01T20:32:48+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 moreThe Forensics Of React Server Components (RSCs)
The Forensics Of React Server Components (RSCs) The Forensics Of React Server Components (RSCs) Lazar Nikolov 2024-05-09T13:00:00+00:00 2025-05-01T20:32:48+00:00 This article is sponsored by Sentry.io In this article, we’re going to look deeply at React Server Components (RSCs). They are the latest innovation in React’s ecosystem, leveraging both server-side and client-side rendering as well as streaming…
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 2025-05-01T20:32:48+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 moreConverting Plain Text To Encoded HTML With Vanilla JavaScript
Converting Plain Text To Encoded HTML With Vanilla JavaScript Converting Plain Text To Encoded HTML With Vanilla JavaScript Alexis Kypridemos 2024-04-17T13:00:00+00:00 2025-05-01T20:32:48+00:00 When copying text from a website to your device’s clipboard, there’s a good chance that you will get the formatted HTML when pasting it. Some apps and operating systems have a “Paste Special”…
Read moreSliding 3D Image Frames In CSS
Sliding 3D Image Frames In CSS Sliding 3D Image Frames In CSS Temani Afif 2024-04-12T18:00:00+00:00 2025-05-01T20:32:48+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 <img> tag as our markup. In this article, pick up where we left off by…
Read moreSetting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript
Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript Henry Bley-Vroman 2024-03-25T12:00:00+00:00 2025-05-01T20:32:48+00:00 Many modern websites give users the power to set a site-specific color scheme preference. A basic implementation is straightforward with JavaScript: listen for when a user changes a checkbox…
Read more