Curated by Wenyi Chu

READ MORE
tuesday
10 Aug 2021
Visualizing a codebase octo.github.com

How can we “fingerprint” a codebase to see its structure at a glance? Let’s explore ways to automatically visualize a GitHub repo, and how that could be useful.

SHOW MORE
Visualizing a codebase
Design
thursday
05 Aug 2021
7 Commandments of Good UI Design usabilitygeek.com

Imagine walking into the most beautiful building in the world—mosaic on every square inch of the place, stained-glass—the whole shebang.

SHOW MORE
7 Commandments of Good UI Design
Design
wednesday
04 Aug 2021
Illustration Techniques: Types of Styles & Designs blog.thenounproject.com

Illustration has been a cornerstone of our visual culture for centuries, as a way for artists to visually depict stories and concepts. Like much of art, illustration can be an objective reflection of the world around us or a creative interpretation of abstract ideas. Different illustration styles can be achieved through a variety of manual or digital media, each with the ability to evoke emotion, convey information, and transform our culture.

SHOW MORE
Illustration Techniques: Types of Styles & Designs
Design
monday
02 Aug 2021
Making Stagger Reveal Animations for Text tympanus.net

A short tutorial on how to recreate a letter stagger animation with GSAP and Splitting.js.

SHOW MORE
Making Stagger Reveal Animations for Text
Design
Layout with Reveal Animations and Content Preview tympanus.net

Some experimental reveal animations on typographic elements as repeating pattern for a website design.

SHOW MORE
Layout with Reveal Animations and Content Preview
Design
wednesday
28 Jul 2021
Designing persuasive banners that don’t ruin your UX uxdesign.cc

Managing banner expectations and their struggle for recognition.

SHOW MORE
Designing persuasive banners that don’t ruin your UX
Design
How To Master Layout Design vectornator.io

The million-dollar question: what is the secret to good design?

SHOW MORE
How To Master Layout Design
Design
friday
23 Jul 2021
8 cool CSS tips & tricks to impress livecodestream.dev

The entire article will cover the following topics in order:

  • Cursors
  • CSS Smooth Scrolling
  • CSS Shapes
  • Truncating text with CSS
  • Center align with Flexbox
  • Making a drop shadow
  • Creating a typewriter effect
  • Using CSS Custom Properties
SHOW MORE
8 cool CSS tips & tricks to impress
Design
wednesday
21 Jul 2021
Neumorphism and CSS css-tricks.com

Neumorphism (aka neomorphism) is a relatively new design trend and a term that’s gotten a good amount of buzz lately. It’s aesthetic is marked by minimal and real-looking UI that’s sort of a new take on skeuomorphism — hence the name.

SHOW MORE
Neumorphism and CSS
Design
The beauty of design uxdesign.cc

What is the common thread between the golden ratio, Rihanna, and a pair of Crocs?

SHOW MORE
The beauty of design
Design