Confirmed users
9,624
edits
Drumbeat/Hackasaurus: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
|pagetitle=Hackasaurus Project Page | |pagetitle=Hackasaurus Project Page | ||
|owner=Atul Varma, Jessica Klein | |owner=Atul Varma, Jessica Klein | ||
|updated= | |updated=April 19, 2011 | ||
|status=Draft | |status=Draft | ||
|description=Hackasaurus helps kids hack. | |description=Hackasaurus helps kids hack. | ||
| Line 12: | Line 12: | ||
*'''web site''': [http://www.hackasaurus.org/ hackasaurus.org] | *'''web site''': [http://www.hackasaurus.org/ hackasaurus.org] | ||
*'''X-ray Goggles''': See what the web is made of. Mess around & remix. [https://secure.toolness.com/webxray/ https://secure.toolness.com/webxray/] | *'''X-ray Goggles''': See what the web is made of. Mess around & remix. [https://secure.toolness.com/webxray/ https://secure.toolness.com/webxray/] | ||
*'''HTML Pad''': Create your own web page in seconds: [http://htmlpad.org/ htmlpad.org] <br> | *'''HTML Pad''': Create your own web page in seconds: [http://htmlpad.org/ htmlpad.org] <br> | ||
| Line 36: | Line 36: | ||
#'''Attend an '''[[#Hackasaurus_Hack_Jams|upcoming hack jam]]'''. '''Or organize a hack jam in your community'''. We're looking to spread to new cities beyond New York and Chicago. Get in touch through our [http://groups.google.com/group/hackasaurus?pli=1 mailing list]. <br> ''' | #'''Attend an '''[[#Hackasaurus_Hack_Jams|upcoming hack jam]]'''. '''Or organize a hack jam in your community'''. We're looking to spread to new cities beyond New York and Chicago. Get in touch through our [http://groups.google.com/group/hackasaurus?pli=1 mailing list]. <br> ''' | ||
#'''Start hacking with Hackasaurus tools''' like [https://secure.toolness.com/webxray/ X-Ray Goggles]or [http://htmlpad.org/ HTML Pad]. | #'''Start hacking with Hackasaurus tools''' like [https://secure.toolness.com/webxray/ X-Ray Goggles]or [http://htmlpad.org/ HTML Pad]. | ||
#'''Share your own ideas, tools and resources'''. Through our [http://groups.google.com/group/hackasaurus mailing list] or on [http://twitter.com/hackasaurus twitter]. | #'''Share your own ideas, tools and resources'''. Through our [http://groups.google.com/group/hackasaurus mailing list] or on [http://twitter.com/hackasaurus twitter]. | ||
#'''Become a Hackasaurs partner'''. We're looking for learning centers, libraries, media centers and other partners to help design, develop and host Hackasaurus. Get in touch through our [http://groups.google.com/group/hackasaurus?pli=1 mailing list]. | #'''Become a Hackasaurs partner'''. We're looking for learning centers, libraries, media centers and other partners to help design, develop and host Hackasaurus. Get in touch through our [http://groups.google.com/group/hackasaurus?pli=1 mailing list]. | ||
| Line 66: | Line 66: | ||
'''Upcoming Hack Jams:''' | '''Upcoming Hack Jams:''' | ||
*[http://etherpad.mozilla.com:9000/Hackasaurus-Q2L 4/13 Quest to Learn] public school, NYC (Manhattan) | |||
*[http://etherpad.mozilla.com:9000/Hackasaurus-citizen-science 4/22 Hacking Citizen Science] at New York Hall of Science (Queens) | *[http://etherpad.mozilla.com:9000/Hackasaurus-Q2L 4/13 Quest to Learn] public school, NYC (Manhattan) | ||
*[http://etherpad.mozilla.com:9000/Hackasaurus-NYSCI June-July Hacking Citizen Science at NYSCI] | *[http://etherpad.mozilla.com:9000/Hackasaurus-citizen-science 4/22 Hacking Citizen Science] at New York Hall of Science (Queens) | ||
*[http://etherpad.mozilla.com:9000/Hackasaurus-NYSCI June-July Hacking Citizen Science at NYSCI] | |||
*[http://etherpad.mozilla.com:9000/Hackasaurus-Emoticon 6/4 Emoticon, NYC] | *[http://etherpad.mozilla.com:9000/Hackasaurus-Emoticon 6/4 Emoticon, NYC] | ||
<br> '''Previous Hack Jams:''' | |||
'''Previous Hack Jams:''' | |||
*2/9 @ 4pm, New York Public Library, Grand Concourse (Bronx) | *2/9 @ 4pm, New York Public Library, Grand Concourse (Bronx) | ||
*2/10 @ 4pm, New York Public Library, 67th St (Manhattan) - [http://spotlight.macfound.org/featured-stories/entry/at-hackasaurus-jam-mozilla-encourages-young-programmers-to-change-the-web/ DML Spotlight coverage], [http://htmlpad.org/themission/ "top secret" mission handout] | *2/10 @ 4pm, New York Public Library, 67th St (Manhattan) - [http://spotlight.macfound.org/featured-stories/entry/at-hackasaurus-jam-mozilla-encourages-young-programmers-to-change-the-web/ DML Spotlight coverage], [http://htmlpad.org/themission/ "top secret" mission handout] | ||
*2/11 @ 3:30PM, NY Public Library, Battery Park City (Manhattan) | *2/11 @ 3:30PM, NY Public Library, Battery Park City (Manhattan) | ||
*2/17 @ 4pm, YouMedia, Chicago - [http://groups.google.com/group/hackasaurus/browse_thread/thread/11834680e7d05b9b Atul's notes] | *2/17 @ 4pm, YouMedia, Chicago - [http://groups.google.com/group/hackasaurus/browse_thread/thread/11834680e7d05b9b Atul's notes] | ||
*2/22 @ 4:30pm, Bay Area Video Coalition, SF - [http://crashopensource.blogspot.com/2011/02/bay-area-video-coalition-teaching-open.html Lukas' blog post], [http://www.benmoskowitz.com/?p=161 Ben's blog post], [http://brettgaylor.tumblr.com/post/3526122151/web-made-movies-at-bavc Brett's blog post], [[Media:Wmmhandout.pdf|Handout (PDF)]] | *2/22 @ 4:30pm, Bay Area Video Coalition, SF - [http://crashopensource.blogspot.com/2011/02/bay-area-video-coalition-teaching-open.html Lukas' blog post], [http://www.benmoskowitz.com/?p=161 Ben's blog post], [http://brettgaylor.tumblr.com/post/3526122151/web-made-movies-at-bavc Brett's blog post], [[Media:Wmmhandout.pdf|Handout (PDF)]] | ||
*3/23 @ 4pm, New York Public Libary, Grand Concourse (Bronx) | *3/23 @ 4pm, New York Public Libary, Grand Concourse (Bronx) | ||
*3/24 @ 4pm, New York Public Library, 67th St (Manhattan) | *3/24 @ 4pm, New York Public Library, 67th St (Manhattan) | ||
*3/25 @ 3:30pm, New York Public Library, Battery Park City (Manhattan) | *3/25 @ 3:30pm, New York Public Library, Battery Park City (Manhattan) | ||
<br> | |||
<br> | |||
== Hackasaurus Curriculum == | == Hackasaurus Curriculum == | ||
*[http://jessicaklein.blogspot.com/2011/04/youth-design-jams-101-building-your.html How to create your own Hack Jam (in 10 easy steps)] | *[http://jessicaklein.blogspot.com/2011/04/youth-design-jams-101-building-your.html How to create your own Hack Jam (in 10 easy steps)] | ||
*Hacktivist curriculum (link coming soon) | *Hacktivist curriculum (link coming soon) | ||
*More to come | *More to come | ||
== Hackasaurus Tools == | == Hackasaurus Tools == | ||
These tools are still evolving and have rough edges, but their basic functionality is available now. They're also actively being used at jams. | These tools are still evolving and have rough edges, but their basic functionality is available now. They're also actively being used at jams. | ||
=== Hack Goggles === | === Hack Goggles === | ||
| Line 98: | Line 99: | ||
"Hack Goggles" allow anyone to easily “see through the surface” of any Web page, and obtain an intuitive understanding of how pages are composed. They can be used anywhere on the Web one hangs out, and casual use of the tool enables one to gain a rudimentary grasp of HTML, CSS, and the Document Object Model. | "Hack Goggles" allow anyone to easily “see through the surface” of any Web page, and obtain an intuitive understanding of how pages are composed. They can be used anywhere on the Web one hangs out, and casual use of the tool enables one to gain a rudimentary grasp of HTML, CSS, and the Document Object Model. | ||
You can try the prototype now at [https://secure.toolness.com/webxray/ secure.toolness.com/webxray/]. | You can try the prototype now at [https://secure.toolness.com/webxray/ secure.toolness.com/webxray/]. | ||
=== HTMLPad (aka "Magic Ink) === | === HTMLPad (aka "Magic Ink) === | ||
[http://htmlpad.org/ htmlpad.org] is a simple website that allows anyone to easily create a Web page, collaborate on it in real-time with friends, and share it with the rest of the world. | [http://htmlpad.org/ htmlpad.org] is a simple website that allows anyone to easily create a Web page, collaborate on it in real-time with friends, and share it with the rest of the world. | ||
More background for HTMLPad can be found in Atul's blog post entitled [http://www.toolness.com/wp/?p=1107 Prelude To Barcelona]. | More background for HTMLPad can be found in Atul's blog post entitled [http://www.toolness.com/wp/?p=1107 Prelude To Barcelona]. | ||
== Similar Tools == | == Similar Tools == | ||
| Line 116: | Line 117: | ||
*[http://getfirebug.com/ Firebug] (Firefox add-on) | *[http://getfirebug.com/ Firebug] (Firefox add-on) | ||
*[http://erkie.github.com/ Erkie's Ad Destroyer] (bookmarklet) | *[http://erkie.github.com/ Erkie's Ad Destroyer] (bookmarklet) | ||
*[http://kathack.com/ Katamari] (bookmarklet) | *[http://kathack.com/ Katamari] (bookmarklet) | ||
*[http://chengyinliu.com/whatfont.html Whatfont] (bookmarklet) | *[http://chengyinliu.com/whatfont.html Whatfont] (bookmarklet) | ||
*[http://www.westciv.com/xray/ Westciv's XRAY] (bookmarklet) | *[http://www.westciv.com/xray/ Westciv's XRAY] (bookmarklet) | ||
*[http://mir.aculo.us/dom-monster/ DOM Monster] (bookmarklet) | *[http://mir.aculo.us/dom-monster/ DOM Monster] (bookmarklet) | ||
| Line 139: | Line 140: | ||
*[http://twitter.com/#!/jacksondevious Jack Martin], New York Public Library | *[http://twitter.com/#!/jacksondevious Jack Martin], New York Public Library | ||
*[http://twitter.com/#!/benrito Ben Moskowitz], Mozilla | *[http://twitter.com/#!/benrito Ben Moskowitz], Mozilla | ||
*[http://twitter.com/#!/OpenMatt Matt Thompson], Mozilla | *[http://twitter.com/#!/OpenMatt Matt Thompson], Mozilla | ||
*[http://twitter.com/#!/Empathetics Rafi Santo], Indiana University | *[http://twitter.com/#!/Empathetics Rafi Santo], Indiana University | ||
*[http://twitter.com/#!/doseofsnark Chris Shoemaker], New York Public Library | *[http://twitter.com/#!/doseofsnark Chris Shoemaker], New York Public Library | ||