Tools

The right tools make the difference between an artist and a craftsman.

Topics: tools, development, design

Author: Maitrik

Mac setup articles

Web Development Apps

  • VSC - Modern, approachable, and hackable text-editor.
  • CodeKit -  Auto detect and compile JS/Coffeescript/Less/Compass/SCSS/Images, etc.
  • Dash - An amazing browser and code snippets manager for Mac.
  • DiffMerge - An application to visually compare and merge files
  • ImageOptim - Best image optimizer i've seen for any system. No idea how it works so well.
  • GIT Git for Mac
  • CyberDuck is also great alternative.
  • Mamp local server.

Utility Apps

Productivity Apps

Chrome Extension

  • Awesome Screenshot: Capture & Annotate Capture the whole page or any portion, annotate screenshot, blur sensitive info, one-click upload to share.
  • Better History A better look at your browsing history. The best searching, the sharpest interface, and the most useful filters - for your history.
  • Clear Cache Clear your cache and browsing data with a single click of a button.
  • CSS Gradient Inspector Extends the Developer Tools, adding a sidebar that displays information about the gradients applied to the inspected
  • Emmet Re:View Shows views with all responsive media-query breakpoints for current page
  • Hover Zoom Enlarge thumbnails on mouse over. Works on many sites (Facebook, Twitter, Flickr, Reddit, Amazon, Tumblr, etc).
  • JSONView Validate and view JSON documents
  • Page Ruler Draw a ruler to get pixel dimensions and positioning, and measure elements on any web page.
  • Wikiwand: Wikipedia Modernized Good old Wikipedia gets a great new look
  • WhatFont The easiest way to identify fonts on web pages.
  • GistBox The Beautiful Way to Organize Code Snippets