Tag GUIchallenges

Tìm kiếm bài viết trong Tag GUIchallenges

- vừa được xem lúc

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 19

- vừa được xem lúc

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 25

- vừa được xem lúc

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 29

- vừa được xem lúc

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 16

- vừa được xem lúc

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 19

- vừa được xem lúc

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 16

- vừa được xem lúc

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 9

- vừa được xem lúc

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 5

- vừa được xem lúc

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 6

- vừa được xem lúc

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 9

- vừa được xem lúc

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 16

- vừa được xem lúc

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 17

- vừa được xem lúc

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 35