The 2020 HTML & CSS Crash Course - From Mockup to Product
Visit http://linode.com/designcourse for a $20 credit on your new linode account.
-- About a month ago, I live streamed a UI design in Adobe XD that I created from scratch for a personal site design. Many requested me to show others how to make it a working product in the browser, so here we are! We're going to take the mockup/prototype that was created in Adobe XD, and we're going to write mobile-first HTML and CSS to make it a fully responsive design.
This is a crash course into both HTML and CSS, therefore it's fast paced! It would be a good idea to have at least a basic understanding of HTML and CSS, otherwise you will quickly become quite confused!
Codepen demo for this project:
https://codepen.io/designcourse/pen/bGdQGgQ
Here's the UI design video:
https://www.youtube.com/watch?v=5tjr7g5WFqc
Let's get started!
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
My site: 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 Coursetro.com.
Come to my discord server or add me on social media and say Hi!
Видео The 2020 HTML & CSS Crash Course - From Mockup to Product канала DesignCourse
-- About a month ago, I live streamed a UI design in Adobe XD that I created from scratch for a personal site design. Many requested me to show others how to make it a working product in the browser, so here we are! We're going to take the mockup/prototype that was created in Adobe XD, and we're going to write mobile-first HTML and CSS to make it a fully responsive design.
This is a crash course into both HTML and CSS, therefore it's fast paced! It would be a good idea to have at least a basic understanding of HTML and CSS, otherwise you will quickly become quite confused!
Codepen demo for this project:
https://codepen.io/designcourse/pen/bGdQGgQ
Here's the UI design video:
https://www.youtube.com/watch?v=5tjr7g5WFqc
Let's get started!
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
My site: 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 Coursetro.com.
Come to my discord server or add me on social media and say Hi!
Видео The 2020 HTML & CSS Crash Course - From Mockup to Product канала DesignCourse
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
HTML and CSS Tutorial for 2021 - COMPLETE Crash Course!Fixing your BAD Alignment! Stop doing this one thing..Do THIS to Improve you UI/UX Skills!Build a Responsive Online Portfolio from scratch!UI Design Landing Page Coding | HTML, CSS and Bootstrap | Part [2/3]The 2020 Frontend Developer Crash Course for Absolute BeginnersBootstrap 5 Crash Course | Website Build & Deploy1 Design Trend in 2022 That I Think will be BIG! (7 Examples)The 2019 Frontend Developer Crash Course - HTML & CSS Tutorial for BeginnersComplete Portfolio Website with Bootstrap - HTML/CSSPushing the limits of HTML & CSSAnimated card with HTML & CSS | TutorialLearn UI/UX Design & Figma - 2022 Interactive Crash CourseBuild a Modern Landing Page Website | HTML & CSSResponsive Navigation with Animated Multi Level dropdown | HTML and CSS TutorialCSS Crash Course TutorialRe-Designing 3 BROKEN Layouts - Rapid ReDesignsHow do you find the RIGHT layout? Hint: It's not one and done! (Tutorial)HTML Crash Course For Absolute Beginners