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.
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.
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.
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.
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.
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.
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.
Want to design info graphics, post card, business cars, letter head etc. Canva provides a online graphics tool and iPad app too.
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.
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
Helps you manage, try and install fonts.
Open Source free graphic designing application
A text editor for catering your all needs. Its you personal choice.
|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
Firebug is powerful development plugin tool for Firefox. Chrome Browser comes with in built Chrome developer tool that every Web Designer must know.
Test your website running fast or slow
Test your web site how much mobile friendly it is.