From design to code - HTML & CSS tutorial [ part one ]
Taking a design from a design tool like Figma to an actual working website with HTML and CSS means breaking down the design and figuring it out, so that's exactly what we're going to do in this series!
The Figma file: https://www.figma.com/file/GwRmx1FJ31evTNq6hpCpCs/Amazing-Mountain?node-id=0%3A1
#designandcode
/// Links that I mentioned
Live Server extension for VS Code: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
/// Other videos I mentioned
VS Code shortcuts - https://youtu.be/qpOlG7BYJlQ
What's up with BEM? - https://youtu.be/SLjHSVwXYq4
--
Come hang out with other dev's in my Discord Community
https://discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
https://www.kevinpowell.co/newsletter
---
Help support my channel
Get a course: https://www.kevinpowell.co/courses
Buy the t-shirt: https://teespring.com/stores/making-the-internet-awesome
Support me on Patreon: https://www.patreon.com/kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
How my browser refreshes when I save: https://youtu.be/h24noHYsuGc
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Видео From design to code - HTML & CSS tutorial [ part one ] канала Kevin Powell
The Figma file: https://www.figma.com/file/GwRmx1FJ31evTNq6hpCpCs/Amazing-Mountain?node-id=0%3A1
#designandcode
/// Links that I mentioned
Live Server extension for VS Code: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
/// Other videos I mentioned
VS Code shortcuts - https://youtu.be/qpOlG7BYJlQ
What's up with BEM? - https://youtu.be/SLjHSVwXYq4
--
Come hang out with other dev's in my Discord Community
https://discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
https://www.kevinpowell.co/newsletter
---
Help support my channel
Get a course: https://www.kevinpowell.co/courses
Buy the t-shirt: https://teespring.com/stores/making-the-internet-awesome
Support me on Patreon: https://www.patreon.com/kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
How my browser refreshes when I save: https://youtu.be/h24noHYsuGc
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Видео From design to code - HTML & CSS tutorial [ part one ] канала Kevin Powell
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
From design to code - HTML & CSS tutorial [ part two ]Fastest way to be a MASTER web dev???Best Tools to Convert UI to Code Instantly! | Design EssentialsLearn how to use Figma to create an awesome landing pageFrom idea to layout: How I approach designing a siteCool 3D grid layout | Can I clone it?HTML and CSS Tutorial for 2021 - COMPLETE Crash Course!3 modern CSS techniques for responsive designFrom Figma to Code with Anima 4.0Step up your front-end skills with these 5 resourcesResponsive navbar tutorial using HTML CSS & JSFigma in 40 MinutesLearn CSS Grid the easy wayBuild Glass Website with HTML and CSS TutorialFigma to React in One Click: Instant Design to CodeIntroduction To Responsive Web Design - HTML & CSS TutorialFigma to HTML! Design to Responsive: Getting started with pxCode and Figma/SketchFigma Course - Web Design Tutorial for BeginnersAdobe XD to HTML CSS