Now a days Mozilla Firefox is becoming more and more productive.The reason is now they are non-profit organization with lots of open API’s. yes I can say this is the rapid power of Open-Source :). Consistently Mozilla releasing their product updates with lots of improvement and functionality w.r.t developers .That’s why I am proud to be a Mozilla Firefox Campus Representative.In previous release Mozilla included 3D web experience which is really appreciable from their end.
Firefox
Now they come with a tool that can easily customize/modify any web-pages within click. No need to go with source code and all 🙂 Hackasaurus X-Ray Goggles is the name of that tool which help you to remix your page and share it instantly.This tool is nothing but a Script which is pointing to a source code data of any page with enhance UI,so that you can remix any page quickly & share it across the web.Mozilla is considering it as teen hack tool but after using it I realize it is most useful for static web-developers 🙂
Why we need such type of tool:
1. For rapid development of project.
2. Easy customization.
3. For debugging & testing any layout.
Tools used in Hackasaurus
1. X-Ray Goggles
2. HTML Pad
Their are more similar tools like this e.g JSFiddle etc present,but as its a part of Mozilla you don’t need to avail any third party service.Currently its in Testing mode,bu you can still get an experience of same.
How to use Hackasaurus:
Step1. Navigate to Hackasaurus install url
Step2. Now hover your cursor to ‘X-ray Goggles’ button & drag & drop it into your bookmark toolbar.
Step3. If you don’t see bookmark toolbar then check it from View->Toolbar->check ‘Bookmark toolbar‘
Step4. Now open a page that you want to edit,I choose Google & click on book mark of Hackasaurus
Step5. Your browser shows many options according to your cursor movemnets,its nothing but field that you are going to edit very easily 🙂 So I choose to edit google home page logo.
Step6. I clicked on that google logo then a pop-up screen editor appear and in that I put new image URL of logo i.e Facebook image 🙂 & apply changes.
Step7. You can’t believe how it look like,check below image & have a fun 🙂 (Note: We are not violating any policy of Google,its just for demonstration )
Step8. Now you can publish it or get edited source code,to do this simply press “P” when u done with all modifications. see this url for fun ” poof.hksr.us/oarggccy”
Hackasaurus is good for all ways ,but if you are going to edit large data size field then it failed to do 🙁 hope in stable version they will fix this issue.
Note: This script is work with Chrome also,but its a part of mozilla 🙂
Now you can explore Mozilla in 70 languages, Mozilla Firefox Languages
[note]If you are web-developer then I assure you ,that you will like this tools,if you have any suggestion or some queries related to this then we are happy to hear all of of them [/note]
Hi there I am so happy I found your blog, I really found you by error, while I was browsing on Aol for something
else, Anyways I am here now and would just like
to say kudos for a incredible post and a all round entertaining blog (I also love the
theme/design), I don’t have time to read through it all at the minute but I have saved it and also included
your RSS feeds, so when I have time I will be back to read a lot more, Please do
keep up the superb work.
Hi, this weekend is nice in support of me, for the reason that this
occasion i am reading this wonderful educational piece of writing
here at my house.
Hackasaurus is an open source toolkit that helps students see and begin to play with the building blocks of the web.
Yes ,its a great toolkit ,it not only help students but also for static web-developers to easily modify their code