Nav Component | SvelteKit from Scratch #4 | Web Development
1Website work starts at 00:36:05
Creating a website from scratch in SvelteKit, starting with the mobile views.
This stream focused on Components, CSS variables, style overwrites.
Resources followed:
Svelte Tutorial - https://learn.svelte.dev/tutorial
Svelte Society - https://www.youtube.com/@SvelteSociety
CSS background opacity - https://www.digitalocean.com/community/tutorials/how-to-change-a-css-background-images-opacity
Timestamps:
00:00:00 Stream setup
00:02:25 Recap
00:05:00 Diffle, Moviedle, Cine2Nerdle, Gamedle
00:36:05 Moving nav code to svelte components
01:13:10 Box shadows
01:19:30 CSS variables
01:37:25 Testing, configuring, and tidying up the nav components
02:03:30 Styling the Story page
02:15:10 Solutions components and data files
02:37:00 CSS background, ::before element, and opacity
02:58:00 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!