Skip to content

Instantly share code, notes, and snippets.

View shduff's full-sized avatar

shaunalynn shduff

View GitHub Profile

Hey! This is a quick template for how to make your Plinkquito documentation pieces.

Write your piece out in markdown in a github gist. This gist is written to act as a template to get you familiar with Markdown. You can Fork it into your own github account using the fork button in the upper right of the page and then edit it from there to play around with how things look.

When you're ready, create your own gist for your Plinkquito piece. When you're done, save your gist and click the "raw" button in the upper right of the document.

This should take you to an ugly looking page, and ugly is good. Paste the link to that page in the "link" column of this spreadsheet along with all the other metadata about your piece.

Let me know if you have any questions, and here are some markdown basics to get you started!

@shduff
shduff / plinkquito-turn-calculation-1.html
Created October 22, 2018 21:20
Plinkquito turn calculations when going to a point
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script>
// This is the x and y of the next point you're moving to
var nextPoint_x = 33;
@shduff
shduff / Inputs and outputs.md
Last active July 18, 2016 02:36
A few sketches that use input values to affect the display of web pages.

Inputs & Outputs

These are some sketches to demonstrate how inputs — whether physical or digital — can be used in different ways to affect outputs. Each sketch expects an input between 0 and 1 and then uses that input to affect the display of a website. To start, we'll write a function to generate the input digitally. Next time, we'll use Arduinos and some related sensors to generate inputs from the real (e.g. physical) world.

@shduff
shduff / wunderground.html
Last active April 23, 2016 13:13
Grabbing data from the Weather Underground API and display it on a web page.
<!DOCTYPE html>
<html>
<head>
<title>wunderground api test</title>
<style>
#windspeed {
border-radius:80px;
padding:1em;
<!DOCTYPE html>
<html>
<head>
<title>
mastermind
</title>
</head>
<body>
<script>
@shduff
shduff / hideShowMenuSample.html
Created April 11, 2016 16:49
using javascript to hide and show different elements from a nested lists, on click
<!DOCTYPE html>
<html>
<head>
<!-- <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> -->
<style>
body {
margin: 0;
padding: 0;
}
@shduff
shduff / clickableSquare.html
Last active February 19, 2020 21:53
A grid of squares you can click to color...
<html>
<head>
<style>
.on {
background-color:black;
}
</style>
@shduff
shduff / games-playing-and-making.md
Last active April 5, 2016 20:30
Some of our favorite resources about games, game-making, and game-playing...

Some interesting games

kunabi brother's Blek

Blek

Being asked to describe Blek my brother rattled off: It's an open-ended experience with singular game mechanics and deep, bauhaus-informed design. Huh! Just imagine working with a guy who can say something like that about a game. Yes, it can be complicated. But Blek isn't.

Jonathan Blow's Braid

@shduff
shduff / digital-art-and-art-making.md
Last active April 5, 2016 20:23
Some examples of and concepts around digital art that we resonate with...

Digital art & art-making

While the question of what art is and what technology can offer the conceptualization and implementation of art will hopefully be topics of ongoing reflection and conversation—both in this program and in our lives—we wanted to share a few examples of of pieces of work which have both compelled us and taken unique advantage of some of the affordances that technology offers us.

We hope these will be evocativefor you as you consider projects you might want to tackle yourself, or perhaps simply the character of the experiences you want your projects to support.

xtrees video

@shduff
shduff / intro-to-html-css-js-git-hub.md
Last active April 5, 2016 18:09
Some of our favorite resources to get you up and running with HTML, CSS, JS, git, & GitHub