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

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

3. Bootstrap

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

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

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

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

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

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

9. Designs Inspire You Try Dribble

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

10. Canva

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

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.

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

Automatically converts Photoshop PSD file to HTML.

14. AI To HTML script

Converts to Adobe Illustrator Files to HTML.

15. OverAPI

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.