Making a mobile site | SvelteKit from Scratch #1 | Web Development

Channel:
Subscribers:
127
Published on ● Video Link: https://www.youtube.com/watch?v=ZzLHaEx5NTY



Duration: 3:17:55
106 views
2


Creating a website from scratch in SvelteKit, starting with the mobile views.
This stream focused on the routing, layout, some components, and the start of the navbar interactivity. Some small bits of CSS too.

Resources followed:
Svelte Tutorial - https://learn.svelte.dev/tutorial

Timestamps:
00:00:00 Stream setup
00:05:00 Recap & Project setup
00:15:30 Routing & Layout files
00:22:55 Initial Header & Footer components
00:55:05 Hero content
01:00:00 Root CSS and resets
01:08:00 Homepage components
01:43:00 Secondary pages content
01:58:00 Hamburger Menu
02:33:10 Self-hosting font
02:59:30 More Nav styling

-------------------------------------------------------------------------------------------------------------------------------------------

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


2024-08-17Trying out Godot for the first time! | GMTK2024 Game Jam | Day 2 - Part 2
2024-08-17Trying out Godot for the first time! | GMTK2024 Game Jam | Day 2 - Part 1
2024-08-17Trying out Godot for the first time! | GMTK2024 Game Jam | Day 1
2023-08-18Image Sizes | SvelteKit from Scratch #8 | Web Development
2023-08-16Image Srcsets | SvelteKit from Scratch #7 | Web Development
2023-08-15Image Formats | SvelteKit from Scratch #6 | Web Development
2023-08-14Using FFmpeg and testing network throttling | SvelteKit from Scratch #5 | Web Development
2023-08-05Nav Component | SvelteKit from Scratch #4 | Web Development
2023-08-04Grids & Flexbox | SvelteKit from Scratch #3 | Web Development
2023-08-02Trying out SVGs | SvelteKit from Scratch #2 | Web Development
2023-08-01Making a mobile site | SvelteKit from Scratch #1 | Web Development
2023-07-31Advanced SvelteKit | Revisiting the tutorial | Web Development
2023-07-29Basic SvelteKit | Revisiting the tutorial | Web Development
2023-07-26Advanced Svelte Continued... | Revisiting the tutorial | Web Development
2023-07-25Advanced Svelte | Revisiting the tutorial | Web Development
2023-07-23Basic Svelte | Revisiting the tutorial #1 | Web Development
2023-05-19Feedback for LD Games! | Ludum Dare 53 Game Jam | Playrate #6 | #ld53 #ludumdare
2023-05-19Feedback for LD Games! | Ludum Dare 53 Game Jam | Playrate #5 | #ld53 #ludumdare
2023-05-18Feedback for LD Games! | Ludum Dare 53 Game Jam | Playrate #4 | #ld53 #ludumdare
2023-05-07Feedback for Your Games! | Ludum Dare 53 Game Jam | Day 3 | #ld53 #ludumdare
2023-05-04Feedback for Your Games! | Ludum Dare 53 Game Jam | Day 2 | #ld53 #ludumdare