Stop separating usability and accessible

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.

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.

A slideshow page layout with a filter enhanced navigation effect.

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,

They all look like the current IntelliJ IDEA splash screen

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

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?