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.
Nesta página do site você pode assistir ao vídeo on-line Menu Mobile - HTML, CSS e JavaScript duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Origamid 01 Janeiro 1970, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 188,312 vezes e gostou 8.7 mil espectadores. Boa visualização!
