Grids & Flexbox | SvelteKit from Scratch #3 | Web Development
1Website work starts at 00:54:30
Creating a website from scratch in SvelteKit, starting with the mobile views.
This stream focused on CSS flexbox, grid, SVG elements, and font variants.
Resources followed:
Svelte Tutorial - https://learn.svelte.dev/tutorial
Flexbox Froggy - https://flexboxfroggy.com/
CSS Tricks' Guide to Flexbox - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Grid Garden - https://cssgridgarden.com/
CSS Tricks' Complete Guide to Grid - https://css-tricks.com/snippets/css/complete-guide-grid/
Kevin Powell 9 Resources to help you practice your front-end skills - https://www.youtube.com/watch?v=2GeMknXoGaA
MDN viewBox attribute - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox
Stuffed with SVG - https://stuffandnonsense.co.uk/blog/combining-svg-graphics-with-text
Timestamps:
00:00:00 Stream setup
00:03:05 Recap
00:05:30 Diffle, Cine2Nerdle, Gamedle
00:54:30 Flexbox Froggy https://flexboxfroggy.com/
01:26:10 Grid Garden https://cssgridgarden.com/
02:00:00 Using Grid for our Hamburger menu
02:14:00 SVG viewBox and text
02:41:45 Font variants
03:05:15 Box-shadows and z-indexes
03:32:00 Svelte transitions failed attempt
03:43: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!
Other Videos By LombyGG
Other Statistics
Tabletop Simulator Statistics For LombyGG
Currently, LombyGG has 87 views for Tabletop Simulator across 1 video. Tabletop Simulator has approximately 3 hours of watchable video on his channel, making up less than 0.61% of the total overall content on LombyGG's YouTube channel.