Whether you are designing, developing, testing or auditing a user- interface component, The first step you can take to make sure that their product is

This article presents beautiful open source icon collections and some CSS related repositories.

New MIT open source SVG icon library designed by Steve Schoger. Solid and stroke variants, one-click copy-paste, and Figma file. Built with Tailwind CSS.

Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

Check out these icon design tips & best practices before implementing them in your next UI design.

Studying for any job includes studying the history of that job. I think that the history of UX starts not from the creation of the phrase…

ConocoPhillips included publishers in its intranet redesign to improve content processes and offer new tools to create high-quality information for employees.

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?

由设计稿一键智能生成代码的大厨 | An intelligent tool turning designs to code

A guide on how to make a user flow by Gapsy. Create an easily visualized client experience based on their thoughts, emotions, goals, and motives.

Since school is back in session, this month’s roundup has a learning focus. In addition to tools, many of the resources include guides, tutorials, and cheat sheets to help make design work easier. Here’s what’s new for designers this month. ScrollingMockup.io ScrollingMockup.io generates high-definition, animated scrolling mockups in minutes. All you have to do is […]

Designers are ditching traditional rules of beauty and ‘good’ design in favor of something more honest and compelling.

Tired of the tedious back and forth between design and development in image-based design? You can put an end to that with code-based approach!

Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.

The APCA Advanced Perceptual Contrast Algorithim SIMPLE VERSION.

Discover the perfect typography for your website by entering your current font, font size, and content width Optimize for font size, line height, and even characters per line (CPL) Experiment with new fonts and different sizes on any device Apply GRT to your own projects with the free responsive GRT CSS loadout! The GR

In my research into Golden Ratio Typography, I focused primarily on the core geometric properties of text—font size, line height, and line width. But there’s another facet of text that nearly all of the existing research on typography deals with: It’s called characters per line (CPL). If you’ve ever read a study on t