I think itโs because of bootstrap style callouts. They used to be everywhere, so scraping older code bases probably has lots of them, making Claude think they were a good idea ๐
Posts by David Lapointe Gilbert
New on the Squarespace Engineering Blog! Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy-Loading to Todayโs Browsers.
I'm real proud of the teamwork that went into this. Stay tuned for part 2 next week, which will cover dev best practices for using this new HTML standard.
And just like that, we're down to two
@joshwcomeau.com
@tolin.ski
This episode has me questioning how I use my Apple Watch. I had never realized there were timer templates to start exercices for specific times. I always thought people would only start when starting the exercise and stop when done? Why having timers at all? Confusion. ๐ญ
how to make #CSS view transitions swoop or have motion blur
or how I learned to help view transitions not always go in straight lines
โคท nerdy.dev/swoop-there-...
Adobe Animate/Flash to Rive. We've been making progress on our converter. This one is an old Formula 1 file from our team.
I noticed a sudden spike in the number of weekly downloads โ from 2k to 500k โ of my package to calculate the CSS specificity of a selector.
www.npmjs.com/package/@bra...
Turns out the wonderful jsdom started depending on it a week ago ๐
www.npmjs.com/package/jsdom
Geolocation Element Demo
Less JavaScript, more HTML.
The new <geolocation> HTML element handles permission states and blocked permission recovery for you. Just add the tag, listen for the location event, and let the browser handle the restโ goo.gle/4pPXZFK
I've been experimenting with an upcoming CSS feature called border-shape lately.
It's really cool what you can do with it: lots of practical applications + it opens a lot of doors for non-rectangular UIs!
Try it in Canary w/experimental web platform features on, & read more:
una.im/border-shape
What do these API have in common?
* WebTransport
* Keyboard Lock API
* Grid Lanes w/ flow-tolerance
* Threaded scroll-driven animations
* WebAuthn PRF extension
* ReadableByteStream
* Blob.stream() with BYOB reader
* Name-only @container queries
* min(), max(), and clamp() in <img> sizes attribute
Animate/Flash FLA to Rive importer
using FLA sample files that come with Animate
The CSSWG just resolved to add this to the spec ๐ฅณ
github.com/w3c/csswg-dr...
@custom-media --motionOK (prefers-reduced-motion: no-preference); @media (--motionOK) { transition: transform .3s ease; }
#CSS `@custom-media` available behind a flag in Firefox Nightly ๐ค๐ป
Lovely syntax, just lovely.
nerdy.dev/custom-media
And yet, the only way I was able to build this UI was by giving the AI the right answer, telling it to use subgrid instead of `display: contents`.
If I didnโt understand the mechanisms and limitations of CSS Grid layout myself, I wouldnโt have been able to provide this guidance.
Anime.js 4.2.0 is out!
๐งฉ All modules can now be imported individually with subpaths
๐จ CSS variable values support
๐น Simpler spring API with bounce & duration params
๐ More WAAPI built-in easing functions
๐๏ธ And an easing editor (animejs.com/easing-editor/)!
Plus tons of fixes and improvements!
My favourite CMS gets in bed with my favourite framework. ๐ฅณ
๐๐
Also, the new units like dvh, lvh, etc. Were they not supposed to help size things according to the viewport regardless of floating bars? I swear thereโs nothing I can do that allows me to size an element full screen so that it covers underneath the bottom floating address bar. Whyyyy.
@craftquest.io @craftcms.com @travisgertz.bsky.social @brandonkelly.io Hey, missed my flight to Lisbon ๐ Whatโs up with Craft 6 x Laravel? How long are yโall gonna keep us in the dark?
Announcing TresJS v5.0 ๐
Our proudest release so far. Declarative
@threejs.org for @vuejs.org gets a major upgrade:
โจ WebGPU experimental support
๐ ๏ธ New create-tres CLI tool
โก Re-imagined context
๐ง Refactored composables
Ready to build the future of 3D on the web?
Not a nitpick, but a praise: I had to setup Nuxt on a relatively limited CPanel setup last year and was extremely surprised that its native Passenger Fusion makes it as easy as it gets. Just gotta make a commonJS wrapper to boot the app. Preach ๐ค
๐ have you ever _wanted_ to deploy a @nuxt.com site to some provider bc of their features/dx/price but decided not to because of a limitation in nuxt?
(would love to know even minor nitpicks or frictions)
Nuxt UI v4 it out โจ
It unifies Nuxt UI and Nuxt UI Pro into a fully open-source library with:
- 100+ components
- 10+ free templates
- Figma Kit for everyone
nuxt.com/blog/nuxt-u...
Is the world healing?
Iโve been wondering the same lately too. I had to work with WordPress again lately (against my will) and wanted to use the occasion to update my stack, but because of the current block based / file templates overridable by the database and such, I was wondering if there even was an ideal solution.
I saw a resignation / been fired(?) tweet from a dev employee right before this happened lmao. Please let it be that he put a bug to make it crash when he leaves ๐
IE was right all along
I'm delighted to announce my latest project
โก๏ธ blazing fast
๐ฆ built from scratch for devs
๐๏ธ offering full control of your environment
๐ฐ VC funding welcome
accept no imitations
More performant than other anim libraries out there! It beats Motion in 99% cases, WAAPI in lots of cases yet Julian added an api layer to facilitate its usage, and toes to toes with gsap - outperforming it in many cases like interacting with other libraries like three.js ๐ฅ๐ฅ