A more dynamic mobile reading experience

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><a href="http://feedproxy.google.com/~r/blogger/WZDh/~3/jJmHOn21ejU/dynamic-mobile-reading-experience.html">A more dynamic mobile reading experience</a>: <br /><br /><div dir="ltr" style="text-align: left;"><br /><b style="font-weight: normal;"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">Last year we introduced </span><a href="http://buzz.blogger.com/2011/06/announcing-blogger-mobile-templates.html"><span style="color: #1155cc; font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">mobile templates</span></a><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"> on <a class="zem_slink" href="http://blogger.com/" rel="homepage" title="Blogger">Blogger</a>, and </span><a href="http://buzz.blogger.com/2011/09/dynamic-views-seven-new-ways-to-share.html"><span style="color: #1155cc; font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">Dynamic Views</span></a><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"> for the <a class="zem_slink" href="http://en.wikipedia.org/wiki/Desktop_computer" rel="wikipedia" title="Desktop computer">desktop</a>. Since then, over 2 million blogs have started using Dynamic Views on desktop, and users have asked us for more mobile features. So today, we’re bringing the speed and advanced reading experience of Dynamic Views to mobile.  Configuring your blog to use a Dynamic View on mobile will result in a reading experience that mirrors the desktop, but is optimized for mobile.</span><br /><br /><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"></span></b><br /><br /><a name='more'></a><b style="font-weight: normal;"><br /><br /><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">To configure a Dynamic View for mobile on your blog, select the "<a class="zem_slink" href="http://en.wikipedia.org/wiki/Template_%28word_processing%29" rel="wikipedia" title="Template (word processing)">Template</a>" tab, and then click on the settings cog under the “Mobile” preview.  </span></b><br /><br /><br /><br /><div style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFyt4H7OcGOzJLTnp-5poYaNoxpiyIQh_gRhiuVGNe6vIxTZl6iSHaMbxCI_nO6jAl_gO50z4dL1IsbBLohGUy4Kmyuy4qdF0OcolB7gwlLI5eZf9ZR02Tip-ZhKoD68SSqxA4KSc3l6K8/s719/Blog1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="428" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFyt4H7OcGOzJLTnp-5poYaNoxpiyIQh_gRhiuVGNe6vIxTZl6iSHaMbxCI_nO6jAl_gO50z4dL1IsbBLohGUy4Kmyuy4qdF0OcolB7gwlLI5eZf9ZR02Tip-ZhKoD68SSqxA4KSc3l6K8/s640/Blog1.jpg" width="640" /></a></div><br /><b style="font-weight: normal;"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"><br /><br /></span></b> <b style="font-weight: normal;"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">If you’re currently using Dynamic Views on the desktop and have the “Default” mobile template selected, you don’t need to do anything -- your blog will automatically start using the mobile optimized view when viewed from a compatible <a class="zem_slink" href="http://en.wikipedia.org/wiki/Mobile_browser" rel="wikipedia" title="Mobile browser">mobile browser</a>. For more information, see </span><span style="color: #1155cc; font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"><a href="http://support.google.com/blogger/bin/answer.py?answer=2685928">Blogger Help.</a></span></b><br /><br /><br /><br /><b style="font-weight: normal;"><br /><br /></b> <br /><br /><div style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKmcqJqHN1qYlTPWNyIQvhbRAQYQYX3EzoKOzShtx20c7T2LngDdKiiQWCueeFZHw7X0zUXi8a2Se69KefIcijkrOdvKnTjymx2QiUBEGPCEWMEEi8oPcibFzBsE1vBG7hHW2w_YlwwkcZ/s576/blog2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="568" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKmcqJqHN1qYlTPWNyIQvhbRAQYQYX3EzoKOzShtx20c7T2LngDdKiiQWCueeFZHw7X0zUXi8a2Se69KefIcijkrOdvKnTjymx2QiUBEGPCEWMEEi8oPcibFzBsE1vBG7hHW2w_YlwwkcZ/s640/blog2.jpg" width="640" /></a></div><br /><div style="clear: both; text-align: center;"><br /><br /></div><br /><b style="font-weight: normal;"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">Currently, only the “Classic” view, which is best suited for small screens, will be shown on mobile. Tablets with large screens will get the full desktop experience. As with the older mobile templates, supported browsers are <a class="zem_slink" href="http://www.webkit.org/" rel="homepage" title="WebKit">WebKit</a>-based browsers (such as <a class="zem_slink" href="http://en.wikipedia.org/wiki/List_of_features_in_Android" rel="wikipedia" title="List of features in Android">Android Browser</a>, <a class="zem_slink" href="http://https//www.google.com/chrome" rel="homepage" title="Google Chrome">Chrome</a> for <a class="zem_slink" href="http://www.t-mobile.com/cell-phones.android.html" rel="tmobile" title="Cell Phones Android">Android</a> and <a class="zem_slink" href="http://www.apple.com/ios/" rel="homepage" title="IOS">iOS</a>, and Mobile <a class="zem_slink" href="http://https//www.apple.com/safari" rel="homepage" title="Safari (web browser)">Safari</a>).  </span></b><br /><br /><br /><br /><b style="font-weight: normal;"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"></span><br /><br /><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">We hope your readers enjoy the modern, compelling experience that this mobile update provides.</span></b></div><br /><img height="1" src="http://feeds.feedburner.com/~r/blogger/WZDh/~4/jJmHOn21ejU" width="1" /><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 />

• 
• 
• 
• 

1. 1
2. 2
3. 3
4. 4

• Previous
• Next

A more dynamic mobile reading experience

A more dynamic mobile reading experience: Last year we introduced mobile templates on Blogger, and Dynamic Views for the desktop. Since then, over 2 million blogs have started using Dynamic Views on d…

Read more »

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 it or use a browser that supports it. Sorry, but the g…

Read more »

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 /><!--Achievements awarded to users when they fix bugs.--><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 /><!--Hints offered to users as they explore the page and UI.--><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 />

• 
• 

1. 1
2. 2

• Previous
• Next

X-Ray Goggles

X-Ray GogglesRemix, make and share webpages instantly. In order to use the goggles, you need to have JavaScript enabled.Please enable it or use a browser that supports it.Sorry, but the goggles d…

Read more »

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 (Firefox 5, Safari 5, Chrome, Opera 10, Internet Explorer 9) if you…

Read more »

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 (Firefox 5, Safari 5, Chrome, Opera 10, Internet Explorer 9) if you…

Read more »