Design

Guides, articles and ebooks that explore all facets of UX Design — from prototyping to trends to best practices.

Unsure where to start? Use this collection of links to our articles and videos to learn about conducting user testing remotely.

A list of Free Software network services and web applications which can be hosted on your own servers - GitHub - awesome-selfhosted/awesome-selfhosted: A list of Free Software network services and ...

Dropdown boxes and menus are overused and clunky but can be useful for revealing a list of options or commands.

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

The W3C Accessibility Guidelines (WCAG) 3.0 provide a wide range of recommendations for making web content more accessible to users with disabilities. Following these guidelines will address many of the needs of users with blindness, low vision and other vision impairments; deafness and hearing loss; limited movement and dexterity; speech disabilities; sensory disorders; cognitive and learning disabilities; and combinations of these. These guidelines address accessibility of web content on desktops, laptops, tablets, mobile devices, wearable devices, and other web of things devices. They address various types of web content including static content, interactive content, visual and auditory media, and virtual and augmented reality. The guidelines also address related web tools such as user agents (browsers and assistive technologies), content management systems, authoring tools, and testing tools.

An open-source colour picker app for macOS

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.

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.

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.

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!