jakeisonline
@jakeisonline.bsky.social
My name is Jake Holman. I've been doing software stuff for ages. I'm one of those coding, designing, product people. 🤹 https://jakeisonline.com
When you're showing a bunch of images on a page, a bunch of cute dogs for example, you should consider image blur placeholders until the full image is loaded. It will really ease the UX and improve perceived performance.
Learn how: jakeisonline.com/nodejs/creat...
#webdev #fullstack #nodejs
Learn how: jakeisonline.com/nodejs/creat...
#webdev #fullstack #nodejs
Creating and serving image blur placeholders
Particularly when images make up a significant portion of the page experience, a perceived performance trick to keep up your sleeve is making use of blur placeholders..
jakeisonline.com
June 25, 2025 at 7:36 AM
When you're showing a bunch of images on a page, a bunch of cute dogs for example, you should consider image blur placeholders until the full image is loaded. It will really ease the UX and improve perceived performance.
Learn how: jakeisonline.com/nodejs/creat...
#webdev #fullstack #nodejs
Learn how: jakeisonline.com/nodejs/creat...
#webdev #fullstack #nodejs
Saw a slick interaction on lu.ma event pages:
sticky headers that change style as they lock in place.
But CSS give no selector to detect that state.
No JS event either. So how do?!
Here’s how I'd do it with IntersectionObserver 👉
jakeisonline.com/javascript/d...
#webdev #frontend #javascript #css
sticky headers that change style as they lock in place.
But CSS give no selector to detect that state.
No JS event either. So how do?!
Here’s how I'd do it with IntersectionObserver 👉
jakeisonline.com/javascript/d...
#webdev #frontend #javascript #css
Detecting when an element becomes sticky
Want to style a sticky element differently when it becomes sticky, or simply run some code when it becomes sticky? You can't do it with CSS alone, but there is a way...
jakeisonline.com
June 3, 2025 at 7:09 AM
Saw a slick interaction on lu.ma event pages:
sticky headers that change style as they lock in place.
But CSS give no selector to detect that state.
No JS event either. So how do?!
Here’s how I'd do it with IntersectionObserver 👉
jakeisonline.com/javascript/d...
#webdev #frontend #javascript #css
sticky headers that change style as they lock in place.
But CSS give no selector to detect that state.
No JS event either. So how do?!
Here’s how I'd do it with IntersectionObserver 👉
jakeisonline.com/javascript/d...
#webdev #frontend #javascript #css