https://meemoo.org/hack-our-apps/

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8" />
5  <title>Hack our apps | Meemoo project by Forrest Oliphant</title>
6  
7  <link rel="alternate" type="application/rss+xml" title="Meemoo blog feed" href="https://feeds.feedburner.com/meemoo" />
8
9  <link href="/css/meemoo.css" rel="stylesheet" type="text/css">
10  <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css">
11  
12</head>
13<body>
14  
15  <header>
16    <h1>
17      <a href="/"><img alt="meemoo hackable web apps" src="/css/img/logo.png"></a>
18    </h1>
19    <nav>
20      <ul>
21        <li><a href="/">Home</a></li>
22        <li><a href="/about/">About</a></li>
23        <li><a href="https://meemoo.org/iframework/#gist/5110822">Intro</a></li>
24        <li><a href="/hack-our-apps/">Gallery</a></li>
25        <li><a href="/blog/">Blog</a></li>
26        <li><a href="https://github.com/meemoo">Source</a></li>
27        <li><a href="#contact">Contact</a></li>
28        <li>
29          <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="https://meemoo.org/"></a>
30          <noscript>
31            <a href="http://flattr.com/thing/183497/Meemoo-a-web-application-for-remixing-web-video" target="_blank"><img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" /></a>
32          </noscript>
33        </li>
34      </ul>
35    </nav>
36  </header>
37  
38  <div class="page clear">
39    <div id="container">
40  <div class="row">
41
42    <div class="span3">
43      <a href="https://meemoo.org/iframework/#gist/5110822"><img class="shot" src="shots/intro.png" /></a>
44      <p>
45        <b>welcome to meemoo</b>
46        <br />
47        <i>Vilson Vieira</i>
48      </p>
49    </div>
50
51    <div class="span3">
52      <a href="https://meemoo.org/iframework/#gist/5233740"><img class="shot" src="shots/palette.jpg" /></a>
53      <p>
54        <b>Extract palette</b>
55        <br />
56        <a href="https://meemooapp.tumblr.com/post/46198153051/meemoo-module-extracts-palette-from-image-for"><i>about</i></a>
57      </p>
58    </div>
59
60    <div class="span3">
61      <a href="https://meemoo.org/hack-tivities/physical-gif.html"><img class="shot" src="shots/physical-gif.gif" /></a>
62      <p>
63        <b>Paper GIF</b>
64        <br />
65        <i>forresto</i>
66      </p>
67    </div>
68
69    <div class="span3">
70      <a href="https://meemoo.org/hack-tivities/abc.html"><img class="shot" src="shots/abc.jpg" /></a>
71      <p>
72        <b>GIF+HTML workshop</b>
73        <br />
74        <i>Brasstown animators</i>
75      </p>
76    </div>
77
78    <div class="span3">
79      <a href="https://meemoo.org/iframework/#gist/3996361"><img class="shot" src="shots/html5video.jpg" /></a>
80      <p>
81        <b>HTML5 video</b>
82        <br />
83        <i>Forrest Oliphant</i>
84      </p>
85    </div>
86
87    <div class="span3">
88      <a href="https://meemoo.org/iframework/#gist/4140253"><img class="shot" src="shots/circle-particle-trail.jpg" /></a>
89      <p>
90        <b>particles → trails</b>
91        <br />
92        <i>Forrest Oliphant (<a href="http://www.flickr.com/search/?w=37996589754@N01&q=meemoo%20particles">more</a>)</i>
93      </p>
94    </div>
95
96    <div class="span3">
97      <a href="https://meemoo.org/iframework/#gist/4029543"><img class="shot" src="shots/particles-tile.jpg" /></a>
98      <p>
99        <b>particles → tile</b>
100        <br />
101        <i>Forrest Oliphant</i>
102      </p>
103    </div>
104
105    <div class="span3">
106      <a href="https://meemoo.org/iframework/#gist/3707631"><img class="shot" src="shots/megacam.jpg" /></a>
107      <p>
108        <b>Megacam grid</b>
109        <br />
110        <i>Forrest Oliphant</i>
111      </p>
112    </div>
113
114    <div class="span3">
115      <a href="https://meemoo.org/iframework/#gist/3722026"><img class="shot" src="shots/monochrome.png" /></a>
116      <p>
117        <b>GIFs from 1989</b>
118        <br />
119        <i>Forrest Oliphant</i>
120      </p>
121    </div>
122
123    <div class="span3">
124      <a href="https://meemoo.org/iframework/#gist/3124854"><img class="shot" src="shots/recursive.png" /></a>
125      <p>
126        <b>recursive spiral</b>
127        <br />
128        <i>Forrest Oliphant</i>
129      </p>
130    </div>
131    
132    <div class="span3">
133      <a href="https://meemoo.org/iframework/#gist/2760122"><img class="shot" src="shots/hackable-clock.png" /></a>
134      <p>
135        <b>hackable clock 0.1</b>
136        <br />
137        <i>Forrest Oliphant</i>
138      </p>
139    </div>
140
141    <div class="span3">
142      <a href="https://meemoo.org/iframework/#example/rainbowclock"><img class="shot" src="shots/rainbow.png" /></a>
143      <p>
144        <b>digital rainbow clock</b>
145        <br />
146        <i>Forrest Oliphant</i>
147      </p>
148    </div> 
149
150    <div class="span3">
151      <a href="https://meemoo.org/iframework/#gist/3208230"><img class="shot" src="shots/beethoven.png" /></a>
152      <p>
153        <b>play beethoven</b>
154        <br />
155        <i>Vilson Vieira, <a href="http://g200kg.com">g200kg</a></i>
156      </p>
157    </div>
158
159    <div class="span3">
160      <a href="https://meemoo.org/iframework/#gist/3168177">

160<img class="shot" src="shots/8bit.png" /></a>
161      <p>
162        <b>8 bit synth</b>
163        <br />
164        <i>Vilson Vieira, <a href="http://g200kg.com">g200kg</a></i>
165      </p>
166    </div>
167
168    <div class="span3">
169      <a href="https://meemoo.org/iframework/#gist/2959806"><img class="shot" src="shots/harmony.png" /></a>
170      <p>
171        <b>mr.doob harmony</b>
172        <br />
173        <i>Vilson Vieira, <a href="http://mrdoob.com">mr.doob</a></i>
174      </p>
175    </div>
176
177    <div class="span3">
178      <a href="https://meemoo.org/iframework/#gist/3209721"><img class="shot" src="shots/tunnel.png" /></a>
179      <p>
180        <b>web tunnel</b>
181        <br />
182        <i>Vilson Vieira</i>
183      </p>
184    </div>
185    
186    
187  </div>
188</div>
189
190  </div>
191
192  <footer>
193    <h2><a id="contact"></a>Get in touch!</h2>
194    <ul>
195      <li><a href="https://github.com/meemoo">Github</a></li>
196      <li><a href="https://meemooapp.tumblr.com/">Tumblr</a></li>
197      <li><a href="https://www.facebook.com/meemooapp">Facebook</a></li>
198      <li><a href="https://twitter.com/forresto">Twitter</a></li>
199      <li><a href="https://pinterest.com/forresto/design-for-hackability/">Pinterest</a></li>
200      <li id="writeme">forrest/ätt/sembiki/døt/com</li>
201    <ul>
202  </footer>
203
204

205<script type="text/javascript">
206  (function() {
207    var s = "=b!isfg>#nbjmup;gpssftuAtfncjlj/dpn@tvckfdu>tjuf&31jorvjsz#?gpssftuAtfncjlj/dpn=0b?";
208    var link = "";
209    for (i=0; i<s.length; i++) {
210      link += String.fromCharCode(s.charCodeAt(i)-1); 
211    }
212    link = link.replace("site%20inquiry", "Meemoo");
213    document.getElementById('writeme').innerHTML = link;
214  })();
215</script>

215
216

217<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4c62d52cca134a37abfcb74c2cc8c620","r":1,"spa":2}' crossorigin="anonymous"></script>

217
218</body>
219</html>