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!
