Editor's Pick
CSS :has() Interactive Guide
We always wanted a way in CSS to style an element based on its descendants. It wasn’t possible until CSS :has() became supported in all major browsers.
In this article, I will explore the problem and shed the light on some of the interesting use cases for CSS :has().
CSS
Please Make Your Table Headings Sticky
I often stumble upon large data sets or table layouts across the web. When these tables contain hundreds of rows of content, things become problematic once you start to scroll...Luckily we can fix this with a tiny amount of CSS. You only need to add 2 CSS properties on your thead.
CSS :has() Interactive Guide
We always wanted a way in CSS to style an element based on its descendants. It wasn’t possible until CSS :has() became supported in all major browsers.
In this article, I will explore the problem and shed the light on some of the interesting use cases for CSS :has().
Going beyond pixels and (r)ems in CSS - Relative length units based on font
There are a lot of CSS units available at the moment and we mostly still rely on pixels and (r)ems for our sizing and fonts. I say it’s time to do a little freshening up. Instead of writing a list of which units are available in CSS that you can easily find on MDN as well, I thought I’d give some examples of where they could come in handy. I will create a mini-series out of this and for the first part, let’s start off with relative length units based on font.
HTML
An HTML Switch Control | WebKit
We’re very excited to introduce a new HTML form control as part of Safari 17.4: a switch.
JavaScript
JSR: First Impressions
The one where I try out a fancy new JavaScript repository. Until now Deno did not have or need a package registry. That may be changing with JSR — one JavaScript Registry to rule them all…
Scraping pages using JavaScript via shot-scraper
The shot-scraper javascript command can be used to execute JavaScript directly against a page and return the result as JSON. This command doesn’t produce a screenshot, but has interesting applications for scraping.
shot-scraper is a command-line utility for taking automated screenshots of websites.
Browser-based robot dog simulator: walking controller
Previously, I have implemented a controller for a quadruped robot for stepping in place. It is a good starting point for implementing a controller for walking.
The only difference between stepping in place and walking — is selecting target points for lifting and planting feet.
An idea that is frequently used in procedural animation is to set this target points relative to the character’s torso. Then, when torso is moved, feet always automatically follow the torso, and step in the same direction.
Three.js already supports hierarchy of objects, so the only thing that's changing is putting the torso object as a parent for the feet targets objects.
Why React Server Components Are Breaking Builds to Win Tomorrow
React Server Components are the inevitable future. Learn how they leverage both server and client strengths, optimize efficiency, load times, and interactivity.
The goal of this blog post is to guide you through the journey of React’s rendering evolution over the years and help you understand why React Server Components are not just inevitable but also the future of building cost-effective, high-performance React applications that deliver an exceptional user experience.
Miscellaneous
Developers, Your Job Is Not To Write Code
The advice I've consistently given to developers who want to grow might seem counter-intuitive, but it's always held true for me—the first step to being a great developer is recognizing that your job is not to write code. All that matters is that you've delivered value.
King County's Baffling Website Redesign, (Sorta) Explained
That upgrade, which started in 2017, has cost King County taxpayers $15 million so far (not counting the salaries of county employees), and will be out of date as soon as 2027, when Sitecore—the county’s content management system—changes its technology for web platforms and will no longer support King County’s website. When that happens, the county will have to find a new content management system.