Curated by Wenyi Chu

READ MORE
monday
07 Jun 2021
Meet 6 Best Practices on Improving Your Website Design gapsystudio.com

Web design is intended to provide high consumer characteristics and aesthetic qualities. How long the visitor will be on the site depends on how understandable, adaptive, and attractive it will be. It usually takes less than 15 seconds for a user to figure out if they have opened the right site. Accordingly, web design and site usability have a direct impact on conversion rates.

SHOW MORE
Meet 6 Best Practices on Improving Your Website Design
Design
sunday
06 Jun 2021
Trigonometry in CSS and JavaScript: Beyond Triangles tympanus.net

In part three of our series we’ll look at how to create more interesting shapes with trigonometry, and how to draw them with the Canvas API.

SHOW MORE
Trigonometry in CSS and JavaScript: Beyond Triangles
Design
How to Create a Disruptive Design (So It Will Get Seen) designshack.net

If you really want to create a design that will make people look, it has to be disruptive.

While “disruptive” can be a bit of a hackneyed catchphrase, it is also at the core of what you do when you create something new. The goal is to get people to stop, look, and interact.

SHOW MORE
How to Create a Disruptive Design (So It Will Get Seen)
Design
saturday
05 Jun 2021
20 Figma Plugins and Tools to Boost your Design Workflow awwwards.com

Figma has a lot of advantages compared to Adobe XD or Sketch. It's a browser-based interface design tool that is cross-platform and works in any browser and OS, providing the ideal environment for real-time collaboration with other designers and team members.

Apart from its collaborative functionalities and its capacity to create interactive prototypes, export code, graphics and complete layouts, with the help of plugins, Figma can extend its features further - such as the automation of time-consuming tasks.

SHOW MORE
20 Figma Plugins and Tools to Boost your Design Workflow
Design
friday
04 Jun 2021
Vectoricons Mixer iconshock.com

Combine & mix thousands of vector icons to get unlimited creative icon packs.

SHOW MORE
Vectoricons Mixer
Design
wednesday
02 Jun 2021
A guide to the Modern Minimal UI style uxdesign.cc

I called this design style “Modern Minimal”. It’s minimalistic comparing to the other design styles, but at the same time is not as dull and boring as old Material Design or Flat. You can spot many inspirations from the different styles in it (like skeumorphism and glassmorphism, even!) but as you will see, it all works together and it doesn’t exceed certain level of visual complexity.

In general, Modern Minimal style embraces the following characteristics:

  • Bright backgrounds and whitespace
  • Subtle roundness on UI elements
  • Big, readable headings
  • Real-life photography
  • Thoughtful use of colors
  • Focus on contrast
  • Limited use of effects
  • Small details, often illustrated
SHOW MORE
A guide to the Modern Minimal UI style
Design
tuesday
01 Jun 2021
The new responsive: Web design in a component-driven world web.dev

Today, when using the term: "responsive design", you are most likely thinking about using media queries to change layout when resizing a design from mobile size, to tablet size, through to desktop size.

But soon, this perception of responsive design may be considered as outdated as using tables for page layout.

Viewport-based media queries give you some powerful tools, but lack a lot of finesse. They lack the ability to respond to user needs, and the ability to inject responsive styles into components themselves.

SHOW MORE
The new responsive: Web design in a component-driven world
Design
I made 100 more CSS loaders for your next project dev.to

not 100, not 200 but 300! Yes, a new collection and a total of 300 CSS loaders.

This time, I am going to rely on more elements to create the loaders ... No, I am joking 😜, still only one div per loader, nothing more!

SHOW MORE
I made 100 more CSS loaders for your next project
Design
sunday
30 May 2021
Building a useful UI Kit blog.plantapp.io

UI Kit is a set of user interface elements that designers and developers need to simplify their work and create a unified product design for users. It allows you to quickly and efficiently create complex interfaces.

The easiest way to assemble the main UI Kit is to identify the interface elements on the main screens and place them in a separate place so that all subsequent screens are created from ready-made components.

SHOW MORE
Building a useful UI Kit
Design
saturday
29 May 2021
Trendy Gradients in Web Design awwwards.com

Gradients have been trendy for a while now, they initially made a comeback in a conventional way in backgrounds and images. Spotify made them popular again by applying duotone gradients over photos as a characteristic element of the brand in its campaigns and microsites. History is currently being revisited, taking us through an exploration of the different aesthetic movements of the 80s and the beginnings of web design in the 90s. This revival gives us multicolored retro gradients and duotone gradients from V A P O R W A V E to Memphis Design.

In the end of the article, lots of gradient generating tool are introduced. A good list to add to your collection!

SHOW MORE
Trendy Gradients in Web Design
Design