Curated by Wenyi Chu

READ MORE
wednesday
24 Nov 2021
How to Design Beyond Default UI Patterns for a Rich UX uxmovement.com

If you examine most mobile apps, you might notice they all look the same. They all use navigation bars, table lists, and a linear data display. These default patterns that designers habitually use may get the job done, but they’re not always the best approach for UX.

SHOW MORE
How to Design Beyond Default UI Patterns for a Rich UX
Design
thursday
18 Nov 2021
Slideshow with Filter Reveal Effect tympanus.net

A slideshow page layout with a filter enhanced navigation effect.

SHOW MORE
Slideshow with Filter Reveal Effect
Design
tuesday
05 Oct 2021
How I Make CSS Art yosracodes.hashnode.dev

On the third of June 2021, I created my very first CSS art. I had so much fun building this, and I continued building more and experiencing different methods to create them. My CSS art became better the more I practiced, and I got to know CSS better because of it. In fact, CodePen picked two (out of four) of my CSS arts to feature before. I decided to write this blog post to illustrate my thought process from the very beginning up until publishing the art on codepen. Hopefully, this will attract more people into creating CSS art and have fun with it,

SHOW MORE
How I Make CSS Art
Design
thursday
23 Sep 2021
A pattern generator with 1300 shapes and 300 dpi tool.graphics

They all look like the current IntelliJ IDEA splash screen

SHOW MORE
A pattern generator with 1300 shapes and 300 dpi
Design
7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS css-tricks.com

In this article, I’ll walk you through seven different examples that showcase how ::before and ::after can be used to create interesting effects.

SHOW MORE
7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS
Design
wednesday
15 Sep 2021
Perceived brightness: an essential concept for UI design bootcamp.uxdesign.cc

Look at the image above. Don’t you feel some colors are brighter than others? For example, between the yellow and blue: which is brighter?

SHOW MORE
Perceived brightness: an essential concept for UI design
Design
Designing Beautiful Shadows in CSS joshwcomeau.com

In my humble opinion, the best websites and web applications have a tangible “real” quality to them. There are lots of factors involved to achieve this quality, but shadows are a critical ingredient.

SHOW MORE
Designing Beautiful Shadows in CSS
Design
Grainy Gradients css-tricks.com

Browse through Dribbble or Behance, and you’ll find designers using a simple technique to add texture to an image: noise. Adding noise makes otherwise solid colors or smooth gradients, such as shadows, more realistic. But despite designers’ affinity for texture, noise is rarely used in web design.

SHOW MORE
Grainy Gradients
Design
tuesday
07 Sep 2021
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design nngroup.com

5 guidelines help users tolerate the long waits and frequent interruptions that are typical of complex workflows.

SHOW MORE
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design
Design
wednesday
01 Sep 2021
3 Essential Design Trends, September 2021 webdesignerdepot.com

This collection of trends – from fun angles to illustrations where you wouldn’t expect them to cool three-dimensional concepts – is sure to help you think a little more out of the box. It might be just the right inspiration to cure some of that design boredom.

SHOW MORE
3 Essential Design Trends, September 2021
Design