Wednesday, October 19, 2016

23 Freebies Help you Design A Wonderful Website

23 Freebies Help you Design 
A Wonderful Website 

A web designer needs to do a repetitive work. Following web apps and tools make life easier for a web designer.

1. WireFy 


23 Freebies Help you Design A Wonderful Website

Helps you design intuitive wire frames for your web site. It requires you to install its nodejs package. You must be familiar with nodeJS, grunt etc.

2. Marvel App  


23 Freebies Help you Design A Wonderful Website


Prototype your Web or Mobile App. Although it is commercial, basic subscription is free.


3. Bootstrap 


23 Freebies Help you Design A Wonderful Website

Perhaps the most popular Web (HTML, CSS & JS) framework and the best way to start with. To learn about bootstarp you can check at W3Schools BootStrap Basic Course

4. HTML5 Boilerplate 


23 Freebies Help you Design A Wonderful Website

Instead of bootstrap you may start with HTML5 Boilerplate. It provides a front-end kick start template and basic server configurations. Want to customize it and add bootstrap, you may try Initialzr - a HTML5 templates generator.



5.  Adobe Color CC


23 Freebies Help you Design A Wonderful Website


Want to create or select color theme for you web site, you may check Adobe Color CC  It has a feature, which allows you to upload an image and it suggests schemes from it.

6. WhatTheFont

23 Freebies Help you Design A Wonderful Website


Want to know which font is used in a magazine or website then upload its image to this site. It will suggest you the nearest matching font available.

7. Awesome Screen Shot 

23 Freebies Help you Design A Wonderful Website

No longer free now. However its picture annotation is free which helps you add annotations, comments, blur sensitive info, and share with one-click uploads. Available as chrome extension also.

8. Free Stock Photos

23 Freebies Help you Design A Wonderful Website

Need free stock of photos, check my post "Six Sites Provide You Legally Free Images"

9. Designs Inspire You  Try Dribble



23 Freebies Help you Design A Wonderful Website


Collection of Artwork, Logos, Websites, an online resource of design inspiration by designers for designers.


10. Canva 


23 Freebies Help you Design A Wonderful Website


Want to design info graphics, post card, business cars, letter head etc. Canva provides a online graphics tool and iPad app too.


11. Surge - The CDN for Front-End Developers


23 Freebies Help you Design A Wonderful Website


Want to deploy static web project through CLI, surge provides a way. It is a node based package which publishes any folder. Surge CDN automatically provides clean URLs, 404 pages friendly for visitors, and for SEO. Check its tour for details.


12. Picmarkr - Watermark your images.

23 Freebies Help you Design A Wonderful Website


If you are not familiar with Photoshop or Gimp and want to add watermark to your images, Picmarkr is a handy tool.


13. PSD to HTML(Freebie) or  Commercial one


23 Freebies Help you Design A Wonderful Website

Automatically converts Photoshop PSD file to HTML.


14. AI To HTML script

23 Freebies Help you Design A Wonderful Website

Converts to Adobe Illustrator Files to HTML.


15. OverAPI


23 Freebies Help you Design A Wonderful Website

If you are a developer, this site offers you collection of Cheat Sheets for APIs for different frameworks(jquery, express...) and programming languages(PHP, nodejs, MySQL, HTML, CSS, RegEx) etc.

16. Sky Fonts


23 Freebies Help you Design A Wonderful Website

Helps you manage, try and install fonts.

17. MyPaint




Open Source free graphic designing application


18. Sublime-Text 


23 Freebies Help you Design A Wonderful Website

A text editor for catering your all needs. Its you personal choice.


19. GIMP

23 Freebies Help you Design A Wonderful Website
Image credits: wikimedia

Free image editing software - an alternative to Photoshop.


20. Cloud 9



Cloud Based IDE Tool - Has a limited free support.


21. Fire Bug or Chrome Developer Tools


23 Freebies Help you Design A Wonderful Website

Firebug is powerful development plugin tool for Firefox. Chrome Browser comes with in built Chrome developer tool that every Web Designer must know.

22. pingdom.com


23 Freebies Help you Design A Wonderful Website

Test your website running fast or slow

23. Google Webmaster Tools


23 Freebies Help you Design A Wonderful Website

 Test your web site how much mobile friendly it is.


No comments: