Menu Mobile - HTML, CSS e JavaScript

Опубликовано: 01 Январь 1970
на канале: 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.

На этой странице сайта вы можете посмотреть видео онлайн Menu Mobile - HTML, CSS e JavaScript длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Origamid 01 Январь 1970, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 188,312 раз и оно понравилось 8.7 тысяч зрителям. Приятного просмотра!

160