From Prototype UI Design to HTML, CSS & JS Tutorial
http://www.linode.com/designcourse - Use code 'DESIGNC19' to get $20 credit on your new Linode account!
-- A few days ago, I released a tutorial where I designed an email capture UI in Adobe XD from scratch. Today, we're taking that UI design and making it a reality in the browser by stepping into the realm of frontend development. We'll write the HTML, responsive CSS and then a little bit of JavaScript for some interactivity.
Codepen:
https://codepen.io/designcourse/live/vYBpYRx
https://codepen.io/designcourse/pen/vYBpYRx
Let's get started!
#responsive #frontend #javascript
- - - - - - - - - - - - - - - - - - - - - -
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!
Видео From Prototype UI Design to HTML, CSS & JS Tutorial канала DesignCourse
-- A few days ago, I released a tutorial where I designed an email capture UI in Adobe XD from scratch. Today, we're taking that UI design and making it a reality in the browser by stepping into the realm of frontend development. We'll write the HTML, responsive CSS and then a little bit of JavaScript for some interactivity.
Codepen:
https://codepen.io/designcourse/live/vYBpYRx
https://codepen.io/designcourse/pen/vYBpYRx
Let's get started!
#responsive #frontend #javascript
- - - - - - - - - - - - - - - - - - - - - -
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!
Видео From Prototype UI Design to HTML, CSS & JS Tutorial канала DesignCourse
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
HTML and CSS Tutorial for 2021 - COMPLETE Crash Course!Best Tools to Convert UI to Code Instantly! | Design EssentialsDid they pull it off? AUTOMATIC Prototype to HTML/CSS!From Adobe XD Prototype to HTML, CSS & JS - Making an Animated Mega Menu7 Design Portfolios that I MIGHT Rate a 10!UI Design For CodersFrom design to code - HTML & CSS tutorial [ part one ]UI / UX Design Tutorial – Wireframe, Mockup & Design in FigmaFigma to React in One Click: Instant Design to CodeThe 2019 UI Design Crash Course for BeginnersThe Figma 2021 Crash Course by ExampleHow To Convert Figma To Flutter | FlutLab easy export to flutter CodeTurning a Figma Design into a Real Website using HTML and CSSTurn Design into React Code | From prototype to Full website in no timeFigma To HTML Website AutomaticallyThe 2020 Frontend Developer Crash Course for Absolute BeginnersDesigning & Building a Personal Portfolio from SCRATCH!UI/UX & Frontend Dev: Create a Live Chat Modal from ScratchThe 2020 HTML & CSS Crash Course - From Mockup to Product