Top Rating
- Top Contributors
  Discover the Top Open Source contributors by country or by language
- Interviews
  Discover real stories from Open Source developers
Discover

Discover your Favorite Language
Discover the top trending repositories and projects on Github. Explore the latest trends in your preferred languages.

Lua

Swift

Python

Zig

Rust

Scala

Erlang

Shell

More Languages
Awesome

Awesome repositories
Discover the most awesome repositories and projects of your favorite languages. Inspired by the Awesome-* lists trend in GitHub.

Ruby

Perl

Elixir

PHP

TypeScript

Shell

Swift

Nix

More Languages
By Country

Rankings by Country
Discover the community of talented open source contributors in each country.

🇹🇴 Tonga

🇱🇧 Lebanon

🇵🇼 Palau

🇶🇦 Qatar

🇰🇷 South Korea

🇳🇬 Nigeria

🇬🇲 The Gambia

🇻🇬 British Virgin Islands

All Countries Compare Countries

runemadsen/programmingdesignsystems.com

Stars
377
Rank 113,535 (Top 3 %)
Language
HTML
License
Other
Created over 8 years ago
Updated almost 2 years ago

runemadsen/programmingdesignsystems.com

runemadsen

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

The book!

Programming Design Systems

This is the source code for the free online book Programming Design Systems. It is built using Magic Book.

Contributors

Here's a running list of people who submitted edits.

Maria Marqvard Jensen
Molly Schwartz
Timothy Bieniosek
Chandler Abraham
Morten Skjoldborg Madsen
Patrick Hebron
Jonathan Howard
Grey Vaisius
Enrico Baculinao
Tom MacWright
Sophia Cui

Writing

References to book sources as footnotes
References to online sources as links (replaced with footnotes for print)
Italicize the titles of magazines, books, newspapers, academic journals, films, television shows, long poems, plays, operas, musical albums, works of art, websites.
Do not italicize person or company names.

Build

To build for development: magicbook build

To build for production: NODE_ENV=production magicbook build

rune.js

A JavaScript library for programming graphic design systems with SVG

Magic-Book-Project

DEPRECATED: We are reviving the Magic Book project as a node package: https://github.com/magicbookproject/magicbook

ok-go

A template for golang web applications inspired by Ruby on Rails

printing-code

Repository for the "Printing Code" taught at ITP, NYU

HTTP-Requests-for-Processing

Sinatra-Heroku-Template

My basic template for new Sinatra apps to be hosted on Heroku

reactive-user-interfaces

Code repo for the Reactive User Interfaces class

gerstner.js

Generate CSS styles from JS

p5-svg-test

A small test showing how to export a p5.js canvas to SVG

processing-sinatra

A small Sinatra app that runs Processing sketches headless on a web server (with puppet provisioners)

cancan-backbone

A library with Javascript bindings for the Ruby access control library CanCan

CityLights

A visualization of Thom Yorke's song Harrowdown Hill made in Processing using an image of New Yorks skyline.

Backbone-With-Server-Side-Rendering

An example of using backbone.js models, collections and view with HTML rendered from Sinatra/Datamapper.

asciidoc

NB: YOU SHOULD PROBABLY USE THE ASCIIDOCTOR GEM INSTEAD. An AsciiDoc parser written in Ruby. Parses an AsciiDoc file into native Ruby objects, and provides an interface for exporting to HTML / PDF with custom .erb templates

ProcessingJSVideo

A small example demonstrating how to overlay a Processing.js canvas element on the HTML 5 video tag

easygrid

A JavaScript library for easily calculating grid system positions in memory

SpeechComparison

The speech comparison data visualization is a sketch built in Processing. It parses words from 9 famous speeches and displays the results in a custom diagram.

programming-design-systems-projects

This is a starter repo for students in my Programming Design Systems class

random-forest-processing-opencv

Java-implementation of a Random Forest algorithm in Processing using OpenCV

Cakemix

NYU ITP Cakemix Couchapp

printing-code-2012

THIS REPO HAS BEEN MOVED HERE: https://github.com/runemadsen/printing-code

introduction-to-processing

Syllabus for the Processing workshop at Anderson Ranch 2014

Sinatra-Activerecord-Bundler-Example

A simple app showing how to setup sinatra with the sinatra-activerecord and bundler gem

programming-design-systems-workshop

Repo for the Programming Design Systems workshop

Sinatra-DataMapper-S3-Example

p5

Get rid of ImageMagick. P5 is a ruby gem that makes it easy to run Processing sketches on a headless web server.

GitApi

Tween

A tweening library for OpenFrameworks built on Pennings easing equations

rune.font.js

Plugin for Rune.js that loads font files and converts them to Rune.Path

easygit

Higher level API for git2go

VizMarathon

OpenFrameworksTextureSplitting

GenerativePosterDesignMakerFaire

printingcode.runemadsen.com

Website for the Printing Code class

scriptographer-scripts

A collection of my scriptographer scripts for Illustrator

Generative-Logo-1

A generative logo created using OpenFrameworks and Box2D. Video of the application can be found here: http://vimeo.com/9513121

generative-book-cover

Processing code that generates a generative book cover with JBox2D.

ArduinoDocs

sinatra-asset-pipeline-bourbon-neat

Example of how to use the sinatra-asset-pipeline gem with Bourbon and Neat. Took me a while.

TischGalaBalloons

runemadsen-2013

Jekyll site running on runemadsen.com

Week1Test

github-oauth

A simple gem to handle github authentication via OAuth2

rune.svg.js

A SVG parser for Rune.js

introduction-to-html-and-css

A 4-day course introducing HTML and CSS to designers

TimeMachine

GLParticles1

An OpenFrameworks application that draws 20.000 particle images on screen doing 60 FPS

ofxVLCRemote

An OpenFrameworks library for controlling VLC player

VisionSensing

OpenFrameworks project showing several vision based sensing techniques form the Spatial Media class @ NYU ITP

RuniksCubes-Processing

A Processing framework for controlling audio or video parameters by translating gyroscope and accelerometer values into MIDI messages

CityLights2

xvfbbuildpack

SpatialMediaFinal

silenceisavirus

introduction-to-javascript

OpenFrameworksColorTracking

gittest

atlas-book-sample2

Computational-Form-Book

Thesis-Presentation

LittleComputersFinal

workaround-designs

TilePuzzle

Interactive TilePuzzle installation made in OpenFrameworks

GridIdea

LedSculptureArduino

Ohland-Balloons-P3

Source code for the Ohland balloons projections used on P3 Guld and Lettterman

big-screens-titles-2011

Change-Model

CityLights2ImgPlotter

Versionize

Online Version Control System for non-programmers

Show-Presenation

Slides for my presentation at the ITP Spring Show

api.runemadsen.com

Data API for Rune Madsen

LC-Final-Templates

Code to create / delete / reorder templates

OhlandBalloons

theartistisnotpresent

Shiftbrite

write-me

Video installation programmed in OpenFrameworks

runemadsen.com

Corrie-Arduino

LedSculpture

MacEyes

Code for using OpenFrameworks Face tracking to put eyes on a Macintosh Classic 2

Connection

rune.noise.js

A plugin to allow noise generation in Rune.js

Katrina

The visualization shows how you can take data from a simple still image and use the pixel data to make the original motive come to live.

runemadsen-2011

artefact

ConnectedComponents

an implementation of the connected components labeling algorithm in OpenFrameworks

runemadsen-2012

news

Graphic Journalism

hunchy

rune.pixels.js

A plugin to allow access to pixel color values in Rune.js

big-screens-opening-2011

omgimg

test-project

HTTProcessing-Heroku

Little-Computers

A collection of code used in the Little Computers class @ ITP 2010

githunch_bookmarks

Repository for Githunch Bookmarks

xvfb-hammer

RuniksCubes-Arduino

guideapp