Menu Mobile - HTML, CSS e JavaScript

Veröffentlicht am: 01 Januar 1970
auf dem Kanal: 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.

Auf dieser Seite können Sie das Online-Video Menu Mobile - HTML, CSS e JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Origamid 01 Januar 1970 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 188,312 Mal angesehen und es wurde von 8.7 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

3,763