< 2 >

Creative Explorations in Screen-Based and Physical Computing

DGMD E-15, Spring 2016



  1. Check out Alec's journal (here on GitHub) for an example of basic styling
  2. Be sure to style your journal to denote time, so we know when what content is added
  3. You should be able to regularly add:
    • …work product/code snippets to share
    • …project ideas/things you want to make
    • …brainstorms/mockups you make
    • …other materials you come across which you want to archive or which you think we would benefit from seeing

Journaling with git/GitHub

  1. Download the GitHub Desktop Client, open it, and login using your GitHub username and password
  2. File > Clone Resository and then select your journal's repository ($USERNAME.github.io) and then click Clone Repository.
  3. Choose where you want the repository to be cloned on your machine and click Clone again.
  4. Locate the new repository on your computer and open index.html file in both Sublime Text and Google Chrome.
  5. Make changes, preview locally, then sync to GitHub.

What is git/GitHub
and how will
we use them?

Sharing out
a few /people cards

something big

…into smaller bits to build it

Molly's Snippets

from previous terms

Snippet Request Form

Some actual snippets

Studio time

snippet requests | /people cards

For next session

  1. By Sunday evening: Post a link to a digital thing you love to your journal. Whether you think it's beautiful, clever, powerful, hilarious, etc.
  2. By Monday's session: Finish setting up a DGMD S-15 journal using GitHub pages. You can style them as little or much as you'd like. Here are some journals by last semester's participants.
  3. By Monday's session: Finish a first draft of your partner's /people card including at least their name, a new picture, and their GitHub username. Post it to your journal! You should also take a go at implementing the effect to represent them, looking at the people page on last semester's class site for some ideas or this library of basic effects for inspiration.
  4. By Monday's session: Finish setting up your local development environment by following these steps. If you run into trouble, don't stress (or stay up all night). We'll be available to make sure you're set up. We'll be using many of these tools Monday, so please reach out before then if you are having any trouble!
  5. Submit a Code Snippet Request or get in touch on Slack if you are having trouble with any of these steps!
  6. If you just want some more stuff to explore...

  7. If you want to get started with HTML, CSS, and JavaScript, you might check out the Tools & Materials page and Shay Howe's Learn to Code HTML & CSS. We'll also be digging into our own intro to and demo of the basics of HTML/CSS/JS, which might be of particular use.

< /2 >