Picular
Google, but for colors
Ant Design Pro
Ant Design Pro is a production-ready solution for admin interfaces.
Sal.js
Lightweight scroll animation library
How Many Steps Does It Take To Get From Me To You?
A pen by Jase
Drawser
Inspire someone's creativity sharing your ideas and make interactive design innovations. Draw with the free and professional vector graphics editor works on your browser.
Shrink your images
With Shrink Me you can reduce your image file sizes without suffering visual quality loss, and thus make your sites and apps faster for your users.
CodeZen
Generate shareable and elegant image from your source code. You can customize the image through bunch of options like themes, fonts etc.
Scale
Color scale generator.
4 Landing Page Templates
Davide Pacilio - Italian product designer
Free Transparent Wrinkled A4 Mockup
Created for Photoshop CC+
Crumpled
Free font
Graven
Free Font
Credit Card Payment Form
A pen by Adam Quinlan
Pacman pagination
A pen by Mikael Ainalem
Designing UI with Color Blind Users in Mind
Color plays an integral role in UI design. When done right, it improves user experience, influences purchasing decisions, and reflects the brands voice. So, how do you design effective, accessible, and aesthetically pleasing interfaces for color blind users?
The ultimate guide to proper use of animation in UX
https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9
How to Formulate an Email Design and Development Strategy
In this tutorial explain how to focus your efforts on the email clients and webmail clients being used by your target audience.
4 Creative Mobile Onboarding Concepts
Onboarding is a term used by UX designers to describe a process of getting users “up and running” with a site, app, or service. Successful onboarding increases the likelihood that a first-time user becomes a full-time user after adopting a product.
Design with Difficult Data
You’ve been asked to design a profile screen for a mobile or web app. It will need to include an avatar, a name, a job title, and a location. You fire up Sketch or Figma. Maybe you pull out your drafting pencil or head straight to markup and CSS
Designing A Textbox, Unabridged
Building websites is hard. Let’s explore the creation of a component from start to finish, in the context of an exaggerated reality where projects aren’t flawless.
Why you don’t need wireframes in your design process
Do you need wireframes? Who uses them anyway? Is producing wireframes just a waste of time and resources?
7 Tips for Better Contact Form Design
Better contact form design starts with usability. The goal of a form is obvious: you need information from the user. The form has to be intuitive enough so users know exactly what to do and don’t get sidetracked in the process of completing that action.
CSS dismissal is about exclusion, not technology
Time for half the front-end development world to dismiss the value of the other half.
Changes on CSS Grid Layout in percentages and indefinite height
A short long story on how percentage work on CSS in general and in CSS Grid Layout row tracks and gutters particularly.
9 Tips For Designing Faster and More Efficiently So You Don’t Go Insane
Author Note and Shameless Plug: These are techniques I picked up while building UX Power Tools design system. I am an active designer and I use this system for 10 hours a day, along with every technique mentioned in this article. If I didn’t believe in it, I wouldn’t be writing about it
