Confirmed users
518
edits
Webmakers/Projects: Difference between revisions
no edit summary
Iamjessklein (talk | contribs) No edit summary |
Iamjessklein (talk | contribs) No edit summary |
||
| (11 intermediate revisions by 2 users not shown) | |||
| Line 87: | Line 87: | ||
<br><br><br> | <br><br><br> | ||
[[Image: | [[Image:title_commercial_small.png|270px|left]] | ||
<h3> | <h3>Hack a commercial</h3> | ||
<p>Add your own voice to a cheesy 1950s TV commercial! Add pop-ups and commentary, change meanings, and hack pop culture using Mozilla Popcorn. | <p>Add your own voice to a cheesy 1950s TV commercial! Add pop-ups and commentary, change meanings, and hack pop culture using Mozilla Popcorn. | ||
</p> | </p> | ||
<p>'''Tool:'''Popcorn'''Skills:''' remix, web design ''' Difficulty:'''Intermediate</p><br> | <p>'''Tool:'''Popcorn'''Skills:''' remix, web design, positioning ''' Difficulty:'''Intermediate</p><br> | ||
<h3>[https://wiki.mozilla.org/Webmakers/Projects/Popcorn- | <h3>[https://wiki.mozilla.org/Webmakers/Projects/Hack-a-Commercial GO!]</h3> | ||
<br><br><br> | |||
[[Image:title_context_small.png|270px|left]] | |||
<h3>Remix a Story</h3> | |||
<p>Recontextualize a story by adding additional information. Attribute sources and give credit where credit is due.</p> | |||
<p>'''Tool:'''Popcorn'''Skills:''' remix, web design, positioning, attribution ''' Difficulty:'''Intermediate</p><br> | |||
<h3>[https://wiki.mozilla.org/Webmakers/Projects/Remix-a-Story GO!]</h3> | |||
<br><br><br> | <br><br><br> | ||
| Line 98: | Line 106: | ||
[[Image:iathumb.png|270px|left]] | [[Image:iathumb.png|270px|left]] | ||
<h3>Create your own "Inanimate Alice" story</h3> | <h3>Create your own "Inanimate Alice" story</h3> | ||
<h2>Powered by Hive NYC </h2> | |||
<p>This project uses the popular "Inanimate Alice" interactive novel and Mozilla Hackasaurus to create narrative mayhem. Youth can create their own narrative using characters and a storyline they create, learning how to remix the web along the way. | <p>This project uses the popular "Inanimate Alice" interactive novel and Mozilla Hackasaurus to create narrative mayhem. Youth can create their own narrative using characters and a storyline they create, learning how to remix the web along the way. | ||
</p> | </p> | ||
| Line 108: | Line 117: | ||
[[Image:soapthumb.png|270px|left]] | [[Image:soapthumb.png|270px|left]] | ||
<h3>Make your own rant page</h3> | <h3>Make your own rant page</h3> | ||
<h2>Powered by Hive NYC</h2> | |||
<p><b>Got something to shout about?</b> A rant, cause, passion project, block party or victory you want the world to know about? Shout it from the rooftops by making your own web page in minutes with this handy remixable template. Then share it via email, Twitter, Facebook or URL. Easy! </rant> | <p><b>Got something to shout about?</b> A rant, cause, passion project, block party or victory you want the world to know about? Shout it from the rooftops by making your own web page in minutes with this handy remixable template. Then share it via email, Twitter, Facebook or URL. Easy! </rant> | ||
</p> | </p> | ||
'''Tool:'''Thimble'''Skills:''' video, creative commons, HTML and CSS, web design ''' Difficulty:'''Intermediate | '''Tool:'''Thimble'''Skills:''' video, creative commons, HTML and CSS, web design ''' Difficulty:'''Intermediate | ||
<h3>[http://toolness.github.com/friendlycode/?p=/p/151 GO!]</h3> | <h3>[http://toolness.github.com/friendlycode/?p=/p/151 GO!]</h3> | ||
<br> | |||
[[Image:tumcus.png|270px|left]] | |||
<h3>Customize your Tumblr HTML Theme</h3> | |||
<h2>Powered by Tumblr </h2> | |||
<p>Have you always wondered how to create a custom background for your tumblog? Or how you can add widgets to that lonely sidebar of yours? Learn how to customize your blog using Tumblr's HTML editor and conquer the blogosphere with your stylish musings. | |||
</p> | |||
'''Tool:'''Tumblr Editor'''Skills:''' HTML and CSS, web design ''' Difficulty:'''Intermediate | |||
<br> | |||
[[Image:tumagif.png|270px|left]] | |||
<h3>Make an Animated Gif</h3> | |||
<h2>Powered by Tumblr </h2> | |||
<p>If you are eager to get your spot in the Tumblr hall of fame, you better get your animated gif action into place. Become the master of the gifs by completing this project that will even make a llama giggle. | |||
</p> | |||
'''Tool:'''GIMP, Tumblr '''Skills:''' image manipulation ''' Difficulty:'''Beginner | |||
<br> | |||
<br> | |||
[[Image:3dweb.jpg|270px|left]] | |||
<h3>Make a 3D WebPage</h3> | |||
<h2>Powered by the New York Public Library</h2> | |||
<p>Create your own webpages with 3D or animated graphics with the NYPL Stereogranimator tool. Select images from the digital gallery and then add your own quotes and quips to make a humorous webpage. | |||
</p> | |||
'''Tool:'''Thimble'''Skills:''' image manipulation, HTML, CSS ''' Difficulty:'''Beginner | |||
<br> | |||
<h3>[http://thimbletest.org/en-US/projects/nesta/nypl/edit GO!]</h3> | |||
<br> | <br> | ||