Events/London Learning Jam/Projects: Difference between revisions

Jump to navigation Jump to search

Events/London Learning Jam/Projects (view source)

Revision as of 17:50, 30 May 2012

415 bytes added ,  30 May 2012
no edit summary
No edit summary
Line 1: Line 1:
__NOTOC__
__NOTOC__
http://farm8.staticflickr.com/7206/6907867555_eeda62c030.jpg
http://farm8.staticflickr.com/7206/6907867555_eeda62c030.jpg
= Help test these new Thimble Missions =
= Help test these new Thimble Projects =
<b>Help kick the tires on the beta missions below.</b> Are they easy to use? Helpful for learning? Fun?<br>  
<b>Help kick the tires on the beta projects below.</b> Are they easy to use? Helpful for learning? Fun?<br>  


<br>
<br>
<h3> What are these "Thimble Missions," anyway? </h3>
<h3> What are these "Thimble Projects", anyway? </h3>
<b>Learning by making</b>. Thimble missions are designed to help you make something amazing on the web fast.  
<b>Learning by making</b>. Thimble project are designed to help you make something amazing on the web fast and learn webmaking skills in the process.  
 
<b>Side-by-Side editing</b>. Thimble is a two pane editor that allows you to edit the code on the left and see your changes on the right.
<b>We're preparing a set of these missions for the Mozilla Summer Code Party.</b> The goal: teach the world the basics of coding and webmaking. Through bite-sized games, projects and recipes that are easy, social and fun. Partners and contributors will be able to share their own webmaker projects as well.
<b>We're preparing a set of these projects for the Mozilla Summer Code Party.</b> The goal: teach the world the basics of coding and webmaking through making projects that are easy, social and fun.  


= Webmaker Beta Projects: test 'em out now=
= Webmaker Beta Projects: test 'em out now=
Line 15: Line 15:
===Awesome Animal Builder===
===Awesome Animal Builder===
[[Image:animalbuilder.jpg|270px|left]]
[[Image:animalbuilder.jpg|270px|left]]
<h2>by The London Zoo</h2>
<h3>by The London Zoo</h3>
Mix and match animal body parts to create hybrid animals- think: Elephwhal or a Bunnel! <br>  
Learn about different species and then mix and match animal body parts to create your own - think: Elephwhal or a Bunnel! <br>  
'''Tools used:'''Thimble '''Skills:''' HTML Basics, CSS, Conservation ''' Difficulty:'''Beginner
'''Tools used:'''Thimble <br>
'''Skills:''' HTML Basics, CSS, Conservation<br>
Difficulty:'''Beginner<br><br>


[http://thimbletest.org/en-US/projects/nesta/zoo Take the Mission]
[http://thimbletest.org/en-US/projects/nesta/zoo Take the Mission]
Line 31: Line 33:
===Wickedpedia===
===Wickedpedia===
[[Image:coverimage_wickedpedia.png|270px|left]]
[[Image:coverimage_wickedpedia.png|270px|left]]
<h3>by Steve Bunce and Oliver Quinlan(Plymouth University)</h3>
<h3>by Steve Bunce and Oliver Quinlan (Plymouth University)</h3>
Description: Gives you the opportunity to edit celebrities Wikipedia pages   <br>  
Build your own celebrity bio pages, including all the scandals and gossip that no one knows about!   <br>  
'''Tools used:'''Thimble '''Skills:''' Hyperlinking ''',''' Content Support ''' Difficulty:'''Intermediate
'''Tools used:'''Thimble<br>
'''Skills:''' Hyperlinking ''',''' Content Support ''' <br>
Difficulty:'''Intermediate<br><br>


[http://thimbletest.org/en-US/projects/nesta/wickedpedia Take the Mission]
[http://thimbletest.org/en-US/projects/nesta/wickedpedia Take the Mission]
Line 48: Line 52:
[[Image:s2r.png|270px|left]]
[[Image:s2r.png|270px|left]]
<h3>by Radio Waves</h3>
<h3>by Radio Waves</h3>
Description: News portal page that allows users to edit or create their own blog page to report on sports such as olympics. <br>  
Build your own news media page, including your own video if you want, about at topic you care about, such as the Olympics. <br>  
'''Tools used:'''Thimble '''Skills:''' Blogging ''',''' Content Layout ''',''' Curating ''',''' Branding ''' Difficulty:'''Beginner'''
'''Tools used:'''Thimble<br>
'''Skills:''' Blogging ''',''' Content Layout ''',''' Curating ''',''' Branding ''' <br>
Difficulty:'''Beginner'''<br><br>


[http://thimbletest.org/en-US/projects/nesta/s2r/edit Take the Mission]
[http://thimbletest.org/en-US/projects/nesta/s2r/edit Take the Mission]
Line 64: Line 70:
[[Image:zombies.png|270px|left]]
[[Image:zombies.png|270px|left]]
<h3>by The Guardian and Goldsmiths</h3>
<h3>by The Guardian and Goldsmiths</h3>
Description: A game in which you have to clear the zombies away from your garden lawn  <br>  
Clear the zombies away from your garden lawn. Build your own zombies! <br>  
'''Tools used:'''Thimble '''Skills:''' CSS ''' Difficulty:'''Intermediate
'''Tools used:'''Thimble<br>
'''Skills:''' CSS ''' <br>
Difficulty:'''Intermediate<br><br>


[http://thimbletest.org/en-US/projects/nesta/zombies/edit Take the Mission]
[http://thimbletest.org/en-US/projects/nesta/zombies/edit Take the Mission]
Line 82: Line 90:
<h3>by Ben O'Steen</h3>
<h3>by Ben O'Steen</h3>
Description: Save the bunny from danger by putting it in a safer environment - or worse!  <br>  
Description: Save the bunny from danger by putting it in a safer environment - or worse!  <br>  
'''Tools used:'''Thimble '''Skills:''' HTML Basics ''',''' Imaging ''',''' Positioning ''',''' Coding ''' Difficulty:'''Intermediate'''
'''Tools used:'''Thimble <br>
'''Skills:''' HTML Basics ''',''' Imaging ''',''' Positioning ''',''' Coding ''' <br>
Difficulty:'''Intermediate'''<br><br>


[http://thimbletest.org/en-US/projects/nesta/bunnies/edit Take the Mission]
[http://thimbletest.org/en-US/projects/nesta/bunnies/edit Take the Mission]
Line 97: Line 107:
[[Image:cube.jpg|270px|left]]
[[Image:cube.jpg|270px|left]]
<h3>by Laurian Gridinoc</h3>
<h3>by Laurian Gridinoc</h3>
Description: Create a 3d Cube <br>  
3D is all the rage these days - learn how its done in CSS3! Build your own 3D cube from scratch.  <br>  
'''Tools used:'''Thimble '''Skills:''' HTML ''',''' CSS ''',''' Trigonometry ''',''' Coding ''' Difficulty:'''Advanced'''
'''Tools used:'''Thimble<br>
'''Skills:''' HTML ''',''' CSS ''',''' Trigonometry ''',''' Coding ''' <br>
Difficulty:'''Advanced'''<br><br>


[http://thimbletest.org/en-US/projects/nesta/cube/edit Take the Mission]
[http://thimbletest.org/en-US/projects/nesta/cube/edit Take the Mission]
Line 113: Line 125:
[[Image:readability.jpg|270px|left]]
[[Image:readability.jpg|270px|left]]
<h3>by Doug Belshaw</h3>
<h3>by Doug Belshaw</h3>
Description: Make the text on your webpage legible <br>  
Maybe its bad website design or maybe you are just getting old, but some webpages are impossible to read. Edit the HTML and CSS in this webpage to make it legible. <br>  
'''Tools used:'''Thimble '''Skills:''' HTML ''',''' CSS ''','''Typography ''',''' Coding ''' Difficulty:'''Beginnner'''
'''Tools used:'''Thimble<br>
'''Skills:''' HTML ''',''' CSS ''','''Typography ''',''' Coding ''' <br>
Difficulty:'''Beginnner'''<br><br>


[http://thimbletest.org/en-US/projects/nesta/readability/edit Take the Mission]
[http://thimbletest.org/en-US/projects/nesta/readability/edit Take the Mission]
Eknight
286

edits

Retrieved from "https://wiki.mozilla.org/Special:MobileDiff/435672"

Navigation menu