MA Web Design + Content Planning materials for applied art for the web • major project

Tools of the trade

Nothing will ever beat pen and paper :) No 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 :)

contrast checker
  • contrast ratio
  • tool to check colour contrast against WCAG guidelines
  • by Lea Verou
Color Contrast Analyser
  • Color Contrast Analyser
  • easily determine the contrast ratio of two colours
  • by TPGi
  • WAVE
  • Web Accessibility Evaluation Tool
  • by WebAIM
  • TAW
  • Web accessibility test
  • by CTIC
  • AChecker
  • Web Accessibility Checker
  • by ATRC
ish graphic
  • Responsively
  • "Develop responsive web apps 5x faster!"
  • by Manoj Vivek
  • Responsinator
  • "... quickly get an indication of how their responsive site will look on the most popular devices."
  • by Tama Pugsley and Andy Hovey
am i responsive
  • Am I responsive
  • "A time saving exercise by @justinavery for RWD Weekly Newsletter"
  • by Justin Avery
  • W3C Markup Validation Service
  • "Check the markup (HTML, XHTML, …) of Web documents"
  • open source (via W3C)
  • Nibbler
  • Insights into key areas, including accessibility, SEO, social media and technology
  • by Silktide
  • GTmetrix
  • "… gives you insight on how well your site loads and provides actionable recommendations on how to optimize it."
  • by
webpage test
  • web page test
  • "… test from multiple locations around the globe using real browsers and at real consumer connection speeds."
  • open source (via Google)
  • Site 24x7
  • "Free Network and Site Reliability Engineer Tools"
  • by Zoho Corp.
  • MX Toolbox
  • "... free, fast and accurate network diagnostic and lookup tools."
  • by MXToolBox, Inc.
Google Page Speed Insights
  • PageSpeed Insights
  • "... analyzes the content of a web page, then generates suggestions to make that page faster."
  • by Google
resizer logo
  • Resizer
  • "An interactive viewer that helps designers test material design breakpoints across desktop, mobile, and tablet."
  • by Google

ethical alternatives

Laura Kalbag gave an excellent talk titled 'Defying the mainstream: building technology that respects our rights' at New Adventures Conference 2020. This really gave me a boost to continue my mission to promote small tech and alternatives. I'd highly recommend having a look at Laura's slides and watch the video of the talk - and check out the list of resources!
Thank you, Laura :)

text: switching software, ethical, easy-to-use and privacy-conscious alternatives is an ongoing and brilliant project to follow! You'll find lists of alternatives to well-known software ~ worth considering and trying out!