Tag GUIchallenges
Tìm kiếm bài viết trong Tag GUIchallenges
Thinking on ways to solve TOASTS
In today's GUI Challenge, @Adam Argyle shares thinking on a way to build toasts, a non-interactive and passive component for UI to provide user feedback. Explore the [output] element, CSS grid, animat
0 0 21
Thinking on ways to solve 3D MENU
In today's GUI challenge @Adam Argyle share's their 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 a
0 0 28
Thinking on ways to solve MULTI-SELECT
In today's GUI challenge I share my thinking on a way to enable users to multi-select. To demonstrate multi-select I've prepared a filterable grid which accepts input from both a -select multiple- and
0 0 30
Thinking on ways to solve SPLIT BUTTONS
In today's GUI challenge I share my thinking on a way to solve split buttons. A staple component for condensed interfaces, it allows a single button to feature secondary actions.
0 0 18
Thinking on ways to solve SWITCHES
In today's GUI challenge I share my thinking on a way to solve a switch. A tiny, UX packed component that ended up being one of the most involved challenges so far.
0 0 21
Thinking on ways to solve BREADCRUMBS
In today's GUI challenge, we're building a breadcrumbs component.. with a twist! Instead of a linear list of links, this breadcrumbs component exposes all of it's siblings in a dropdown, allowing fast
0 0 18
Thinking on ways to solve COLOR SCHEMES
In today’s GUI challenge, we’re building dark, light and dim color schemes with HSL. The CSS works across modern browsers, establishes foundational architecture for more themes, and is accessible.
0 0 13
Thinking on ways to solve a MEDIA SCROLLER
In today’s GUI challenge, @Adam Argyle shares thinking on ways to create inline scrolling experiences for the web that are minimal, responsive, accessible and work across browsers and platforms (like
0 0 8
Thinking on ways to solve SPLIT TEXT
In today’s GUI challenge, @Adam Argyle will be responding to your comments for the first 30 minutes after the episode releases. Connect with us here, ask questions, or submit your own code.
0 0 10
Thinking on ways to solve SETTINGS
In today’s GUI challenge, we build and demo a dynamic settings page with sliders and checkboxes. Our settings page is responsive, supports multiple device inputs, and works across browsers.
0 0 13
Thinking on ways to solve TABS
In today’s GUI challenge, we’re building a tabs component with some really cool features that you may not have thought about. Our tabs component is responsive, supports multiple device inputs, works a
0 0 24
Submission shoutouts for SIDENAV
We asked the community to build a sidenav component your way and you all delivered! Check out the submissions:. @a_nurella → http://goo.gle/3j9bmQm. @mayeedwin1 → http://goo.
0 0 28
Thinking on ways to solve a SIDENAV
In today’s GUI challenge we create a responsive, accessible slide out side navigation user experience using CSS and JS. The sidenav works on multiple browsers, screen sizes and input devices.
0 0 45