Webmakers/Projects/MeemooClock-DIY: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div style="display:block;-moz-border-radius:10px;background-color:#cccccc;padding:20px;margin-top:20px;"> | <div style="display:block;-moz-border-radius:10px;background-color:#cccccc;padding:20px;margin-top:20px;"> | ||
<h1>How to hack a clock app</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;"> | <div style="display:block;float:right;"> | ||
| Line 11: | Line 11: | ||
</div> | </div> | ||
<div style="width:80%;display:block;"> | <div style="width:80%;display:block;"> | ||
Check out the different kinds of clocks that you can hack, and make your own clock app. A DIY project from [http://meemoo.org/ Meemoo.org]: hackable web apps. | Check out the different kinds of clocks that you can hack, and make your own clock app. A DIY project from [http://meemoo.org/ Meemoo.org]: hackable web apps. | ||
'''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. | ||
| Line 17: | Line 17: | ||
'''Step 2:''' Experiment with changing the images in each of the image-in modules. | '''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 | '''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. | '''Step 4:''' Save your app and share the links. Tweet your links with the #meemoo hashtag. | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 10:01, 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.
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.