10 Mac Apps/Utility tools to help with web design and development + windows

Posted on

Estimated reading time: 2 minutes, 25 seconds

web designWe all have our little gems that we use to save us time and minimise repetetive tasks in our day to day web design work. Below I will list some of the ones that save me time and effort and hope to start a dialogue because I have a feeling other people are sitting on links to good freeware that can help in the long run. I have skipped the obvious ones like filezilla, sublime etc. If you guys think I should list out all of them as well I can add to this list.

Web Design Apps


imagealphaImageAlpha greatly reduces file sizes of 24-bit PNG files, it achieves better quality than similar functionality in Adobe Fireworks & Photoshop.

Official website


pngyuPngyu is simple PNG image file compression tool, it uses pngquant as a compression engine.

Official website
Windows version available


imageoptimImageOptim seamlessly integrates the best optimization tools: PNGOUT, Zopfli, Pngcrush, AdvPNG, extended OptiPNG, JpegOptim, jpegrescan, jpegtran, and Gifsicle.

Official website


svgoguiCompression of SVG files, ideal after creating a file in Illustrator, it removes superflous meta data inside the file and compresses it. Windows version available

Github repo

Windows alternative: Github repo (SVG Cleaner)


paparazziPaparazzi! is a small utility for Mac OS X that makes screenshots of webpages.

Official website

Windows alternative: Lightshot


NameChangerBulk rename a list of files quickly and easily. See how the names will change as you type.

Official website

Windows alternative: Bulk Rename Utility


IntegrityScans your project checking for broken links – very fast and accurate.

App Store

Windows alternative: Xenu’s Link Sleuth


kekaKeka is a full featured file archiver, as easy as it can be. Archive, split, unpack most formats, 7z, Zip, Tar, Gzip, DBG, ISO and more.

Official website
App Store (support the project £1.49)

Windows alternative: 7zip


miroA simple way to convert almost any video file to MP4, WebM (vp8), Ogg Theora, or for Android, iPhone, and iPad. HTML5 Video is no longer hard.

Official website
Windows version available
Ubuntu version available
Linux source available


handbrakeHandBrake is a tool for converting video from nearly any format to a selection of modern, widely supported codecs.

Official website
Windows Vista to 10, (64 bit) & (32 bit) available
Ubuntu version available

Paid for Web Design apps/utilities but well worth it

Frank DeLoupe £0.69

frankdeloupeWith Frank you can pick any colour, anywhere on your screen and then copy and paste the value from the clipboard to your editor of choice. RGB, RGBA, HEX, HSL etc.

App Store

Windows alternative: ColorpicFREE

Gradient £2.99

gradientGradient streamlines the creation of CSS3 Gradients. It is a simple yet powerful tool to help you get rid of the clumsiness of ALL vendor prefixes.

App Store

Windows alternative: Online Gradient generatorFREE

Please feel free to comment if you have any other pieces of software that help you and you think someone else might benefit from using.

Web Design

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to top