From design to code - HTML & CSS tutorial [ part one ]

From the creator

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 for

Published 2020-03-10 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.