Design

Free CSS color gradient generator. Perfect for gradient backgrounds or UI elements on your website, easy to use.

20 Must Have Photoshop Plugins for Web Designers at Line25, your #1 web design blog.

We are fortunate to have robust patterns to choose from when optimizing accessibility in SVGs — but most people stop there, focusing on code compliance and not actual users and their needs. If true inclusiveness lies beyond patterns — what other factors should we consider when designing and developing accessible SVGs?

A beautiful and powerful application to collect, customize and manage all your icons.

As a collective digital artist, it is important to understand the fundamental science behind color theory. It's a popular topic with a vast spread of

CopyGlyphs is a simple online tool that helps you easily copy any special characters and symbols (also known as glyphs) then paste them to any document or app that you are using.

A collection of bad practices in HTML, copied from real websites.

Once major browsers started supporting & developers immediately started to play with them to see what sorts of patterns they could enhance or replace. This is a good thing. Experimentation pushes boundaries, improves understanding. However, we need to be careful of christening this new-to-us interaction as the solution…

We’ve handpicked most fresh and top underrated plugins for Figma to boost design systems development

Generate colors based on a desired contrast ratio.

We asked over 300 user researchers what their research practices looked like, how their teams were laid out, what they earned, and what made them feel most effective at work.

This post is the first in a three-part series about how our team at You Need a Budget (YNAB) thinks a...

A directory of essential design tools and resources to keep your projects moving forward

User testing is a great way to get customer feedback to discover the strengths and weaknesses of your product. Click here to read some user testing tips!

Try the best and fastest online tool to enlarge images and photos with AI technology for free. Enlarge images/photos/pictures without quality loss.

Generate perfect color combinations for your designs. The super fast color schemes generator! Create, save and share perfect palettes in seconds!

When was the last time a design system empowered you to make a decision? (I’m honestly asking.)

Read our blog to find out whether user research really is necessary and how you can take small actions to improve your website.

Optimising SVGs (scalable vector graphics) for web projects has the dual benefits of reducing the file size and making them easier to work…

Design System is a powerful way to help skyrocket the development of products & services and in this post, we are going to try & answer some common questions around it.

We see the term Design System everywhere: conferences, articles, tweets, courses, capabilities slides. While a design system is a powerful…

A new way to find, modify and share digital colors. Leave abstract color models behind and focus on the important things.

A vital element of any new product cycle is user research. Miss it out at your peril or even worse;... continue reading

Is it harder or easier to build a website now than 10 years ago? Has the bar gone up or down? I don't have any data for you, but I can shell out some

I'm a Senior Digital & UX/UI Designer who’s as happy to create a brand identity as I am to help build a pattern library. I'm passionate about inclusive design and strive for accessibility.

A showcase of beautiful and well designed web app screens for design inspiration. Including screens from behind signup/paywalls! 😱

Mockup your designs simply and beautifully.

Minimalistic icon library Designed by code, Customizable & Retina-Ready icons — built 100% in pure CSS. Easy integration: Embed, NPM & API

The tech industry, which long exalted the engineer, has finally begun to appreciate the designer too.

Online SVG animator to easily import, view, animate and export SVG format. Animate SVG with our user-friendly tool, no advanced coding skills required! With SVGator you can create an SVG animation just by simply adding elements and animators to the timeline, changing keyframe values and exporting clean SVG code.