Menu Mobile - HTML, CSS e JavaScript
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.
En esta página del sitio puede ver el video en línea Menu Mobile - HTML, CSS e JavaScript de Duración hora minuto segunda en buena calidad , que subió el usuario Origamid 01 enero 1970, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 188,312 veces y le gustó 8.7 mil a los espectadores. Disfruta viendo!
