{"id":78,"date":"2011-03-16T13:39:41","date_gmt":"2011-03-16T06:39:41","guid":{"rendered":"http:\/\/techwalls.com\/?p=78"},"modified":"2013-07-23T04:18:58","modified_gmt":"2013-07-23T08:18:58","slug":"surf-web-pages-on-3d","status":"publish","type":"post","link":"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/","title":{"rendered":"View Web Pages in 3D"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-80\" title=\"3d-iphone\" src=\"https:\/\/www.techwalls.com\/wp-content\/uploads\/2011\/03\/3d-iphone.jpg\" alt=\"3d-iphone\" width=\"337\" height=\"268\" srcset=\"https:\/\/www.techwalls.com\/wp-content\/uploads\/2011\/03\/3d-iphone.jpg 337w, https:\/\/www.techwalls.com\/wp-content\/uploads\/2011\/03\/3d-iphone-300x238.jpg 300w\" sizes=\"auto, (max-width: 337px) 100vw, 337px\" \/><\/p>\n<p>The Designer Mark Beasley has created 333DDD, a javascript bookmarklet that allows us to convert any web page into a red\/cyan anaglyph. To vew the 3D pages, you&#8217;ll need a set of red\/cyan 3D glasses and follow the simple steps here:<!--more--><\/p>\n<ul>\n<li>Bookmark <a href=\"javascript:(function(){%20%20%20%20var%20proxy_data_url%20%3D%20%27http%3A\/\/duskjacket.com\/333DDD\/pRoXy\/%27%3B%20%20%20%20%20otherlib%3Dfalse%3B%20%20%20%20function%20getScript%28url%2Csuccess%29%7B%20%20%20%20%20%20var%20script%3Ddocument.createElement%28%27script%27%29%3B%20%20%20%20%20%20script.src%3Durl%3B%20%20%20%20%20%20var%20head%3Ddocument.getElementsByTagName%28%27head%27%29%5B0%5D%2C%20%20%20%20%20%20%20%20done%3Dfalse%3B%20%20%20%20%20%20%20%20script.onload%3Dscript.onreadystatechange%20%3D%20function%28%29%7B%20%20%20%20%20%20%20if%20%28%20%21done%20%26%26%20%28%21this.readyState%20%20%20%20%20%20%20%20%20%7C%7C%20this.readyState%20%3D%3D%20%27loaded%27%20%20%20%20%20%20%20%20%20%7C%7C%20this.readyState%20%3D%3D%20%27complete%27%29%20%29%20%7B%20%20%20%20%20%20%20%20done%3Dtrue%3B%20%20%20%20%20%20%20%20success%28%29%3B%20%20%20%20%20%20%20%20script.onload%20%3D%20script.onreadystatechange%20%3D%20null%3B%20%20%20%20%20%20%20%20head.removeChild%28script%29%3B%20%20%20%20%20%20%20%7D%20%20%20%20%20%20%7D%3B%20%20%20%20%20%20head.appendChild%28script%29%3B%20%20%20%20%20%7D%20%20%20%20%20getScript%28%27http%3A\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.4\/jquery.min.js%27%2Cfunction%28%29%20%7B%20%20%20%20%20%20%20%20var%20times%20%3D%200%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20showMsg%28%29%3B%20%20%20%20%20%20%20%20var%20inter%20%3D%20setInterval%28function%20%28%29%7B%20%20%20%20%20%20%20%20%20%20%20%20%20showMsg%28%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20times++%3B%20%20%20%20%20%20%20%20%20%20%20%20%20if%28times%20%3D%3D%205%29%20clearInterval%28inter%29%3B%20%20%20%20%20%20%20%20%7D%2C2000%29%3B%20%20%20%20%20%20%20%20%20return%20true%3B%20%20%20%20%20%7D%29%3B%20%20%20%20%20function%20showMsg%28%29%20%7B%20%20%20%20%20%20%20%20%20%20%20if%20%28otherlib%29%20%7B%20%20%20%20%20%20%20%20%20%20%20%20%20%24jq%3DjQuery.noConflict%28%29%3B%20%20%20%20%20%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%20function%20make%28canvas%2Cimg%29%20%7B%20%20%20%20%20%20%20%20var%20w%20%3D%20img.width%28%29%3B%20%20%20%20%20%20%20%20var%20h%20%3D%20img.height%28%29%3B%20%20%20%20%20%20%20%20var%20image%20%3D%20img%5B0%5D%3B%20%20%20%20%20%20%20%20var%20cvs%20%3D%20canvas%5B0%5D%3B%20%20%20%20%20%20%20%20cvs.width%20%3D%20w%3B%20%20%20%20%20%20%20%20cvs.height%20%3D%20h%3B%20%20%20%20%20%20%20%20var%20ctx%20%3D%20cvs.getContext%28%272d%27%29%3B%20%20%20%20%20%20%20%20ctx.drawImage%28image%2C%200%2C%200%2C%20w%2C%20h%29%3B%20%20%20%20%20%20%20%20var%20data%20%3D%20ctx.getImageData%280%2C0%2C%20w%2C%20h%29%3B%20%20%20%20%20%20%20%20var%20dataLeft%20%3D%20ctx.getImageData%280%2C0%2C%20w%2C%20h%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20xoffset%20%3D%202%3B%20yoffset%20%3D%204%3B%20%20%20%20%20%20%20%20for%20%28var%20i%3D%28w*yoffset%29%2Cl%3DdataLeft.data.length\/4%3B%20i%3Cl%3B%20i++%29%20%7B%20%20%20%20%20%20%20%20%20%20%20%20%20if%28i%25w%20%3E%201%29%7B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20data.data%5Bi%20*%204%5D%20%3D%20dataLeft.data%5B%20%28i%20*%204%20-%20%28xoffset*4%29%29%20-%20%28w*yoffset*4%29%5D%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%20ctx.putImageData%28data%2C%200%2C%200%29%3B%20%20%20%20%7D%20%20%20%20function%20remote_host%28url%29%7B%20%20%20%20%20%20%20%20if%28url%21%3Dnull%20%26%26%20url%21%3Dwindow.location.hostname%20%26%26%20url.indexOf%28%27http%27%29%3D%3D0%29return%20true%3B%20%20%20%20%20%20%20%20else%20return%20false%3B%20%20%20%20%7D%20%20%20%20%24%28%27body%27%29.find%28%27img%27%29.each%28function%20%28indexInArray%29%7B%20%20%20%20%20%20%20%20var%20img%20%3D%20%24%28this%29%3B%20%20%20%20%20%20%20%20if%28remote_host%28img.attr%28%27src%27%29%29%29%7B%20%20%20%20%20%20%20%20%20%20%20%20%24.ajax%28%7B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20url%3A%20proxy_data_url%2C%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20type%3A%20%27GET%27%2C%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20dataType%3A%20%27jsonp%27%2C%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20data%3A%20%7Burls%3Aimg.attr%28%27src%27%29%7D%2C%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20async%3A%20false%2C%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20success%3A%20function%20%28data%29%7B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%28data.length%20%3D%3D%200%29%20return%20false%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20newImg%20%3D%20%24%28%27%3Cimg%3E%27%29.attr%28%27src%27%2Cdata%5B0%5D%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20ctx%20%3D%20%24%28%22%3Ccanvas%3E%3C\/canvas%3E%22%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%28img.width%28%29%20%3C%3D%200%20%7C%7C%20img.height%28%29%20%3C%3D%200%29%20return%20true%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newImg.width%28img.width%28%29%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newImg.height%28img.height%28%29%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20make%28ctx%2CnewImg%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img.replaceWith%28ctx.get%28%29%5B0%5D%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Delse%7B%20%20%20%20%20%20%20%20%20%20%20%20var%20ctx%20%3D%20%24%28%22%3Ccanvas%3E%3C\/canvas%3E%22%29%3B%20%20%20%20%20%20%20%20%20%20%20%20if%28img.width%28%29%20%3C%3D%200%20%7C%7C%20img.height%28%29%20%3C%3D%200%29%20return%20true%3B%20%20%20%20%20%20%20%20%20%20%20%20make%28ctx%2Cimg%29%3B%20%20%20%20%20%20%20%20%20%20%20%20img.replaceWith%28ctx.get%28%29%5B0%5D%29%3B%20%20%20%20%20%20%20%20%20%20%20%7D%20%20%20%20%7D%29%3B%20%20%20%20%7D})();\">this link<\/a> by dragging it to your bookmark toolbar.<\/li>\n<li>Access any websites and click on the link.<\/li>\n<li>All images on that page will be converted into red\/cyan anaglyphs.<\/li>\n<li>Enjoy 3D version of web pages now.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Designer Mark Beasley has created 333DDD, a javascript bookmarklet that allows us to convert any web page into a red\/cyan anaglyph. To vew the 3D pages, you&#8217;ll need a set of red\/cyan 3D glasses and follow the simple steps here:<\/p>\n","protected":false},"author":42,"featured_media":80,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[9],"tags":[35,23,8],"class_list":{"0":"post-78","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-news","8":"tag-3d","9":"tag-internet","10":"tag-technology-news","11":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Turn Web pages to 3D<\/title>\n<meta name=\"description\" content=\"The Designer Mark Beasley has created 333DDD, a javascript bookmarklet that allows us to convert any web page into a red\/cyan anaglyph.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tuan Do\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/\",\"url\":\"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/\",\"name\":\"How to Turn Web pages to 3D\",\"isPartOf\":{\"@id\":\"https:\/\/www.techwalls.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.techwalls.com\/wp-content\/uploads\/2011\/03\/3d-iphone.jpg\",\"datePublished\":\"2011-03-16T06:39:41+00:00\",\"dateModified\":\"2013-07-23T08:18:58+00:00\",\"author\":{\"@id\":\"https:\/\/www.techwalls.com\/#\/schema\/person\/8e0374331f6dab83e97eb683907dca90\"},\"description\":\"The Designer Mark Beasley has created 333DDD, a javascript bookmarklet that allows us to convert any web page into a red\/cyan anaglyph.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/#primaryimage\",\"url\":\"https:\/\/www.techwalls.com\/wp-content\/uploads\/2011\/03\/3d-iphone.jpg\",\"contentUrl\":\"https:\/\/www.techwalls.com\/wp-content\/uploads\/2011\/03\/3d-iphone.jpg\",\"width\":337,\"height\":268,\"caption\":\"3d-iphone\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.techwalls.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"News\",\"item\":\"https:\/\/www.techwalls.com\/news\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"View Web Pages in 3D\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.techwalls.com\/#website\",\"url\":\"https:\/\/www.techwalls.com\/\",\"name\":\"TechWalls\",\"description\":\"Technology News | Gadget Reviews | Tutorials\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.techwalls.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.techwalls.com\/#\/schema\/person\/8e0374331f6dab83e97eb683907dca90\",\"name\":\"Tuan Do\",\"description\":\"I am the founder and editor of TechWalls technology blog. I have been blogging for 8 years and here you can find latest technology news, gadgets, tutorials and product reviews.\",\"url\":\"https:\/\/www.techwalls.com\/author\/rickyadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Turn Web pages to 3D","description":"The Designer Mark Beasley has created 333DDD, a javascript bookmarklet that allows us to convert any web page into a red\/cyan anaglyph.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/","twitter_misc":{"Written by":"Tuan Do"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/","url":"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/","name":"How to Turn Web pages to 3D","isPartOf":{"@id":"https:\/\/www.techwalls.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/#primaryimage"},"image":{"@id":"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techwalls.com\/wp-content\/uploads\/2011\/03\/3d-iphone.jpg","datePublished":"2011-03-16T06:39:41+00:00","dateModified":"2013-07-23T08:18:58+00:00","author":{"@id":"https:\/\/www.techwalls.com\/#\/schema\/person\/8e0374331f6dab83e97eb683907dca90"},"description":"The Designer Mark Beasley has created 333DDD, a javascript bookmarklet that allows us to convert any web page into a red\/cyan anaglyph.","breadcrumb":{"@id":"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/#primaryimage","url":"https:\/\/www.techwalls.com\/wp-content\/uploads\/2011\/03\/3d-iphone.jpg","contentUrl":"https:\/\/www.techwalls.com\/wp-content\/uploads\/2011\/03\/3d-iphone.jpg","width":337,"height":268,"caption":"3d-iphone"},{"@type":"BreadcrumbList","@id":"https:\/\/www.techwalls.com\/surf-web-pages-on-3d\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.techwalls.com\/"},{"@type":"ListItem","position":2,"name":"News","item":"https:\/\/www.techwalls.com\/news\/"},{"@type":"ListItem","position":3,"name":"View Web Pages in 3D"}]},{"@type":"WebSite","@id":"https:\/\/www.techwalls.com\/#website","url":"https:\/\/www.techwalls.com\/","name":"TechWalls","description":"Technology News | Gadget Reviews | Tutorials","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.techwalls.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.techwalls.com\/#\/schema\/person\/8e0374331f6dab83e97eb683907dca90","name":"Tuan Do","description":"I am the founder and editor of TechWalls technology blog. I have been blogging for 8 years and here you can find latest technology news, gadgets, tutorials and product reviews.","url":"https:\/\/www.techwalls.com\/author\/rickyadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.techwalls.com\/wp-json\/wp\/v2\/posts\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.techwalls.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.techwalls.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.techwalls.com\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techwalls.com\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":0,"href":"https:\/\/www.techwalls.com\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techwalls.com\/wp-json\/wp\/v2\/media\/80"}],"wp:attachment":[{"href":"https:\/\/www.techwalls.com\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.techwalls.com\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.techwalls.com\/wp-json\/wp\/v2\/tags?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}