Hackasaurus

http://www.hackasaurus.org/en-US/

by benackles • 14 years ago

79 16 14 years ago

codemac• 14 years ago

Reminds me of hoodwinkd.

hornd• 14 years ago

Like it. Not sure it could replace Firebug, etc for me though. It would be nice to be able to use the up/down arrows to navigate the page while the goggles are active.

koala_advert• 14 years ago

Pretty sure it's meant to help beginners learn web design. This is basically how I learned but with Firebug.

jon6• 14 years ago

Nice. I had this idea years ago but never implemented it.

treelovinhippie• 14 years ago

Any opensource of the DOM selection and editing?

gkoberger• 14 years ago

https://github.com/hackasaurus

(Specifically, I think you want https://github.com/hackasaurus/webxray)

sparknlaunch12• 14 years ago

Another good initiative from Mozilla. They recently announced a startup weekend type community.

I like the name - Hackasaurus.

pajju• 14 years ago

Excellent tool for learning - I've been using from last 2 days for modifying HTML and CSS on the fly and Publish!

Are there any other tools like this?

I'm new to Web front-end. And I want to understand Design-CSS and the best practices for Front end design. Thanks.

vibrunazo• 14 years ago

Chrome: Right-click inspect element

Firefox: http://getfirebug.com/

altrego99• 14 years ago

Right-click inspect works on Firefox too, and it has a 3D view which is really cool. Only it does not allow you to modify elements.

_b8r0• 14 years ago

This is really cool and is a great educational tool. What would be really awesome would be some sample pages with exercises that teach HTML5 basics. With that, this could be a mind-blowing tool.

mov• 14 years ago

hackasaurus now is part of the Mozilla Webmaker umbrella: http://mozilla.org/webmaker

heatherpayne• 14 years ago

I've been using Hackasaurus to teach kids for a while now (as part of a project I'm working on for the Mozilla Foundation, and also through Girls Learning Code, the tech camp I run for 9- to 13-year old girls), and they just love it.

See some of the projects the girls created using Hackasaurus at our Girls Learning Code March Break camp here: http://heatherpayne.ca/the-girls-learning-code-projects

danso• 14 years ago

This is great: wish the transition effects were faster though.

jakejake• 14 years ago

This seems very similar to the element inspector in the Chrome developer tools window. Incredibly helpful when working on html!

chucknelson• 14 years ago

I've never seen this "x-ray goggles" bookmarklet before. A fancy way to inspect and modify, very cool.

Hackasaurus

Related Stories