If you learn this mental model of layout modes, you'll understand that CSS properties intentionally(!) behave different based on the layout context they are in. Nice read!
Back in 2008, most people thought of JavaScript as just a client-side language. But when Google's V8 appeared, young developer Ryan Dahl made the connection between non-blocking servers, V8, and JavaScript. It was by combining these key elements that he was able to create the now hugely popular Node.js. (...)
What young Ryan Dahl probably didn't expect was how much forking drama would follow.
It feels like React is getting a bit of a kicking recently
All I would say is finding the lowest-tech solution and leaning into browser capabilities as much as possible is a good way to build something resilient and reliable. Also avoiding doing as much client-side rendering (and re-rendering) as possible usually makes things better for everyone too.
Yes, I can confirm that solid frontend engineering (incl. all its facets like a11y) nowadays quite often is defined as using JS for implementing fancy features quickly and not caring much about proper semantics, accessibility, progressive enhancement, fluid layouts with modern CSS capabilities, and performance.
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.
Recognizing and avoiding these mistakes will help you write CSS that: Works across devices—not just your laptop, works the first time you try it, makes you less frustrated with CSS
Senior developers must stay up to date of a continuously evolving ecosystem of frameworks, best practices, and emerging technologies like HTML streaming, WebAssembly, WebGPU and more.