On December 16, 2019 12:00pm ET, Mozilla will be winding down X-Ray Goggles and all associated data and content will be permanently deleted. You can read more about our decision in this blog post.
If you are looking to learn about the web with tools like X-Ray Goggles, join our friends at the Mouse Learning Network for free and check out their awesome Coding course.
X-Ray Goggles was designed as a desktop experience, and
relies on the bookmark bar. Please install and try them
in your desktop browser.
Step 1: activate the X-Ray Goggles
Click on X-Ray Goggles in your bookmark toolbar to activate
Learn how to enable your bookmark toolbar.
If you haven't installed X-Ray Goggles, click here to go to the install page.
This tutorial walks you through a mix-and-match game to learn about the key features of X-Ray Goggles. With
X-Ray Goggles activated, you can change the text and switch out the different dino, fox, and bird sections to
create a new web page featuring your own animal friend.
Hover over the image to highlight it, then click to open the code in the Goggles editor.
Play around by swapping the words dino, fox, and bird in each section.
Click the Update button to save your changes.
(You can also use a completely different image! When using Goggles, you can add any image from anywhere on the Web, but be sure to respect copyright law: just because you can find an image does not mean you're automatically free to use it for your own purposes!)
Hover over the section of text to highlight it, and then click to open the editor.
Delete the text between <h1> and </h1> and
give your animal a name. Then, update the text between the <p>
and </p> with some details about your animal. Where does it live?
What does it eat? What kind of music does it like?
You're done! When you're ready to publish and share your animal, click on Publish.