Image Srcsets | SvelteKit from Scratch #7 | Web Development
1Website work starts at 00:57:00
Creating a website from scratch in SvelteKit, starting with the mobile views.
This stream focused on Images, the picture element, srcset & sizes properties
Resources followed:
CSS Tricks Responsive Images - https://css-tricks.com/a-guide-to-the-responsive-images-syntax-in-html/
Srcset and sizes - https://ericportis.com/posts/2014/srcset-sizes/
mdn Responsive Images - https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
Timestamps:
00:00:00 Stream setup
00:04:55 Chat & Recap
00:09:15 Diffle, Cine2Nerdle, Gamedle
00:57:10 Srcset research
01:31:20 Adding source elements for modern files
02:09:00 Generating the srcset properties
02:39:40 Generating and testing the sizes properties
04:15:30 Wrap up and future plans
-------------------------------------------------------------------------------------------------------------------------------------------
Music on stream from:
GameChops - https://www.gamechops.com,
StreamBeats by Harris Heller - https://www.youtube.com/c/StreamBeatsbyHarrisHeller, or
White Bat Audio - https://www.youtube.com/c/WhiteBatAudio
-------------------------------------------------------------------------------------------------------------------------------------------
Tune in here at https://youtube.com/@LombyGG or on https://twitch.tv/LombyGG
-------------------------------------------------------------------------------------------------------------------------------------------
Mulitstreaming powered by Restream https://restream.io
-------------------------------------------------------------------------------------------------------------------------------------------
Massive thank you for watching my videos! Every view, like, and subscribe is hugely appreciated!