Best tools for web designers

For good web designers!


An important part of work of any good web designer is keeping up to date with trending tools to ease up his daily job. Every day there are hundreds
of articles about web design, new tools, scripts etc. It is impossible to read or see them all! In this post we will show you tools that are helpful in your daily hardship, and we will mention sites that will help you to overpower the abyss of the internet ;)

UX checklist

Are you about to turn in a ready website to a client? You’re sure you’ve done everything? UX checklist is a cheatsheet for web designers helping to plan their project, or it can serve as a checklist, where you can tick off work stages that are completed.

UX checklist

UX checklist Screenshot

UI Names

Name generator. We have 45 countries to choose from!

UI Names

Font Awesome

Here you will find scalable vector icons, that can be freely customized through CSS.

Font Awesome

Font Awesome Screenshot

Perfect Icons

A tool for creating social icons (with generated HTML and CSS)

Perfect Icons

Perfect Icons Screenshot

Pineapple.io

Aggregator of links for web designers and developers. Don’t miss a thing!

Pineapple.io

Window Resizer

Resize browser window to emulate various screen resolutions!

Window Resizer

Html5 Sites

A collection of the most interesting pages about HTML5.

Html5 Sites

HTML5 Sites screenshot

Html5 Weekly

Don’t have time to browse multiple pages in search of a new of content? Subscribe to the HTML5 Weekly Newsletter to get interesting stuff on your inbox.

Html5 Weekly

Freebbble

A lot of free goods can be found on Freebbble — loads of templates, UI, landing pages, bootstraps and animations.

Freebbble

Freebbble

1st Webdesigner

An exceptional blog about web design created by a community of digital enthusiasts. First, read this post.

1st Webdesigner

Freebiesbug

Great free resources for web designers, including templates, UI and plugins.

Freebiesbug Screenshot

Freebiesbug

UI space

Another site with free stuff. Mostly UI icons and mockups.

UI Space

UI Space Screenshot

Pttrns

Browse mobile design patterns, UI kits and UI elements.

Pttrns

Flat UI Color Picker

If you are looking forward to create a great piece of flat design, use this color picker. If you’d like to know more about color palettes read our post Best Color Palettes.

Flat UI Color Picker

Flat Ui Color Picker Screenshot

UI Cloud

The world’s largest database of user interface design. Elements of UI and UI kits for download and inspiration.

UI Cloud

UI Cloud Screenshot

Tech&All

Another page with resources for web designers. You will find scripts, templates, mockups, UI kits and elements, navigation, scripts and many others.

Tech&All

Tech&All Screenshot

Site Inspire

No idea what to do for another site? You lack inspiration? Site Inspire will get you right back on the track. Pages can be filtered and viewed by categories, type, platform and style.

Site Inspire

Unheap

Organized and large base of jQuery plugins from different categories: UI, Media, Inputs, Nav or Animations and Effects.

Unheap

Unheap screenshot

Unsplush it

…just make yourself a placeholder ;)

Unsplush it

AWWWards

Pages rewarded by Awwards, that is the best of the best.

Awwwards

Awwwards screenshot

WebAppers

Great resource for web designers: articles, plugins, frameworks,
info about hosting and much more!

WebAppers

GoodUI

What is good UI? Tips and tricks on that matter you’ll find on GoodUI site. Accessible information and pleasing to look at.

GoodUI

GoodUI screenshot

Responsive Design Weekly

Another newsletter, this time fresh portions on responsiveness every week on your mail.

Responsive Design Weekly

Codrops

On Codrops you will find tutorials on web development and design techniques, plug-ins, articles as well as ideas and inspiration for solving problems that arise around creating web pages. You can find components, concepts of web pages and layouts. A veritable mine!

Codrops

Codrops screenshot

Trianglify

An app that generates beautiful meshes on the basis of triangles, which can be used as SVG or CSS backgrounds.

Trianglify

CSS Tricks

Website devoted for front-end, not just CSS. You can find code snippets on it ready to use, video tutorials, extensive forum, where you can share knowledge with others and even job offers.

CSS Tricks

CSS Tricks screenshot

Notepad++

Notepad for webmasters that supports several languages. Its features are syntax highlighting, PCRE, auto completion and more.

Notepad++

Enboard

You get the impression that all the necessary tools, inspirations are right here, in one place. Especially the two boards run by Dominik Serafin (A Pole can do it!) require special attention: web design and front-end. You will find over 500 resources, including blogs, articles, frameworks, icons, inspiration, podcasts and much more. Just sit down and browse.

Enboard

Enboard screenshot

Kraken.io

Kraken is an app, that optimizes images. Select one
of two modes: Lossy, which reduces up to 90% of files, or lossless mode where the file does not lose its quality.

Kraken.io

UI faces

A collection of avatars that can be used for mockups.

UI faces

UI faces screenshot

Noun Project

Great source of icons (over 100,000!) licensed under the Creative Commons. Available to download as pngs and svgs. For Mac users, there is also an application called Noun ($10/month), through which we can download icons by dragging and dropping to any program like Adobe, Sketch, Power Point, instant messaging or email.

Noun Project

Templated

Templated is a collection of more than 800 templates in CSS and HTML5 licensed under Creative Commons.

Templated Screenshot

Templated

Tuts+

On Tuts+ you will find the massive amount of tips and tutorials for web designers.

Tuts +

Tuts screenshot

Smashing Magazine

On Smashing Magazine you will find news from the world of code and web design.

Smashing Magazine

SitePoint

Great site with the best articles for web professionals — developers, designers, freelancers and entrepreneurs.

SitePoint Screenshot

SitePoint

Ezgif

Platform to create, optimize and edit GIFs.

Ezgif