Someone asked me to write about using ♥️ SvelteKit with node so I made an image slider app using sharp...
...sprinkled in some Jhey Thompkins and Adam Argyle 🪄 future CSS tricks for fun.
In a followup post we’ll deploy SvelteKit to a Linode server.
#learnsvelte #sveltejs
...sprinkled in some Jhey Thompkins and Adam Argyle 🪄 future CSS tricks for fun.
In a followup post we’ll deploy SvelteKit to a Linode server.
#learnsvelte #sveltejs
We look at quite a few image optimisations too which get us a 💯 100 PageSpeed Insights score.
The app is responsive and for mobile, we replace Jhey’s hover effect with Adam Argyle’s bouncing overscroll effect using just CSS
The app is responsive and for mobile, we replace Jhey’s hover effect with Adam Argyle’s bouncing overscroll effect using just CSS
Here’s the @jh3yy code the dock style :hover is based off:
https://twitter.com/jh3yy/status/1562556839807504390
Here's the @argyleink bouncy overscroll trick:
https://twitter.com/argyleink/status/1557486561222021120
Just dropped the 1st part of a 2-part post on creating a node image slider with ♥️ SvelteKit.
We use sharp to generate resized responsive images in next-gen formats and cache them in the CDN to make the page 🔥 fast.
Hope you find it useful.
#askRodney
rodneylab.com/svelte-css-ima…
We use sharp to generate resized responsive images in next-gen formats and cache them in the CDN to make the page 🔥 fast.
Hope you find it useful.
#askRodney
rodneylab.com/svelte-css-ima…
We explore some of these details in the latest tutorial on creating a Svelte store shopfront using @directus as the CMS. Take a peek... 
• • •
Missing some Tweet in this thread? You can try to
force a refresh
