This nav broke my brain (coding speed run)

Jan 16, 2026Channel
AI Analysis
Data from YouTube Data API v3Updated Just now
Syntax
Syntax

470K subscribers

View Channel

Video Overview

Video Details

Published4 months ago
Duration19:14
Video IDS98uVU2CAl0
Languageen
CategoryScience & Technology
PrivacyPublic
Made for KidsNo
Video TypeRegular Video

Performance Metrics

Views15.6K
Likes842
Comments52
Engagement Rate5.72%
Likes per 100 views5.39
Comments per 1K views3.33

Description

This nav looks simple until you try to build it. Wes races the clock to recreate the Motion Tabs nav by @raul_dronca using modern CSS, including anchor(), with no shortcuts and no frameworks. A fast, brain-melting CSS speed run that proves the clock makes you do some truly dumb CSS Code wes Wrote: https://codepen.io/wesbos/pen/OPXpJvK Try it - https://motion-tabs.vercel.app/ The tweet - https://x.com/raul_dronca/status/1996134668916216000 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Editing by Niki Brandner and Randy Rektor Recorded with Riverside ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev

Related Videos

More videos from Syntax