In today's GUI challenge @AdamArgyleInk shares his thinking on a way to create a 3D video game menu that adapts to OS color preferences, motion preferences, and is accessible to mouse and keyboards alike.
Chapters:
- 0:00 - Introduction
- 0:20 - Overview
- 2:37 - HTML
- 2:58 - Layout
- 4:14 - Perspective
- 5:20 - Animation
- 7:15 - Menu Styles
- 10:14 - List Item Styles
- 10:35 - Button Styles
- 11:35 - Hover & Focus
- 12:48 - Pseudo Elements
- 14:55 - DevTools Review
- 16:45 - JavaScript
- 17:48 - Mouse Parallax
- 19:30 - Outro
Resources:
- Read along → https://goo.gle/3c3oILb
- Try a demo → https://goo.gle/3bWNSLz
- Get the source → https://goo.gle/3wulnOO
Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → http://goo.gl/LLLNvf