Resources

Tools

• Chrome / browser that will be used for demos in class (use any browser you like, but some developer tools or menus may look different)
• Atom / a text editor for HTML, CSS, and JavaScript code that will be used for in-class demo. You are welcome to use another editor, if you prefer.
• Cyberduck / FTP tool for uploading files to a server

Web Design

• Lorem Ipsum generator - placeholder text to use for your layout
• Web colors list
• Color palette creator
• Web safe fonts list – free webfonts
• Google Fonts
• Awesome Fontstacks — free webfonts
• pttrns.com – inventory of ux design patterns

HTML and CSS

• HTML Element Reference
• Codecademy HTML Glossary
• CSS Property Reference
• Codecademy: HTML & CSS
• Khan Academy: Intro to HTML & CSS
• MDN: Intro to HTML
• Learn HTML & CSS - another great tutorial
• Learn CSS Layout
• Guide to Flexbox
• CSS Grid Layout
• Grid by Example
• CSS Tricks: Complete Guide to Grids

JavaScript

• jQuery basics tutorial
• Codecademy: JavaScript
• p5js.org — p5.js website, includes library, reference, examples, and tutorials
• p5.js forum — good place for p5.js programming questions
• Daniel Shiffman’s Coding Videos - p5.js tutorials
• Codecademy: JavaScript
• Getting Started with p5.js — by Lauren McCarthy, Casey Reas, and Ben Fry, O’Reilly 2016
• Intro to programming for the visual arts with p5.js - online class from kadenze, free with sign up
• You Don’t Know JS

APIs and Data Sourcces

• A collective list of public JSON APIs for use in web development — maintained by Todd Motto
• data.gov — a collection of datasets curated by the US government at various levels (city, state, and federal)
• Working with data in p5.js — a set of tutorials by Dan Shiffman
• 101: API Evangelist — a curated list of APIs
• List of Open APIs on Wikipedia
• Programmable Web — includes an API directory

Manifestos

• 100 Years of Design Manifestos
• Manifestos for the Internet Age from Grayscale Press
• The Manifesto Project