From Adobe XD Prototype to HTML, CSS & JS – Part 2 HTML

By Raddy in Adobe XD / CSS / WordPress · March 26, 2019

This is the first video of the Coding series on how to convert an Adobe XD Prototype to HTML, CSS and JS. In this video, I start by creating the HTML structure of the layout and on the next video, I will be showing you how to style the HTML using CSS GRID and Flexbox.

Originally I was thinking to make the layout in HTML5 as it would have been much easier to read than having so many div’s but I didn’t want to overcomplicate things and I wanted the focus to be on using grid and simple div’s more than anything.

Support This Work

If you found this guide helpful, consider supporting me with a small donation. Your contribution helps me keep these tutorials up to date and create more quality content.

Scan to donate

Or buy me a coffee here

Author

Hi! I’m Raddy. I am a web developer, often making YouTube Videos, Blog Posts and side projects. Enquiries: [email protected]

Previous Post in Category

Next Post in Category