Sharing
20 Resources That Every Designer Needs
WMT Section: Webmaster Tips - WMT Category: Web Design Tips
pored_as2.png

Ever felt you were being bogged down by the resources that you have at your disposal? Ever felt that if you had a better or a more attractive resources kit, then you would’ve met that deadline you weren’t able to meet or satisfy that client who rejected your design?

In this fast-paced world, where trends are made every second, let us see a few resources that are the saving grace of some and the magic tricks of others.

These resources come to the aid of all those desperate souls that search for better resources in the nick of time to complete their project that’s almost awesome but never quite so.

Now, pay attention and feast upon the amazing resources developed by the truly ingenious developers to make our designing tasks that much more easy.

1. Pixeldropr:

image002.png

Allows us to create collections of our favourite icons, illustrations, etc. which can be directly dragged and dropped to a PSD file.

2. Drawspace:

image004.png

Downloadable lessons to learn drawing.

3. Unheap:

image006.png

Huge collection of JQuery Plugins for the web enthusiasts!

4. Sidebar.io:

image008.png 

Daily dose of best designs. Provides 5 links every day.

5. WhatsMyBrowserSize:

image010.png 

Useful for handling media queries where you need to resize your window, etc.


6. Duo:

image012.png

This offers a new way to see responsive web development.

7. Webcolourdata:

image014.png

Colour palettes of all the popular sites collected here. Every designer’s heaven.

8. Typewolf:

image016.png

No more wild-goose chases, hunting for that perfect font. It’s all here.

9. HEX to RGB:

image018.png

Minimalistic converter. Simplifies beautifully.

10. Topcoat:

image020.png 

This elegant framework launched by Adobe saves a lot of time if you are starting a project from scratch.


11 PlaceIt:

image022.png 

Helps you generate realistic product screen-shots.

12. Color Thief:

image024.png

It lets you grab the color from any image through java-script and the canvas tag.

13. BLOKK:

image026.png

Amazing for quick mock-ups and wire-framing.

14. Niice:

image028.png

Need inspiration? You’ll never be disappointed here.

15. CSS Menu Maker:

image030.png

As the name suggests, it makes menu making that much more simple.


16. Fullby:

image032.png

Free responsive Word-press theme that is fully customizable.

17. Vagrant:

image034.png

Aids developers in creating virtual environments and configuring these light-weight products easily.

18. Designer News:

image036.png

Stay in touch with the latest news in development environment.

19. CSSCSS:

image038.png 

Checks redundancies for you.

20. Typepick:

image040.png 

It lets you set up a minimal page for the products you are offering.

pored_as1.png
 

Add comment


Security code
Refresh

Webmaster-Tips

Site Map

Write for us!

Do you have any Joomla custom work either on template, component, module or plugin to show off?
Or do you offer free tips and resources for webmasters?

About Webmaster-tips.net

Webmaster-tips.net is a Joomla CMS related portal that publishes authentic Joomla Extensions, tips and resources for webmasters. Follow wmt_joomla on Twitter