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:

#designandcode

/// Links that I mentioned
Live Server extension for VS Code:

/// Other videos I mentioned
VS Code shortcuts –
What’s up with BEM? –

—

Come hang out with other dev’s in my Discord Community

—

Keep up to date with everything I’m up to

—

Help support my channel
Get a course:
Buy the t-shirt:
Support me on Patreon:

—

My editor: VS Code –

How my browser refreshes when I save:

—

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:
Twitter:
Codepen:
Github:

—

And whatever you do, don’t forget to keep on making your corner of the internet just a little bit more awesome!