Menu Mobile - HTML, CSS e JavaScript

Pubblicato il: 01 gennaio 1970
sul canale di: 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.

In questa pagina del sito puoi guardare il video online Menu Mobile - HTML, CSS e JavaScript della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Origamid 01 gennaio 1970, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 188,312 volte e gli è piaciuto 8.7 mille spettatori. Buona visione!

3,763