Webmakers/Projects/MeemooClock-DIY: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 2: | Line 2: | ||
<h1>How to hack a clock app with Meemoo</h1> {{anchor|Intro}} | <h1>How to hack a clock app with Meemoo</h1> {{anchor|Intro}} | ||
<div style="display:block;background-color:#ffffff;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;"> | <div style="display:block;background-color:#ffffff;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;"> | ||
</div> | </div> | ||
<div style="width:80%;display:block;"> | <div style="width:80%;display:block;"> | ||
Line 15: | Line 8: | ||
'''Step 1:''' Check out the example clocks and chose one as a starting place. | '''Step 1:''' Check out the example clocks and chose one as a starting place. | ||
[[File:Meemoo-hackable-analog-clock.png|500px]] | [[File:Meemoo-hackable-analog-clock.png|500px]] | ||
The analog version, start from: http://meemoo.org/iframework/#gist/2760122 | The analog version, start from: http://meemoo.org/iframework/#gist/2760122 | ||
Revision as of 21:52, 31 May 2012
How to hack a clock app with Meemoo
Check out the different kinds of clocks that you can hack, and make your own clock app. A DIY project from Meemoo.org: hackable web apps.
Step 1: Check out the example clocks and chose one as a starting place.
The analog version, start from: http://meemoo.org/iframework/#gist/2760122
Step 2: Experiment with changing the images in each of the image-in modules.
Step 3: Try changing the values in each of the transform modules. How do they affect the final clock output?
Step 4: Save your app and share the links. Tweet your links with the #meemoo hashtag.