#TheFutureOfJamstack is a shared vision we’re writing, transparently and collectively. Join the movement to hear stories of the people who live and…
#TheFutureOfJamstack is a shared vision we’re writing, transparently and collectively. Join the movement to hear stories of the people who live and…
The Tension and Future of Jamstack
This intellectual honesty allows us to make better decisions when architecting projects: when it is and is not appropriate to use Jamstack.
Conversations about this topic often end up with people saying "we need a better way to freeze the page in DevTools". Some of it is due to people…
Desktop progressive web applications
Sit with that for a second, you can write a desktop application with no tooling, launch it from your phone to the internet for free, and seconds later…
I wonder if MDN could add screenshots of the live examples, so people can see the result even if their browser doesn't support a feature yet.
For example for CSS Grid masonry layout:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout
I'm using Firefox, so I had to activate the layout.css.grid-template-masonry-value.enabled
flag to see the “good” result.
An Interactive Guide to CSS Grid
In this tutorial, I'm going to share the biggest 💡 lightbulb moments I've had in my own journey with CSS Grid. You'll learn the fundamentals of this…
Psychology of Speed: A Guide to Perceived Performance
When people mention web performance, they usually focus on development-first aspects like JavaScript frameworks and performance metrics. These are…
Worth mentioning again that this is just CSS with a touch of HTML. Also worth pointing out that very little of this is specific to CSS view transitions.…
Netlify
This is an awesome new feature for Netlify! With Netlify Image CDN, you can transform images on demand without impacting build times. Netlify Image…
Stop Using AI-Generated Images
The proliferation of AI content on the web may feel all but inevitable, and perhaps it is. But we can choose whether to participate in that harm or…
CrUX to Sea Level: Lessons in Distilling RUM
How you tell & present a story from user data can encourage organizational buy-in (or hinder it). Go from aggregate data & rough SQL to the polished…
Let's say a SPA first load has been optimized with SSR and the LCP image is loaded pretty fast because it's in the HTML.
But the JavaScript then builds a carousel in the DOM, which initially shows the very same image.
I guess there's a second render of the image. How can I check this easily?
Would it make sense that the LCP takes the late second render of the image, instead of the fast first one?
I created a new page in my photography site to show some statistics about the settings used to shoot the photos I share there: apertures, focal lengths, ISOs, shutter speeds.
https://nicolas-hoizey.photo/statistics/
Do you think any other statistics could be interesting?
This is of course using #Eleventy 's collections and filters, based on photo data stored in Markdown files.
Kuba Bartwicki and Monica Crusellas
A bold new look for the GOV.UK homepage
we’ve made the design of the homepage bolder and clearer on mobile devices. We redesigned the header area and increased font sizes and spacing throughout…