The more useful and time-saving your tools are, the more time you can concentrate on important tasks such as coding and design.
As for me personally, any tool with which I find myself to help me do my job faster, better and more efficiently, I keep them and check back later.
Here is a collection of 15 useful tools and websites for web designers that I use frequently.
1. Adobe Color CC
Do you have a color that you know you are going to use in your web design project, maybe color in the logo, but you don't know where to go from there in regards to creating the perfect color scheme for your project? Then Adobe Color CC is exactly the tool you are looking for. Adobe Color CC allows you to create and save several color schemes. Simply add a hexadecimal color code (for example, # 0babc4) and then choose if you want the color scheme to be analogous, monochromatic, complementary, composite, etc. etc. Extremely easy and useful.
2. Google Chrome DevTools
Chrome DevTools is a set of web development tools integrated directly into the Google Chrome browser. Its fast debugging function will help you direct errors within your code, which will save you a lot of time when trying to figure out the location of an encoding error. Another amazing feature is its ability to make quick style changes. Want to see how a paragraph will look in a different source? Wondering if you should add more padding to a module? Chrome DevTools makes it very fast and easy to see how these style changes will look. This tool is an essential tool for anyone who works in web development.
3. What's My Browser Size (What is the size of my browser?)
As simple as it sounds, this web application shows the current size of your browser window. This can be useful for designing adaptable websites.
4. Color by Hailpixel
Screenshot of the Hailpixel website with color settings
5. Brusheezy
Brusheezy is the best place for Photoshop resources. There you will find an infinite variety of brushes, patterns, textures, Photoshop PSD and much more: everything related to Photoshop. All Brusheezy resources can be downloaded for free and, depending on the license, can be used for free in your projects.
6. Google Fonts
There are many websites of sources on the internet, but in most of them, you have to pay the rights to use the sources for commercial use. The wonderful thing about Google Fonts is that its entire catalog of fonts is free and open-source, accessible to anyone for any project, both personal and commercial.
7. Unsplash
Unsplash offers free high-resolution images that you can use in your web design projects. The good thing is that all photos in Unsplash are licensed under Creative Commons Zero, which means that you can copy, modify, distribute and use them for free (even for commercial purposes), without having to ask permission or make an attribution to the photographer or Unsplash.
8. Pixabay
Like Unsplash, Pixabay is another great website and resource for free stock images for your web design projects.
9. Iconfinder
Based in Copenhagen, Denmark, Iconfinder works with a community of local and international icon designers. They are continually expanding and adding to their large collection of icons available for download. Some of its icons are free to use without permission, others are free to use with attribution to the author and others are for sale, but at very reasonable prices (usually $ 1 or $ 2).
10. Favicon.cc
Favicon.cc is very convenient because it allows you to create a favicon from scratch using its online application, or by uploading your image and transforming it into a favicon. Compared to other favicon generators, I find that favicon.cc is one of the best for the simple fact that it is easy to use and the quality of the favicon is high (and not very grainy like the favicons created by other favicon generators on the internet ).
11. Font Identifier
You found an image with a beautiful font, but you can't figure out what letter it is? Simply load the image into the Font Squirrel font identifier and your application will tell you the name of the font. Very easy and convenient.
12. Freepik
Freepik is a great source of illustrations and graphic design. I have become accustomed to creating very beautiful and detailed infographics. The best thing about Freepik is that the content can be used in both personal and commercial projects (with a link to Freepik).
13. LastPass
Remembering your passwords is quite difficult, try to remember the passwords of all your clients' websites. Mission Impossible! For this, I use a free application called LastPass. It is a password management tool that makes it easy to save and manage your passwords. The good thing is that LastPass is cloud-based, so you can log in and recover your passwords from any place and time.
14. Awwwards
Do you need some inspiration for your next project? Awwwards is a viewer of award-winning websites from around the world. You can browse the websites by prize won (nominees, sites of the years, etc.), by category (architecture, blog, e-commerce, fashion, etc.), by color and even by country.
15. Dribbble
Another great source of inspiration, Dribbble is a community of designers who share what they are working on. The community is made up of web designers, graphic designers, illustrators, logo designers, icon artists, typographers and other creators who share screenshots of the projects they are working on, which makes it an excellent destination to achieve new Ideas for your projects.
0 Comments