Learn CSS Scroll Snap In 6 Minutes // TRAIN BRAIN

Learn CSS Scroll Snap In 6 Minutes

Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today
Scroll snapping is a feature many websites take advantage of and it used to be quite difficult to implement before CSS released scroll snapping properties. In this video I will cover everything you need to know about scroll snapping in CSS so you can utilize it in all your sites.
? Materials/References:
Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today
CSS Logical Properties Video: https://youtu.be/-0fAhoahXYw?t=545
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:25 - Setup
01:10 - Scroll Snap Basics
04:02 - Scroll Snap Advanced Features
#WebDevelopment #WDS #JavaScript

Web Dev Simplified

Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular tech...

I Love This CSS Focus Hack

How To Make Beautiful Charts In Next.js

This Ancient CSS Feature Is Incredibly Useful

How To Build A Next.js Coupon System Like A Senior Developer

Learn Drizzle In 60 Minutes

Stop Trying Out New Programming Tools

Will Devin AI Take Your Job?

Is Drizzle Really Better Than Prisma?

State Managers Are Making Your Code Worse In React

NEW React 19 Changes Are Amazing!

10 Tailwind Classes I Wish I Knew Earlier

This New Next.js Feature Makes Caching Much Easier

8 NEW JavaScript 2024 Features

The Web Developer Job Market Is Broken

NEW Next.js 14 Course Announcement!

Do You Know All 63 HTTP Status Codes?

How To Actually Get Hired In 2024

FREE 2024 Web Dev Roadmap

React Server Components Change Everything

Dialog Is My Favorite HTML Element And It Is Amazing

The Ultimate Web Developer Roadmap For 2024

Anchor Is The Best New CSS Feature Since Flexbox

You Are Doing New Years Wrong

Create Modals With No CSS/JavaScript Using Popover

Learn Next.js Parallel Routes In 16 Minutes

If You Are Using Next.js You Need To Enable This Development Feature

Learn TypeScript Generics In 13 Minutes

You Should Be Using Types Instead Of Interfaces In TypeScript

Type Predicates Solve This Common TypeScript Error

I Cannot Believe JavaScript Finally Added This New Array Method

Facebook Did It Again

This New CSS Margin Feature Is A Huge Quality Of Life Improvement

20+ Must Know Array Methods That Almost Nobody Knows

I Cannot Believe No One Knows This JavaScript String Feature

I Cannot Believe TypeScript Recommends You Do This!

This New Tailwind Feature Is A Game Changer

WTF Do These Acronyms Even Mean

I Can’t Believe Chrome Hides This From You

How Is This Code Safe?

NEW TypeScript Simplified Course - 24 Hour Sale

NEW TypeScript Simplified Course Announcement!

This Is One Of My Favorite TypeScript Features

Node Just Released This Amazing Feature!

Why Signals Are Better Than React Hooks

This Experimental Chrome Accessibility Feature Is A Game Changer

Josh’s Opinion Is Bad

CSS nth-child Just Got 100x Better

Clean Code Is Killing Your Projects

This CSS Feature Replaces CSS-In-JS

The Best React State Management Solution Has Been There All Along

NEW React Hooks Saves 1K+ Lines Of Code

Learning To Code Is Easy

NEW Way To Create Variables In JavaScript

5+ CSS Features That Will Change How You Code

New useFormStatus React Hook

CSS Anchor Is The Best New CSS Feature Since Flexbox

Help Me Teach You TypeScript

NEW Way To Create Variables In JavaScript

Stop Using {} In TypeScript

I Cannot Believe React Made A Hook For This

If You Think Pick/Omit Are Useless Then You Need To Watch This

This New React Hook Changes How You Use Forms

NEW React Simplified Course Announcement!

How To Go From Noob To $100,000 Salary

This Will Let You Finally Master React

This New CSS Text Property Is Amazing For Headings

I Will Never Write CSS Animations Again Without Using This Tool

How To Instantly Destroy Your Own Business

Is This The Best New UI Library?

Pick/Omit Are One Of The Best Features Of TypeScript

The Only Markdown Crash Course You Will Ever Need

Stop Watching Programming Tutorials

Most Senior React Devs Don’t Know How To Fix This

VSCode Profiles Save Me So Much Time

This Is Why You Can’t Learn Web Dev

I Had No Idea This Scroll Bar CSS Property Existed

Make Your Site Lightning Fast With Responsive Images

This NPM Package Is A Game Changer For UI Design

How To Load Images Like A Pro

You Can Finally Safely Use innerHTML (kind of)