Webmakers/Projects/MeemooClock-DIY: Difference between revisions

From MozillaWiki
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 style="display:block;float:right;">
[[Image:Hive.png|300px|right]]<br/><div style="font-size:10px; color:#333333;font-style:italic;padding:15px 0px 10px 25px;">...</div>
[[Image:alice.png|300px|right]]<br/><div style="font-size:10px; color:#333333;font-style:italic;padding:15px 0px 10px 25px;">...</div>
[[Image:supergirl.png|right]]<br/><div style="font-size:10px; color:#333333;font-style:italic;padding:15px 0px 10px 25px;">...</div>
</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.

Meemoo-hackable-analog-clock.png 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.