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 ;)
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.
Name generator. We have 45 countries to choose from!
Here you will find scalable vector icons, that can be freely customized through CSS.
A tool for creating social icons (with generated HTML and CSS)
Aggregator of links for web designers and developers. Don’t miss a thing!
Resize browser window to emulate various screen resolutions!
A collection of the most interesting pages about HTML5.
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.
A lot of free goods can be found on Freebbble — loads of templates, UI, landing pages, bootstraps and animations.
An exceptional blog about web design created by a community of digital enthusiasts. First, read this post.
Great free resources for web designers, including templates, UI and plugins.
Browse mobile design patterns, UI kits and UI elements.
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.
The world’s largest database of user interface design. Elements of UI and UI kits for download and inspiration.
Another page with resources for web designers. You will find scripts, templates, mockups, UI kits and elements, navigation, scripts and many others.
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.
Organized and large base of jQuery plugins from different categories: UI, Media, Inputs, Nav or Animations and Effects.
…just make yourself a placeholder ;)
Pages rewarded by Awwards, that is the best of the best.
Great resource for web designers: articles, plugins, frameworks,
info about hosting and much more!
What is good UI? Tips and tricks on that matter you’ll find on GoodUI site. Accessible information and pleasing to look at.
Responsive Design Weekly
Another newsletter, this time fresh portions on responsiveness every week on your mail.
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!
An app that generates beautiful meshes on the basis of triangles, which can be used as SVG or CSS backgrounds.
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.
Notepad for webmasters that supports several languages. Its features are syntax highlighting, PCRE, auto completion and more.
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.
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.
A collection of avatars that can be used for mockups.
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.
Templated is a collection of more than 800 templates in CSS and HTML5 licensed under Creative Commons.
On Tuts+ you will find the massive amount of tips and tutorials for web designers.
On Smashing Magazine you will find news from the world of code and web design.
Great site with the best articles for web professionals — developers, designers, freelancers and entrepreneurs.