The Coding Space
  • Classes
    • Spring Coding Classes for Kids
    • Fall Coding Classes for Kids
    • Martin Luther King Day Mini-Camp
    • Presidents Day Mini Camp
    • GirlCode
    • Private Classes
    • For Schools
    • Girl Scouts
  • Birthday Parties
  • In-Person Lessons
  • About
    • Team
    • Mission
    • Teaching Philosophy
    • Scholarships
    • The Coding Space Blog
    • Referral Program
    • Common Questions
  • Contact

X-Ray Goggles

In this project, we're going to remix a website using Mozilla X-Ray Goggles!
​​
​For an example, click here. 

Setting Up:
  1. Click here to go to the New York Times website (or if you'd rather remix a different website, open a new tab and go to the site)
  2. Press "ctrl" + "shift" + "i" at the same time in order to open the sidebar
  3. At the top of the sidebar, it should say "Elements" and next to that "Console."  Click on the console.
  4. Copy and paste this code into the console:  javascript:(function () {var script=document.createElement('script');script.src='https://goggles.mozilla.org'+'/webxray.js';script.className='webxray';script.setAttribute('data-lang','en-US');script.setAttribute('data-baseuri','https://goggles.mozilla.org');document.body.appendChild(script);}())
  5. Close the sidebar by pressing the x in the top right corner.

​Remixing Guide:
  1. Rewrite a page header
  2. Rewrite some text 
  3. Change an image to correspond with the text and header
  4. Make some text larger (Tip: To change a CSS attribute inside a HTML tag, you’ll need to format it <example style=”attribute:value”><example>)
  5. Change the color of some text
  6. Find a link on the page and change it so that it links to a different webpage
  7. Make the background of part of the page a different color
  8. Continue working on your remix until you're happy with it. 
  9. Once you're done, click Publish.  Sign in with the username "CodingSpace" and password "Thecodingspace123"
  10. Submit your project below!  Make sure you include the link to your published remix.
Careers
​
Common Questions
​Contact
The Coding Space is powered
​by Private Prep
  • Classes
    • Spring Coding Classes for Kids
    • Fall Coding Classes for Kids
    • Martin Luther King Day Mini-Camp
    • Presidents Day Mini Camp
    • GirlCode
    • Private Classes
    • For Schools
    • Girl Scouts
  • Birthday Parties
  • In-Person Lessons
  • About
    • Team
    • Mission
    • Teaching Philosophy
    • Scholarships
    • The Coding Space Blog
    • Referral Program
    • Common Questions
  • Contact