RAE'S BOOKMARKS

A collection of design and programming resources for students, indie developers, and artists.

• 8-bit computers and game consoles
• Art and design
• C#
• Electronics and microcontrollers
• HTML & CSS
• Javascript
• JSON
• Kinect
• Machine learning and AI
• Markdown and static site generators
• Processing
• Productivity
• Python
• Raspberry Pi
• Swift
• Web APIs

---

8-bit computers and game consoles

• 6502 Assembly Language Programming: This workbook-style book will teach you how to write assembly language code for the Apple II, Commodore 64, NES, and other hot new 6502-based systems!
• 8-bit Workshop
• Archive.org Folkscanomy Computer: Books on Computers and Programming
• AtariAge: Atari 2600 Programming Guide: Metaresource for Atari 2600 programming (documentation, sample code, utilities, etc.) from Atari enthusiast forum AtariAge.
• awesome-gbdev
• Bally Alley: The ultimate resource for all things Bally Astrocade.
• Easy 6502
• Making Games for the Atari 2600 by Steven Hugg
• NesDev Wiki
• newcoleco's Colecovision homebrew videos
• NintendoAge: The premiere forum for NES collectors and general enthusiasts has a subforum on NES programming with some of the best NES ASM tutorials ("Nerdy Nights") out there.
• Romhacking.net: Active community for video game ROM hacking (mostly 8- and 16-bit) with useful collections of utilities and documentation.
• SMS Power!: Development: Development resources for 8-bit SEGA consoles such as the Sega Master System and SG-1000.

---

Art and design

• 3D Modeling in Adobe Illustrator: Use Adobe Illustrator to model basic 3D objects.
• Design Q&A: The classic Charles Eames short film Qu’est ce que le design?
• Fundamentals of Graphic Design: Process, Generation, and Iteration
• Hello World: Where Design Meets Life: All of the theoretical teachings of design school without the crippling student debt.
• How to edit videos with Premiere Pro: Adobe's quickstart guide to editing in Premiere (Adobe CC).
• Moving into the World of 3D: A video tutorial on creating 3D art in Adobe Illustrator.
• So you want to build a generator...: Excellent, in-depth post on the theory and practice of building computational art and generative code.
• Steal like an Artist: 10 Things Nobody Told You about Being Creative: Required reading for upcoming artists.
• Tech Trek: Create Your Own Font: A tutorial for making a font with free web-based tools.

---

C#

• Learning C#: Excellent video series on learning C#.

---

Electronics and microcontrollers

• Animated Flying Toaster OLED Jewelry: Adafruit tutorial on creating an adorably tiny Macintosh-inspired animated display.
• Arduino Tutorials: Tutorials and programming reference materials from the official Arduino website.
• ArduinoJSON: JSON parsing/encoding library for microcontrollers, including Arduino and Particle Photon (via the Particle online IDE).
• Conductive Thread: An Adafruit tutorial on using conductive thread.
• ConnectedNES: A hack that adds WiFi connectivity and a streaming twitter client to the original NES.
• Creative Case Hacks: No 3D Printer Required!: Ben Heck demonstrates how to make an acrylic electronics closure by hand.
• Cricut Explore Blade and Blade Housing Changes and Comparisons: This video has some great information about replacing blades in the Cricut Explore.
• Crochet Battery Holder: Instructions for making an ingenious crocheted coin cell battery holder.
• Cutting rubber stamps with your Cricut Explore
• DIY Neon Sign: Use EL wire to make something that looks a lot like a neon sign.
• Espruino Quick Start: Getting started with Espruino boards, microcontrollers powered by the magic of Javascript!
• Hack everything: Repurposing everyday devices: A conference talk by Matt Evans that walks through hacking reclaimed electronics.
• Handcrafting Textile Sensors from Scratch
• How to Setup a Particle Photon and a 16x2 LCD Screen: Jon Gallant goes through wiring up and grabbing libraries for a Photon and a standard 16x2 LCD screen.
• Introduction to Interfaces: An episode of the Ben Heck show that breaks down I2C, SPI, and RS-232 interfaces.
• Keypad: Keypad library for Arduino.
• Play Melody: Simple Arduino routine for playing melodies with a piezo speaker.
• Spark Twitter Magnet: Display a twitter stream using the Particle Photon.
• The Maker Show, ep. 7: The Photon Awakens: Nick Landry walks through setting up the Photon and connecting it to a simple web app.
• The Maker Show, ep. 10: Adding a Coin Acceptor to Your Arduino Project: Add a coin mechanism to an Arduino using interrupts.
• Tutorial: Spark Variable and Function on One Page: Build a web interface that sends data to and receives data from a Particle Photon.
• Using .NET Core 2 to Read Serial Data from an Arduino Uno over USB: Exactly what it says.
• Word Clock v2: A clock built with an RGB LED strand and a Particle Photon that demonstrates good techniques for lighted sign making.

---

HTML and CSS

• Bootstrap: A 12-grid framework that makes building beautiful and responsive websites way too easy.
• Build an HTML5 game: A book for web developers who want to transfer skills with HTML, CSS, and Javascript to game design and development.
• Can I Use...?: Bible of browser compatibility for new features in HTML, CSS, and more.
• HTML5 Canvas Scratch Pad: A web-based testing environment for Canvas that includes sample code to modify and play around with.
• HTML5's canvas element, and a bit of SVG: Blog post describing some of the capabilities of HTML5 Canvas.
• HTML5's canvas part II: Pixel manipulation: A follow-up blog post to the one above that describes image processing in Canvas.
• HTML5 Hacks: A blog showcasing cool and useful things to do with HTML5. There's also a book that despite being a little outdated is a good reference.- MDN: CSS: Comprehensive CSS reference and teaching materials.
• MDN: HTML: Comprehensive HTML reference and teaching materials.
• MDN: Tutorials: A collection of HTML and CSS tutorials compiled by the Mozilla Developer Network.
• Perfection Kills: Articles on the ins and outs of HTML, CSS, and JS.
• Canvas, images, and pixels: Things I learned building an 8-bit logo generator: Good walkthrough of an image manipulation project build with Javascript and HTML5 Canvas.
• W3Schools: CSS: Easy-to-use CSS resource.
• W3Schools: HTML5: Easy-to-use HTML resource.

---

Javascript

• [Angular 2 from the Ground Up](https://www