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:
️
Смотрите видео Figma to Html Css Javascript (and mobile optimized!) онлайн без регистрации, длительностью 01 часов 06 минут 15 секунд в хорошем hd качестве. Это видео добавил пользователь Code with Sloba 10 Август 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 61 тысяч раз и оно понравилось 2 тысяч людям.