Curated by Wenyi Chu

READ MORE
wednesday
12 Jan 2022
Are wireframes dead? uxdesign.cc

Stop separating usability and accessible

SHOW MORE
Are wireframes dead?
Design
wednesday
22 Dec 2021
Pixel Patterns yuanchuan.dev

A while ago I saw an interesting pattern generated by a pure mathematical rule, which inspired me to implement a function to recreate the pattern with minimal syntax.

SHOW MORE
Pixel Patterns
Design
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