Description

https://bit.ly/3GGV7Y6 👈 Take my Interactive CSS Course. Use "UI2023" for 23% Off! -- Today, I'm going to show you exactly how to take the UI design we created in the 2023 UI/UX design crash course video (https://youtu.be/QwSN4n2sjR8) and make it a working reality in the browser with HTML and CSS. You're going to learn about the fundamentals of HTML and CSS, in order to create websites and layouts. Codepen demo: https://codepen.io/designcourse/pen/ExpNjxQ Project files: https://coursetro.s3.amazonaws.com/stuff/fauxica.zip Figma design document: https://www.figma.com/community/file/1192839712389547623 A few of the things you will learn in this video: - Basic HTML & CSS Anatomy - Structuring HTML - CSS Flexbox & the CSS Grid - CSS Transitions & Animations - And much more.. 0:00 - Intro 0:38 - HTML & CSS Anatomy 5:49 - The Code Editor 7:47 - Getting Started with HTML 12:51 - HTML Navbar 28:45 - HTML Hero Section 50:16 - CSS Font Size 62.5% 54:32 - CSS Navbar 1:20:18 - CSS Hero (Left Column) 1:40:20 - CSS Hero (Right Column) 1:54:30 - CSS Animations 2:08:40 - Final Thoughts Let's get started! #frontend #html #css - - - - - - - - - - - - - - - - - - - - - - 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!