Figma to Html Css Javascript (and mobile optimized!)
If you want to learn how to translate Figma designs into Html, CSS, and a little bit of JavaScript this video is perfect for you.
Maybe you already have some basic knowledge of HTML and CSS but you need to practice a little bit more. I also show you how you can optimize your web page for mobile devices and how you can find additional Figma designs.
Full code:
Font Awesome:
Normalize CSS:
Figma design:
00:00 Intro
00:35 Creating project
08:46 Coding header
27:00 Coding aside(book) element
33:50 Coding the main content of the page
48:40 Optimizing website for mobile devices
1:01:50 Coding hamburger menu
1:05:18 Outro
I discussed:
️ How to translate Figma design into HTML, CSS & JavaScript
️ How to optimize a web page for mobile devices
️ How to install and use font awesome icons
️ How to standardize the look of your webpage
️ How to implement a hamburger menu on a mobile site
************************************************************
Linkedin:
️
Instagram:
️
Discord:
️
Portfolio:
️
Watch video Figma to Html Css Javascript (and mobile optimized!) online without registration, duration 01 hours 06 minute 15 second in high hd quality. This video was added by user Code with Sloba 10 August 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 61 thousand once and liked it 2 thousand people.