News

App of the Week: Take an x-ray look into any website’s code

By Stephen Noonoo
April 4th, 2016

mozilla-xray
Ed. note: App of the Week picks are now being curated with help from the editors of Graphite.org, a free service from Common Sense Education. Click here to read the full app review.

Mozilla X-Ray Googles

What’s It Like? Mozilla’s X-Ray Goggles allows students to inspect and tweak the code found in any site on the Web, including any of the individual elements that make up a Web page. Once activated, Goggles highlights these elements as kids roll over them with a mouse. As they click one of the highlighted elements, Goggles offers a pop-up window displaying the code, alongside a preview of that element. Kids can edit the code right in the window and immediately see a preview of what their changes look like.

Price: Free/subscription

Grades: 5-12

Pros: Discovery learning at its best: Revealing chunks of complex code on any website and letting kids edit and remix leads to powerful learning.

Cons: Some kids might need a little extra help understanding HTML structure, tags, and attributes, and the in-tool app doesn’t provide that.

Bottom line: It’s a blast to use and an easy way to get experimentation and prototyping going with plenty of student choice — kids are really in the driver’s seat!

About the Author:

Stephen Noonoo

Stephen Noonoo is the current editor of eSchool News. He is a former consultant for CUE, California’s ISTE affiliate, and managing editor of its quarterly publication, OnCUE. He has worked as a freelance writer, an education editor for SmartBrief newsletters, and as a staff editor for a well-known publication focusing on education technology.