notes & things

Snippets

by lia on June 21, 2013, no comments

Some snippets from this interview of the CEOs of Toca Boca and Sago Sago (which was just bought by Toca Boca). I’ve selected some lines that I like. Jason: Like Toca Boca, our approach is to create beautiful apps that are modelled after toys rather than games or books. Jason: A well-designed app for this [...]

Making Things For Kids update

by lia on June 19, 2013, no comments

Unfortunately, due to the unexpected turn of events (we’re moving to Seattle!) I will be unable to teach Making Things For Kids in ITP this fall semester. I did, however, amass a rather large set of resources, and will be posting them up in list form as soon as I can get it organized. Watch [...]

Mobile Storytelling

by lia on June 19, 2013, no comments

Below is Anna and my first lecture for our Mobile Narratives class series for ITP Camp. I’m pretty proud of it. It’s a good initial survey into the world of Digital Storytelling, and should provide you with a head start if you want to know what’s out there. Enjoy.

Digital Narratives: Taps and Swipes

by lia on June 11, 2013, no comments

Switching images based on taps or swipes The templates for our class, Digital Narratives, can be found in this repo. It’s cool to be able to go from one page to another, but what if you want taps or swipes (called “events”) to change the currently displayed image on a certain page? We have three [...]

Digital Narratives: Customizing the blank template

by lia on June 11, 2013, no comments

The templates for our class, Digital Narratives, can be found in this repo. Now we will talk about how to customize them. PAGES Central to JQuery Mobile is the idea of “Pages”. You’ll see that within the body all of our .html sheets lies this div:

This marks off a section as a “page”. [...]

JQuery Mobile: 2 differences

by lia on June 11, 2013, no comments

I’m not a JQuery expert by any means, so these aren’t definitive. For our purposes, there are two main differences between regular JQuery and JQuery Mobile. The first is that instead of putting all your initial JS code in document(ready), ie:

You would instead use pageInit, as shown here:

This is related to [...]

Digital Narratives: Setting up your localhost

by lia on June 11, 2013, no comments

It’s important to set your localhost or else the links between html files won’t work. If you are running an OS < 10.8: System Preferences > Sharing to turn on Web Sharing If you are running on 10.8, read this and follow everything under “Document Root”. Stop before you get to “PHP” I’ve summarized it [...]

Digital Narratives: Running the class examples 3 ways

by lia on June 11, 2013, no comments

The examples from the Digital Narratives class are in this repo. Seymour_finished is a demonstration of how to use a sprite sheet and css3 for character animations. You can run this by loading the index.html file into your browser. The files with 01-04 (story_blank, story_events, story_animations, seymour_slides) are all PhoneGap files. You can run these [...]