Tools of the trade

Nothing will ever beat pen and paper :)

illustration: pen & paperNo matter how good or bad your drawing skills are right now – continue or start using your sketchbook for notes, doodles and design drafts. You will find that the best approach is to capture your idea immediately and without distraction on paper. It is quicker and easier than any other tool :)

graphic apps

Affinity Designer

graphic design software • vector

PC, MAC | Serif | visit site ↗

Affinity Photo

photo editing software • bitmap

PC, MAC | Serif | visit site ↗

Sketch

digital design toolkit • vector

MAC | Bohemian B.V. | visit site ↗

Inkscape

open source graphics editor • vector

PC, MAC, LINUX | open source | visit site ↗

gimp

GNU Image Manipulation Program • bitmap

PC, MAC, LINUX | open source | visit site ↗

JPEGmini

image optimisation tool • jpg

PC, MAC | Beamr | visit site ↗

RIOT

image optimisation tool • jpg / gif / png

PC | RIOT | visit site ↗

ImageOptim

image optimisation tool • jpg / gif / png

MAC | Kornel Lesiński | visit site ↗

ImageAlpha

image optimisation tool • png

MAC | Kornel Lesiński | visit site ↗

SVGOMG

SVG optimisation tool • svg

online | Jake Archibald | visit site ↗

code editors

Espresso

"More productive than caffeine"

MAC | Warewolf | visit site ↗

Atom

"A hackable text editor for the 21st Century"

PC, MAC, LINUX | open source (via GitHub) | visit site ↗

Brackets

"A modern, open source text editor that understands web design."

PC, MAC, LINUX | open source (via Adobe) | visit site ↗

Sublime Text

"A sophisticated text editor for code, markup and prose"

PC, MAC, LINUX | Sublime HQ Pty | visit site ↗

Visual Studio Code

"Code editing. Redefined."

PC, MAC, LINUX | open source (via Microsoft) | visit site ↗

dev apps

Cyberduck

FTP :: "Connecting to every server."

PC, MAC | iterate GmbH | visit site ↗

FileZilla

FTP :: "FileZilla®, the free FTP solution."

PC, MAC, LINUX | open source | visit site ↗

Transmit

FTP :: "Upload, download, and manage files on tons of servers with an easy, familiar, and powerful UI."

MAC | Panic Inc | visit site ↗

GitHub Desktop

Version control :: "... a unified cross-platform experience that’s completely open source and ready to customize."

PC, MAC, LINUX | open source (via GitHub) | visit site ↗

Tower

"Version control with Git - made easy. In a beautiful, efficient & powerful app."

PC, MAC | fournova | visit site ↗

Sourcetree

"Simplicity and power in a beautiful Git GUI"

PC, MAC | Atlassian | visit site ↗

Dash

"Dash is an API Documentation Browser and Code Snippet Manager. "

MAC, iOS | Kapeli Apps SRL | visit site ↗

Kaleidoscope

file comparison :: "Spot the differences, merge in seconds."

MAC, iOS | Black Pixel | visit site ↗

browsers

Firefox

"Fast for good. Powerfully private."

PC, MAC, LINUX, android, iOS | Mozilla | visit site ↗

Waterfox

"Free, open and private."

PC, MAC, android | Alex Kontos | visit site ↗

Brave

"Secure, fast & private web browser with adblock."

PC, MAC, LINUX | Brave Software Inc. | visit site ↗

Edge

"The faster, safer way to get things done on the web."

PC | Microsoft | visit site ↗

Chrome

"Now more simple, secure, and faster than ever - with Google’s smarts built-in."

PC, MAC, LINUX, android, iOS | Google | visit site ↗

Tor

"Anonymity Online"

PC, MAC, LINUX, android, iOS | open source | visit site ↗

Vivaldi

"Your browser matters. Take control…"

PC, MAC, LINUX | Vivaldi Technologies™ | visit site ↗

Safari

"The best way to see the sites."

PC, MAC, LINUX, android, iOS | Apple | visit site ↗

Opera

"Fast, secure, easy-to-use browser"

PC, MAC, LINUX, android, iOS | Opera Software | visit site ↗

Yandex

"…the browser that's fast and secure"

PC, MAC, LINUX, android, iOS | Yandex | visit site ↗

Cliqz

"The no-compromise browser."

PC, MAC, android, iOS | Cliqz | visit site ↗

browser add-ons

design

bookmarklet : utilities for grid layout, measurement and alignment.

| SpryMedia | visit site ↗

What font

"The easiest way to inspect fonts on webpages."

| Chengyin Liu | visit site ↗

Web Developer Toolbar

"The Web Developer extension adds various web developer tools to a browser."

| Chris Pederick | visit site ↗

Web Developer Checklist

"Analyses any web page for violations of best practices"

| Mads Kristensen | visit site ↗

Empty Cache Button

"Cache clearing made easy. One click."

| mvm | visit site ↗

Clear Cache

"Clear your cache and browsing data with a single click of a button"

| Benjamin Bojko | visit site ↗

search engines

DuckDuckGo

"The search engine that doesn't track you."

online | DuckDuckGo | visit site ↗

ecosia

"The search engine that plants trees."

online | Ecosia GmbH | visit site ↗

Internet Archive

"Our mission is to provide Universal Access to All Knowledge."

online | 501(c)(3) non-profit | visit site ↗

Wikimedia

"…a global movement whose mission is to bring free educational content to the world."

online | Wikimedia Foundation | visit site ↗

Wolfram Alpha

"Compute expert-level answers using Wolfram's breakthrough algorithms, knowledgebase and AI technology"

online | Wolfram Alpha LLC | visit site ↗

Flickr / creative commons

"Find your inspiration."

online | Yahoo | visit site ↗

Bing

"more than simple search"

online | Microsoft | visit site ↗

Google Search

"Our mission is to organise the world’s information and make it universally accessible and useful."

online | Google | visit site ↗

testing tools

responsinator Responsinator

"... quickly get an indication of how their responsive site will look on the most popular devices."

online | Tama Pugsley and Andy Hovey | visit site ↗

am i responsive Am I responsive

"A time saving exercise by @justinavery for RWD Weekly Newsletter"

online | Justin Avery | visit site ↗

W3C W3C Markup Validation Service

"Check the markup (HTML, XHTML, …) of Web documents"

online | open source (via W3C) | visit site ↗

nibbler Nibbler

Tool for testing websites - giving insights into key areas, including accessibility, SEO, social media and technology.

online | Silktide | visit site ↗

richard's toolbox Richard's Toolbox

collection of online tools

online | Richard Oosterhof | visit site ↗

gtmetrix GTmetrix

"… gives you insight on how well your site loads and provides actionable recommendations on how to optimize it."

online | GT.net | visit site ↗

webpage test web page test

"... test from multiple locations around the globe using real browsers and at real consumer connection speeds."

online | open source (via Google) | visit site ↗

site24x7 Site 24x7

"Free Network and Site Reliability Engineer Tools"

online | Zoho Corp. | visit site ↗

MXToolBox MX Toolbox

"...free, fast and accurate network diagnostic and lookup tools."

online | MXToolBox, Inc. | visit site ↗

Google Page Speed Insights PageSpeed Insights

"...analyzes the content of a web page, then generates suggestions to make that page faster."

online | Google | visit site ↗