Web & Digital for Graphic Designers

A companion Website

Published in 2020 and authored by Neil Leonard, Frédérique Santune, and Andrew Way, Web and Digital for Graphic Designers was written to offer non-coders an insight into various coding languages. The book also contextualises these coding languages by drawing parallels to the graphic design profession and wider critical design issues. You can purchase the book here, find a lovely review here, and browse an ever-growing list of resources below.


Files from the book

An example of a basic HTML page

An example of a basic HTML5 page

HTML content markup, including titles, links, headings, lists, and more.

Processing Examples: SCRIPT_1.zip, SCRIPT_2a.zip, SCRIPT_2b.zip, SCRIPT_3.zip, SCRIPT_4.zip, SCRIPT_5.zip, SCRIPT_6b.zip, SCRIPT_7a.zip, SCRIPT_7b.zip, SCRIPT_10.zip, SCRIPT_20.zip, SCRIPT_21.zip, SCRIPT_22.zip, SCRIPT_23.zip


HTML

W3 Schools HTML tutorials

Mozilla HTML5 resources

HTML5 Cheat Sheet

HTML5 for Web Designers - a great book series. Highly recommended.

More HTML5 resources


CSS

W3 Schools CSS Tutorials

Some useful CSS snipets


Colour

Colors: 90 accessiable web colour combinations

HTML Color Names

Palett.es, colour schemes generator with accessibility and colour blindness support


Type

Beautiful Web Type - always my first stop when I'm choosing a typeface for a website project.


Processing / P5.js

p5js.org

processing.org


Context, ideas and theory

Reading Design

Readings.Design - a ton of great articles about all things design.