Menu Mobile - HTML, CSS e JavaScript

Publié le: 01 janvier 1970
sur la chaîne: Origamid

188,312

8.7k

Tutorial showing how to create a main menu structure, using a "hamburger" menu on mobile and making it accessible. Completely from scratch with HTML, CSS, and JavaScript

00:00 Project
00:12 HTML Desktop
01:21 CSS Desktop
05:35 Mobile Menu
05:56 HTML Mobile
06:18 CSS Mobile and Media Queries
07:50 JavaScript Mobile
09:50 CSS Dropdown
14:00 Transition
16:58 Hamburger Button
24:33 Touchstart (UX)
26:40 Accessibility (ARIA)
31:32 VoiceOver Test
32:50 Tool

Files
https://github.com/origamid/publico/t...

Example:
https://origamid.github.io/publico/me...

Tool Used
https://www.code.origamid.dev/

Origamid Courses
https://www.origamid.com/cursos/

In In UX Design terms, remember, what's hidden is always less used than what's visible on the screen. So the mobile menu comes with its own set of problems.

Sur cette page du site, vous pouvez voir la vidéo en ligne Menu Mobile - HTML, CSS e JavaScript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Origamid 01 janvier 1970, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 188,312 fois et il a aimé 8.7 mille téléspectateurs. Bon visionnage!