Confirmed users
518
edits
Webmakers/Projects: Difference between revisions
no edit summary
Iamjessklein (talk | contribs) No edit summary |
Iamjessklein (talk | contribs) No edit summary |
||
| (8 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> | ||
| Line 114: | Line 124: | ||
<br> | <br> | ||
[[Image: | [[Image:tumcus.png|270px|left]] | ||
<h3>Customize your Tumblr HTML Theme</h3> | <h3>Customize your Tumblr HTML Theme</h3> | ||
<h2>Powered by Tumblr </h2> | <h2>Powered by Tumblr </h2> | ||
| Line 122: | Line 132: | ||
<br> | <br> | ||
[[Image: | [[Image:tumagif.png|270px|left]] | ||
<h3>Make an Animated Gif</h3> | <h3>Make an Animated Gif</h3> | ||
<h2>Powered by Tumblr </h2> | <h2>Powered by Tumblr </h2> | ||
| Line 128: | Line 138: | ||
</p> | </p> | ||
'''Tool:'''GIMP, Tumblr '''Skills:''' image manipulation ''' Difficulty:'''Beginner | '''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> | ||