KrishnaVandanu

Installing X-Ray Goggles

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><br /><br /><section><br />    <header><h2><br />Installing X-Ray Goggles</h2><br /></header><br />    <div class="content"><br /><noscript><br />            <div class="alert"><br />                <p><br />In order to use the goggles, you need to have JavaScript enabled.</p><br /><p><br />Please enable it or use a browser that supports it.</p><br /></div><br /></noscript><br /><br />        <br /><br /><div class="alert msie-only" style="display: none;"><br />Sorry, but the <a class="zem_slink" href="http://en.wikipedia.org/wiki/Goggles" rel="wikipedia" title="Goggles">goggles</a> don't yet work on <a class="zem_slink" href="http://www.microsoft.com/windows/internet-explorer/" rel="homepage" title="Internet Explorer">Microsoft Internet Explorer</a>.<br /><br />Until they do, please use the latest version of <a href="http://mozilla.org/firefox">Firefox</a>, <a class="zem_slink" href="http://www.opera.com/" rel="homepage" title="Opera">Opera</a>, <a class="zem_slink" href="http://www.google.com/chrome" rel="homepage" title="Google Chrome">Chrome</a>, or <a class="zem_slink" href="http://https//www.apple.com/safari" rel="homepage" title="Safari (web browser)">Safari</a>.</div><br />The X-Ray Goggles are a <i>bookmarklet</i>—a special kind of tool that can augment any <a class="zem_slink" href="http://en.wikipedia.org/wiki/Web_page" rel="wikipedia" title="Web page">web page</a>.<br /><br />Here's how to install the goggles bookmarklet so you can inspect and remix anything you see on the web.<br /><br /><ol class="steps"><br /><li><br />                Enable your browser's <a class="zem_slink" href="http://en.wikipedia.org/wiki/Bookmark_%28World_Wide_Web%29" rel="wikipedia" title="Bookmark (World Wide Web)">bookmarks</a> <a class="zem_slink" href="http://en.wikipedia.org/wiki/Toolbar" rel="wikipedia" title="Toolbar">toolbar</a> by watching this video:<br /><br /><br />                <video controls="" src="http://videos-cdn.mozilla.net/serv/labs/hackasaurus/Toolbar-Win7-FF7.webm" style="width: 100%;" tabindex="0"></video><br />            </li><br /><li><br />                Drag the <a class="button no-arrow" href="javascript:(function(){var%20script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();">X-Ray Goggles</a> up to your bookmarks toolbar.<br /><br /><br />            </li><br /><li><br />                Whenever you want to remix any web page you're visiting, just click on the X-Ray Goggles button in your bookmarks toolbar.<br /><br /><br />            </li><br /></ol><br />That's all there is to it. Happy webmaking!</div><br /></section><br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

Installing X-Ray Goggles

Installing X-Ray Goggles In order to use the goggles, you need to have JavaScript enabled. Please enable...

X-Ray Goggles

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div class="wrapper"><br /><div id="content-header"><br /><b>X-Ray Goggles</b><br /><br /><aside>Remix, make and share webpages instantly.</aside><br /></div><br /><noscript><br />  <div class="alert"><br />    <p><br />In order to use the goggles, you need to have JavaScript enabled.</p><br /><p><br />Please enable it or use a browser that supports it.</p><br /></div><br /></noscript><br /><br /><br /><div class="alert msie-only"><br />Sorry, but the goggles don't yet work on Microsoft Internet Explorer.<br /><br />Until they do, please use the latest version of <a href="http://mozilla.org/firefox">Firefox</a>, Opera, Chrome, or Safari.</div><br /><div class="remix-chamber"><br /><img src="http://hackasaurus.org/images/goggles/supergirl.png" /></div><br /><h1><br />Make your first hack in three easy steps!</h1><br /><ol><br /><li>Copy this URL to your clipboard: <br />    <input autocomplete="off" id="image-url" type="text" value="https://x-ray-goggles.mouse.org/" /><br /><br /><br />  </li><br /><li>Activate the <a href="javascript:(function () {var script=document.createElement('script');script.src='https://x-ray-goggles.mouse.org/webxray.js';script.className='webxray';script.setAttribute('data-lang','en-US');script.setAttribute('data-baseuri','https://x-ray-goggles.mouse.org');document.body.appendChild(script);}())" id="bookmarklet">X-Ray Goggles</a>.</li><br /><li>Move your mouse over the image on the right to see what it's made of, and tap <kbd>R</kbd> to make it point to the URL from your clipboard!</li><br /></ol><br /><div class="secondary"><br /><div class="blurb"><br /><h1><br />… And then, the world!</h1><br /><a href="http://hackasaurus.org/en-US/goggles/install/">Install</a> the goggles into your bookmarks bar and use them to remix <i>any</i> web page!</div><br /><div class="blurb"><br /><h1><br />Share with friends!</h1><br />Tap <kbd>P</kbd> to publish your hacks and share your creations with your friends.</div><br /><div class="blurb"><br /><h1><br />Become a ninja!</h1><br />Tap <kbd>H</kbd> to learn about more awesome powers like undo/redo and computed style editing.</div><br /></div><br /><br /><br /><br /><br /><div class="achievements"><br /><div class="achievement" id="url-hacker"><br /><h3><br />Achievement Unlocked</h3><br />Image Source Hacker</div><br /></div><br /><br /><br /><br /><br /><div class="hints"><br /><div class="remix-dialog-hints"><br /><div class="attr hint"><br />Click on an attribute’s value to edit it.</div><br /></div><br /><div class="remix hint"><br />Tap <kbd>R</kbd> to change the source code of an element.</div><br /></div><br /></div><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: medium; float: right;" /></div><br /></div><br />

X-Ray Goggles

X-Ray Goggles Remix, make and share webpages instantly. In order to use the goggles, you need to have JavaScript enabled. Please enabl...

Picozu Editor - sharing creativity

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div dir="ltr" style="text-align: left;" trbidi="on"><br /><iframe height="600" src="http://www.picozu.com/editor" width="100%"></iframe></div><br /><br /><br /><br /><br />Picozu is an image drawing and photo retouching application built on <a class="zem_slink" href="http://en.wikipedia.org/wiki/JavaScript" rel="wikipedia nofollow" target="_blank" title="JavaScript">Javascript</a>, <a class="zem_slink" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-xhtml-syntax.html" rel="homepage nofollow" target="_blank" title="HTML5">HTML 5</a> and <a class="zem_slink" href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" rel="wikipedia nofollow" target="_blank" title="Cascading Style Sheets">CSS3</a>. Make sure you use a modern browser (<a class="zem_slink" href="http://en.wikipedia.org/wiki/History_of_Firefox" rel="wikipedia nofollow" target="_blank" title="History of Firefox">Firefox 5</a>, <a class="zem_slink" href="http://web-browsers.findthebest.com/l/1/Safari" rel="fdbsoftware nofollow" target="_blank" title="Safari">Safari 5</a>, <a class="zem_slink" href="http://www.google.com/chrome" rel="homepage nofollow" target="_blank" title="Google Chrome">Chrome</a>, <a class="zem_slink" href="http://www.opera.com/" rel="homepage nofollow" target="_blank" title="Opera Software">Opera 10</a>, <a class="zem_slink" href="http://windows.microsoft.com/ie" rel="homepage nofollow" target="_blank" title="Internet Explorer 9">Internet Explorer 9</a>) if you want to play with it.<br /><br /><br /><br />The aim of Picozu is to support brushes, filters, dynamic windows, HSL, <a class="zem_slink" href="http://en.wikipedia.org/wiki/CMYK_color_model" rel="wikipedia nofollow" target="_blank" title="CMYK color model">CYMK</a>, layers, actions history, <a class="zem_slink" href="http://en.wikipedia.org/wiki/Batch_processing" rel="wikipedia nofollow" target="_blank" title="Batch processing">batch processing</a>, primitives, curves (quadratic and bezier), complex polygons, texture rendering, cropping and many more.<br /><br /><br /><br /><div class="zemanta-pixie"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=5dd1343c-a7b0-40de-a00f-111db10a7abc" /></div><br /></div><br />

Picozu Editor - sharing creativity

Picozu is an image drawing and photo retouching application built on Javascript , HTML 5 and CSS3 . Make sure you use a modern browser ( Fi...

Picozu Editor - sharing creativity

<div dir="ltr" style="text-align: left;" trbidi="on"><iframe height="600" src="http://www.picozu.com/editor" width="100%"></iframe></div><br />Picozu is an image drawing and photo retouching application built on <a class="zem_slink" href="http://en.wikipedia.org/wiki/JavaScript" rel="wikipedia nofollow" target="_blank" title="JavaScript">Javascript</a>, <a class="zem_slink" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-xhtml-syntax.html" rel="homepage nofollow" target="_blank" title="HTML5">HTML 5</a> and <a class="zem_slink" href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" rel="wikipedia nofollow" target="_blank" title="Cascading Style Sheets">CSS3</a>. Make sure you use a modern browser (<a class="zem_slink" href="http://en.wikipedia.org/wiki/History_of_Firefox" rel="wikipedia nofollow" target="_blank" title="History of Firefox">Firefox 5</a>, <a class="zem_slink" href="http://web-browsers.findthebest.com/l/1/Safari" rel="fdbsoftware nofollow" target="_blank" title="Safari">Safari 5</a>, <a class="zem_slink" href="http://www.google.com/chrome" rel="homepage nofollow" target="_blank" title="Google Chrome">Chrome</a>, <a class="zem_slink" href="http://www.opera.com/" rel="homepage nofollow" target="_blank" title="Opera Software">Opera 10</a>, <a class="zem_slink" href="http://windows.microsoft.com/ie" rel="homepage nofollow" target="_blank" title="Internet Explorer 9">Internet Explorer 9</a>) if you want to play with it.<br /><br />The aim of Picozu is to support brushes, filters, dynamic windows, HSL, <a class="zem_slink" href="http://en.wikipedia.org/wiki/CMYK_color_model" rel="wikipedia nofollow" target="_blank" title="CMYK color model">CYMK</a>, layers, actions history, <a class="zem_slink" href="http://en.wikipedia.org/wiki/Batch_processing" rel="wikipedia nofollow" target="_blank" title="Batch processing">batch processing</a>, primitives, curves (quadratic and bezier), complex polygons, texture rendering, cropping and many more.<br /><div class="zemanta-pixie"><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=5dd1343c-a7b0-40de-a00f-111db10a7abc" /></div>

Picozu Editor - sharing creativity

Picozu is an image drawing and photo retouching application built on Javascript , HTML 5 and CSS3 . Make sure you use a modern browser ( Fi...