Can I Create This Tricky CSS Vertical Timeline?
Vertical timelines are incredibly common in applications especially when dealing with notifications and events. In this video I will do a live solve of how I would create this exact style of layout so you can see my thought process as well as what I do when I get stuck.
📚 Materials/References:
GitHub Code: https://github.com/WebDevSimplified/css-vertical-timeline
Vertical Timeline Design: https://dribbble.com/shots/15989658-Database-Activity
🌎 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
01:00 - HTML
07:15 - Card/Avatar CSS
20:10 - Vertical Timeline CSS
35:50 - Header CSS
#VerticalTimeline #WDS #CSS
Видео Can I Create This Tricky CSS Vertical Timeline? канала Web Dev Simplified
📚 Materials/References:
GitHub Code: https://github.com/WebDevSimplified/css-vertical-timeline
Vertical Timeline Design: https://dribbble.com/shots/15989658-Database-Activity
🌎 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
01:00 - HTML
07:15 - Card/Avatar CSS
20:10 - Vertical Timeline CSS
35:50 - Header CSS
#VerticalTimeline #WDS #CSS
Видео Can I Create This Tricky CSS Vertical Timeline? канала Web Dev Simplified
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Formatting Is So Easy With The Intl JavaScript API](https://i.ytimg.com/vi/4oGWpTAY_hc/default.jpg)
![5 More Must Know CSS Tricks That Almost Nobody Knows](https://i.ytimg.com/vi/pKO1ktPQByk/default.jpg)
![Transparent Login Form Tutorial](https://i.ytimg.com/vi/nLxA9froMOs/default.jpg)
![The Forgotten CSS Position](https://i.ytimg.com/vi/NzjU1GmKosQ/default.jpg)
![React 18 useTransition Hook Crash Course](https://i.ytimg.com/vi/N5R6NL3UE7I/default.jpg)
![This Is So Much More Than Just A Parent Selector](https://i.ytimg.com/vi/K6CWjkDgQnE/default.jpg)
![How To Limit Lines Of Text With CSS Only](https://i.ytimg.com/vi/OhCzEjXvY9A/default.jpg)
![How To Create An Advanced Animated Loading Spinner](https://i.ytimg.com/vi/Gx35fMhDPWs/default.jpg)
![Help Me Teach You TypeScript](https://i.ytimg.com/vi/VTMXnZNWwv0/default.jpg)
![Do This Before You Apply For A Web Dev Job](https://i.ytimg.com/vi/Ou8wh0A8T8E/default.jpg)
![Learn useMemo In 10 Minutes](https://i.ytimg.com/vi/THL1OPn72vo/default.jpg)
![I Cannot Believe React Made A Hook For This](https://i.ytimg.com/vi/M3mGY0pgFk0/default.jpg)
![Another 5 Must Know CSS Tricks That Almost Nobody Knows](https://i.ytimg.com/vi/0gayskscLY4/default.jpg)
![Why Is Array/Object Destructuring So Useful And How To Use It](https://i.ytimg.com/vi/NIq3qLaHCIs/default.jpg)
![Learn useImperativeHandle In 10 Minutes](https://i.ytimg.com/vi/zpEyAOkytkU/default.jpg)
![How To Use Modern CSS Without Breaking Old Browsers](https://i.ytimg.com/vi/IVqPIIJi0qs/default.jpg)
![Save Hours Of Work With These 5 Custom React Hooks](https://i.ytimg.com/vi/vrIxu-kfAUo/default.jpg)
![Create Modals With No CSS/JavaScript Using Popover](https://i.ytimg.com/vi/0lhGioZlHgk/default.jpg)
![The Easiest React Hook](https://i.ytimg.com/vi/_vwCKV7f_eA/default.jpg)
![Learn CSS Scroll Snap In 6 Minutes](https://i.ytimg.com/vi/ytl6TrroGis/default.jpg)