Having smart tools and apps, especially having those that save time are a must-have for web designers or any other kind of designer.
Featuring today are 20 simple, time-saving and free web-based tools/apps that offer a time-saving solution to many of the web design tasks you will need to perform from time to time.
These apps are great as you will never have to install anything, all you have to do is bookmarked them and save them for that day when they will be called upon.
All of these tiny time-savers has been released at some point of this year, some will help to manage the performance budget of a project, organise code snippets, create design briefs, give detailed stats about CSS stylesheets.
1. Ethical Web Development
The project consists of this site and a series of short digital books that explore the ethics of practical development topics.
2. Hero Patterns
A collection of repeatable SVG background patterns for you to use on your web projects.
3. Google Web Designer
Bring ideas to life across screens by creating engaging, interactive HTML5-based designs and motion graphics that can run on any device.
4. Flawless Typography Checklist
A comprehensive typography master course organized into a concise and digestible format.
5. Colormind
Generate colour combinations in one click.
6. Adobe Spark
Create impactful social graphics, web stories and animated videos with Spark’s free graphic design app
7. Site Auditor
Site Auditor quickly analyses your site to find all of the desktop and mobile SEO issues that may be keeping your site from ranking on search engines like Google.
8. Unsplash
Beautiful, free photos. Gifted by the world’s most generous community of photographers
9. Responsive Image Breakpoint Generator
Easily generate the optimal responsive image dimensions
10. Type Terms
Type Terms is an animated typographic cheat sheet. If you are new to typography or here to refresh your memory, then Type Terms is the perfect tool for you.
11. Palettable
With Palettable, you can create color palettes, even with no prior design knowledge.
12. Bse64
Encode your images into BASE64. Just hit drag and drop your image or click to upload then grab the BASE64 or the img tag with the code already in there!
13. CSS Stats
CSS Stats is a web application that visualises various stats about your stylesheets.
14. Pattern Ninja
Patterninja is a pattern making application.
15. Ad Jelly
adJelly’s size guide is a tool created to help designers, marketers & small business owners get through the mental maze of online ad research.
16. Grade Proof
GradeProof is more than just a spelling and grammar checker. It goes further, providing intelligent rephrasing suggestions to not only correct your writing, but to refine your phrasing and make it eloquent.
17. Theme Cards
Explore the best free themes
18. Website Launch Checklist
Simple Website Launch Checklist
19. Resizr
Resizr is for testing the responsive nature of your projects, this app emulates the different screen sizes showing you how your site will appear across many of the most popular devices.
20. Jpeg.io
Convert any major image format into a highly optimised JPEG
