
https://designcourse.com/css โ Our Interactive CSS Course!
https://bit.ly/31PhB7U ๐ Learn UI/UX Today. Use โLAUNCHโ for 15% Off!
โ Today, weโre going to embark upon a brand new frontend development journey where I hold your hand, and we code a web design from scratch. In this process, you will learn some HTML, CSS and a tiny bit of JavaScript in a crash course setting. By the end of this video, you will have created a fully responsive design that works on all devices.
The Figma Prototype:
https://www.figma.com/file/ReJbOWDc0WR1uizrsgfyfQ/project?node-id=0%3A1
Codepen demo for this project:
0:00 โ Introduction & Project Preview
1:19 โ Interactive CSS Course
2:13 โ HTML Explained
5:35 โ CSS Explained
8:50 โ Code Editor & Project Setup
11:53 โ Writing the HTML
48:53 โ Mobile First CSS
1:17:01 โ Mobile Navigation CSS
1:24:27 โ Finishing the Mobile CSS
1:26:38 โ First Breakpoint
1:30:25 โ Second Breakpoint
1:44:20 โ Defining Animations
1:51:09 โ JavaScript
1:57:33 โ Final Thoughts
#html #css #2022
https://designcourse.com/css โ Enter your email (Our upcoming Interactive CSS Course!)
https://bit.ly/31PhB7U ๐ Learn UI/UX Today. Use โLAUNCHโ for 15% Off!
Letโs get started!
โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetroโs Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ
Who is Gary Simon? Well, Iโm a full stack developer with 2+ decades experience and I teach people how to design and code. Iโve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!