Events/London Learning Jam/Projects: Difference between revisions
No edit summary |
|||
| (5 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
<br> | <br> | ||
<h3> What are these "Thimble Projects", anyway? </h3> | <h3> What are these "Thimble Projects", anyway? </h3> | ||
<b>Learning by making</b>. Thimble | <b>Learning by making</b>. Thimble projects are designed to help you make something amazing on the web fast and learn webmaking skills in the process. <br><br> | ||
<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>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. <br><br> | ||
<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. | <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. <br> | ||
= The (beta) Projects = | = The (beta) Projects = | ||
| Line 17: | Line 17: | ||
<h3>by The London Zoo</h3> | <h3>by The London Zoo</h3> | ||
Learn about different species and then mix and match animal body parts to create your own - 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 <br> | '''Tools used:''' Thimble <br> | ||
'''Skills: ''' HTML Basics, CSS, Conservation<br> | '''Skills:''' HTML Basics, CSS, Conservation<br> | ||
Difficulty: ''Beginner<br><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 25: | Line 25: | ||
<br> | <br> | ||
<br> | <br> | ||
===Wickedpedia=== | ===Wickedpedia=== | ||
| Line 35: | Line 31: | ||
<h3>by Steve Bunce and Oliver Quinlan (Plymouth University)</h3> | <h3>by Steve Bunce and Oliver Quinlan (Plymouth University)</h3> | ||
Build your own celebrity bio pages, including all the scandals and gossip that no one knows about! <br> | Build your own celebrity bio pages, including all the scandals and gossip that no one knows about! <br> | ||
'''Tools used: '''Thimble<br> | '''Tools used:''' Thimble<br> | ||
'''Skills: ''' | '''Skills:''' HTML, Linking, Content Support <br> | ||
Difficulty: '''Intermediate<br><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] | ||
<br> | <br> | ||
<br> | <br> | ||
| Line 52: | Line 43: | ||
[[Image:s2r.png|300px|left]] | [[Image:s2r.png|300px|left]] | ||
<h3>by Radio Waves</h3> | <h3>by Radio Waves</h3> | ||
Build your own news media page, including your own video | Build your own news media page, including your own reporting video, about at topic you care about, such as the Olympics. <br> | ||
'''Tools used: '''Thimble<br> | '''Tools used:''' Thimble<br> | ||
'''Skills: ''' Blogging | '''Skills:''' Blogging, Reporting, Content Layout, Curating, Branding, HTML, CSS <br> | ||
Difficulty: '''Beginner | '''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] | ||
<br> | <br> | ||
<br> | <br> | ||
| Line 71: | Line 57: | ||
<h3>by The Guardian and Goldsmiths</h3> | <h3>by The Guardian and Goldsmiths</h3> | ||
Clear the zombies away from your garden lawn. Build your own zombies! <br> | Clear the zombies away from your garden lawn. Build your own zombies! <br> | ||
'''Tools used: '''Thimble<br> | '''Tools used:''' Thimble<br> | ||
'''Skills: | '''Skills: CSS <br> | ||
Difficulty: '''Intermediate<br><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 80: | Line 66: | ||
<br> | <br> | ||
<br> | <br> | ||
===Bunnies=== | ===Bunnies=== | ||
| Line 90: | Line 72: | ||
<h3>by Ben O'Steen</h3> | <h3>by Ben O'Steen</h3> | ||
Save the bunny from danger or else he will be squashed! <br> | Save the bunny from danger or else he will be squashed! <br> | ||
'''Tools used: '''Thimble <br> | '''Tools used:''' Thimble <br> | ||
'''Skills: ''' HTML Basics | '''Skills:''' HTML Basics, Imaging, Positioning <br> | ||
Difficulty: '''Intermediate | '''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] | ||
<br> | <br> | ||
<br> | <br> | ||
| Line 108: | Line 85: | ||
<h3>by Laurian Gridinoc</h3> | <h3>by Laurian Gridinoc</h3> | ||
3D is all the rage these days - learn how its done in CSS3! Build your own 3D cube from scratch. <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<br> | '''Tools used:''' Thimble<br> | ||
'''Skills: ''' HTML | '''Skills:''' HTML, CSS, Trigonometry <br> | ||
Difficulty: '''Advanced | '''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] | ||
<br> | <br> | ||
<br> | <br> | ||
| Line 127: | Line 99: | ||
Maybe it's 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> | Maybe it's 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<br> | '''Tools used: '''Thimble<br> | ||
'''Skills: ''' HTML | '''Skills:''' HTML, CSS, Typography <br> | ||
Difficulty: '''Beginnner | '''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] | ||
<br> | <br> | ||
<br> | <br> | ||
<br> | <br> | ||
Latest revision as of 18:11, 30 May 2012
Help test these new Thimble Projects
Help kick the tires on the beta projects below. Are they easy to use? Helpful for learning? Fun?
What are these "Thimble Projects", anyway?
Learning by making. Thimble projects are designed to help you make something amazing on the web fast and learn webmaking skills in the process.
Side-by-Side editing. Thimble is a two pane editor that allows you to edit the code on the left and see your changes on the right.
We're preparing a set of these projects for the Mozilla Summer Code Party. The goal: teach the world the basics of coding and webmaking through making projects that are easy, social and fun.
The (beta) Projects
Awesome Animal Builder
by The London Zoo
Learn about different species and then mix and match animal body parts to create your own - think: Elephwhal or a Bunnel!
Tools used: Thimble
Skills: HTML Basics, CSS, Conservation
Difficulty: Beginner
Wickedpedia
by Steve Bunce and Oliver Quinlan (Plymouth University)
Build your own celebrity bio pages, including all the scandals and gossip that no one knows about!
Tools used: Thimble
Skills: HTML, Linking, Content Support
Difficulty: Intermediate
Supporter 2 Reporter
by Radio Waves
Build your own news media page, including your own reporting video, about at topic you care about, such as the Olympics.
Tools used: Thimble
Skills: Blogging, Reporting, Content Layout, Curating, Branding, HTML, CSS
Difficulty: Beginner
Get off my Lawn
by The Guardian and Goldsmiths
Clear the zombies away from your garden lawn. Build your own zombies!
Tools used: Thimble
Skills: CSS
Difficulty: Intermediate
Bunnies
by Ben O'Steen
Save the bunny from danger or else he will be squashed!
Tools used: Thimble
Skills: HTML Basics, Imaging, Positioning
Difficulty: Intermediate
Cube
by Laurian Gridinoc
3D is all the rage these days - learn how its done in CSS3! Build your own 3D cube from scratch.
Tools used: Thimble
Skills: HTML, CSS, Trigonometry
Difficulty: Advanced
Readability
by Doug Belshaw
Maybe it's 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.
Tools used: Thimble
Skills: HTML, CSS, Typography
Difficulty: Beginnner