Character of web design trends

Web Design Trends #1

Web Design Newsletter

Google but for colors, Admin interfaces, lightweight scroll animation library, color scale generator,  draw with the free and professional vector graphics editor works on your browser, 4 Landing Page Templates, Free Transparent Wrinkled A4 Mockup, Free Font and many articles for Front-End Developer.

Picular

Picular

Google, but for colors

Ant Design Pro

Ant Design Pro

Ant Design Pro is a production-ready solution for admin interfaces.

Sal.js

Sal.js

Lightweight scroll animation library

Drawser

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

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

CodeZen

Generate shareable and elegant image from your source code. You can customize the image through bunch of options like themes, fonts etc.

Scale

Scale

Color scale generator.

4 Landing Page Templates

4 Landing Page Templates

Davide Pacilio - Italian product designer

Free Transparent Wrinkled A4 Mockup

Free Transparent Wrinkled A4 Mockup

Created for Photoshop CC+

Crumpled

Crumpled

Free font

Graven

Graven

Free Font

Credit Card Payment Form

Credit Card Payment Form

A pen by Adam Quinlan

Pacman pagination

Pacman pagination

A pen by Mikael Ainalem

Designing UI with Color Blind Users in Mind

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

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

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

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

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

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

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

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

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

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

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

Latest Issues

Never miss an issue of web design newsletter. Subscribe!

Testimnial

What others are saying...

My Wife - avatar
Lu
(My Wife)
Website Design Inspiration... Make sure you’re signed up for next weeks.

Star svg Star svg Star svg Star svg Star svg
My Dog - avatar
Cleo
(My Dog)
A great source for being updated with current trends in web design. Give me a cookie!

Star svg Star svg Star svg Star svg Star svg
The Box - avatar
Purple Octopus
(The Boss)
Thanks for share the most helpful and useful resources for web designers.

Star svg Star svg Star svg Star svg Star svg

Subscribe to Newsletter

Web Design Tools, Web Resources, Creative, Animation, Articles, Video, Codepen & Inspiration