2024-03-25-Inspirations

18 bookmarks
Custom sorting
Understanding Layout Algorithms
Understanding Layout Algorithms
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!
·joshwcomeau.com·
Understanding Layout Algorithms
Node.js: The Documentary
Node.js: The Documentary
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.
·youtube.com·
Node.js: The Documentary
It feels like React is getting a bit of a kicking recently
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.
·piccalil.li·
It feels like React is getting a bit of a kicking recently
The quiet, pervasive devaluation of frontend
The quiet, pervasive devaluation of frontend
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.
·joshcollinsworth.com·
The quiet, pervasive devaluation of frontend
Going beyond pixels and (r)ems in CSS - Relative length units based on font
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.
·techhub.iodigital.com·
Going beyond pixels and (r)ems in CSS - Relative length units based on font
Inside .git
Inside .git
Nice visual, a git repo to follow along and straight explanations — good as a reference!
·jvns.ca·
Inside .git
What’s Too Good to Be True?
What’s Too Good to Be True?
What features am I using almost daily or don’t want to miss anymore? Here’s a quick list ...
·matthiasott.com·
What’s Too Good to Be True?
The box model and box sizing
The box model and box sizing
This new series by Andy Bell reads very promising, check it out if you're still a bit new to CSS or want to refresh some basics
·piccalil.li·
The box model and box sizing
Top 5 CSS Mistakes made by Front End Engineers
Top 5 CSS Mistakes made by Front End Engineers
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
·greatfrontend.com·
Top 5 CSS Mistakes made by Front End Engineers
How web bloat impacts users with slow devices
How web bloat impacts users with slow devices
Dan Luu proposes prioritizing minimal styling and efficient HTML structures to ensure a smooth user experience across all device capabilities.
·danluu.com·
How web bloat impacts users with slow devices
The Mechanics of Async Await | Resonate
The Mechanics of Async Await | Resonate
I figured a blog post exploring the mechanics of functions, promises, and the event loop would be fun.
·blog.resonatehq.io·
The Mechanics of Async Await | Resonate
Navigating the future of frontend
Navigating the future of frontend
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.
·frontendmastery.com·
Navigating the future of frontend