GUI Challenges

There is no one way to solve interfaces challenges.
In this series, we'll be challenging ourselves and each other
to find multiple ways to solve interface challenges
and expand the diversity of our skills.

RSS Feed

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 provid...

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 ...

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, support...

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 co...

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.gl...

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...

Submission shoutout for CENTERING

We stress tested 5 different CSS centering techniques and I challenged you to submit your own. Shout out to Chris Coyier from CSS-Tricks ...

Thinking on ways to solve CENTERING

In today’s challenge, we’re stress testing 5 different CSS centering techniques. See what techniques should earn a place in your tool bel...