CINXE.COM
Panoramio - Google Maps
<!DOCTYPE html> <html class="v2" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.google.com/2005/gml/b" xmlns:data="http://www.google.com/2005/gml/data" xmlns:expr="http://www.google.com/2005/gml/expr"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://blog.panoramio.com/search?updated-min=2005-01-01T00:00:00-08:00&updated-max=2006-01-01T00:00:00-08:00&max-results=32","20141005211917","https://web.archive.org/","web","/_static/", "1412543957"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible"/> <meta content="width=1100" name="viewport"/> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/> <script type="text/javascript">(function() { var b=window,f="chrome",g="tick",k="jstiming";(function(){function d(a){this.t={};this.tick=function(a,d,c){var e=void 0!=c?c:(new Date).getTime();this.t[a]=[e,d];if(void 0==c)try{b.console.timeStamp("CSI/"+a)}catch(h){}};this[g]("start",null,a)}var a;b.performance&&(a=b.performance.timing);var n=a?new d(a.responseStart):new d;b.jstiming={Timer:d,load:n};if(a){var c=a.navigationStart,h=a.responseStart;0<c&&h>=c&&(b[k].srt=h-c)}if(a){var e=b[k].load;0<c&&h>=c&&(e[g]("_wtsrt",void 0,c),e[g]("wtsrt_","_wtsrt",h),e[g]("tbsd_","wtsrt_"))}try{a=null, b[f]&&b[f].csi&&(a=Math.floor(b[f].csi().pageT),e&&0<c&&(e[g]("_tbnd",void 0,b[f].csi().startE),e[g]("tbnd_","_tbnd",c))),null==a&&b.gtbExternal&&(a=b.gtbExternal.pageT()),null==a&&b.external&&(a=b.external.pageT,e&&0<c&&(e[g]("_tbnd",void 0,b.external.startE),e[g]("tbnd_","_tbnd",c))),a&&(b[k].pt=a)}catch(p){}})();b.tickAboveFold=function(d){var a=0;if(d.offsetParent){do a+=d.offsetTop;while(d=d.offsetParent)}d=a;750>=d&&b[k].load[g]("aft")};var l=!1;function m(){l||(l=!0,b[k].load[g]("firstScrollTime"))}b.addEventListener?b.addEventListener("scroll",m,!1):b.attachEvent("onscroll",m); })();</script> <meta content="blogger" name="generator"/> <link href="https://web.archive.org/web/20141005211917im_/http://blog.panoramio.com/favicon.ico" rel="icon" type="image/x-icon"/> <link href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min=2005-01-01T00:00:00-08:00&updated-max=2006-01-01T00:00:00-08:00&max-results=32" rel="canonical"/> <link rel="alternate" type="application/atom+xml" title="Panoramio - Google Maps - Atom" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/feeds/posts/default"/> <link rel="alternate" type="application/rss+xml" title="Panoramio - Google Maps - RSS" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/feeds/posts/default?alt=rss"/> <link rel="service.post" type="application/atom+xml" title="Panoramio - Google Maps - Atom" href="http://www.blogger.com/feeds/3939987801107087044/posts/default"/> <link rel="openid.server" href="http://www.blogger.com/openid-server.g"/> <link rel="openid.delegate" href="http://blog.panoramio.com/"/> <!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/3204238090-ieretrofit.js"></script> <![endif]--> <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]--> <title>Panoramio - Google Maps</title> <link type="text/css" rel="stylesheet" href="https://web.archive.org/web/20141005211917cs_/https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css"/> <link type="text/css" rel="stylesheet" href="//web.archive.org/web/20141005211917cs_/http://www.google.com/uds/css/gsearch.css"/> <link type="text/css" rel="stylesheet" href="https://web.archive.org/web/20141005211917cs_/https://www.blogger.com/dyn-css/authorization.css?targetBlogID=3939987801107087044&zx=5efce431-7d04-402f-be92-b785ab816275"/> <style id="page-skin-1" type="text/css"><!-- /* ----------------------------------------------- Blogger Template Style Name: Simple Designer: Josh Peterson URL: www.noaesthetic.com ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd"/> <Group description="Page Text" selector="body"> <Variable name="body.font" description="Font" type="font" default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="body.text.color" description="Text Color" type="color" default="#222222"/> </Group> <Group description="Backgrounds" selector=".body-fauxcolumns-outer"> <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd"/> <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff"/> <Variable name="header.background.color" description="Header Background" type="color" default="transparent"/> </Group> <Group description="Links" selector=".main-outer"> <Variable name="link.color" description="Link Color" type="color" default="#2288bb"/> <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888"/> <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff"/> </Group> <Group description="Blog Title" selector=".header h1"> <Variable name="header.font" description="Font" type="font" default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb" /> </Group> <Group description="Blog Description" selector=".header .description"> <Variable name="description.text.color" description="Description Color" type="color" default="#777777" /> </Group> <Group description="Tabs Text" selector=".tabs-inner .widget li a"> <Variable name="tabs.font" description="Font" type="font" default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999"/> <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000"/> </Group> <Group description="Tabs Background" selector=".tabs-outer .PageList"> <Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5"/> <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee"/> </Group> <Group description="Post Title" selector="h3.post-title, .comments h4"> <Variable name="post.title.font" description="Font" type="font" default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> </Group> <Group description="Date Header" selector=".date-header"> <Variable name="date.header.color" description="Text Color" type="color" default="#666666"/> <Variable name="date.header.background.color" description="Background Color" type="color" default="transparent"/> </Group> <Group description="Post Footer" selector=".post-footer"> <Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666"/> <Variable name="post.footer.background.color" description="Background Color" type="color" default="#f9f9f9"/> <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee"/> </Group> <Group description="Gadgets" selector="h2"> <Variable name="widget.title.font" description="Title Font" type="font" default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000"/> <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999"/> </Group> <Group description="Images" selector=".main-inner"> <Variable name="image.background.color" description="Background Color" type="color" default="#ffffff"/> <Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee"/> <Variable name="image.text.color" description="Caption Text Color" type="color" default="#666666"/> </Group> <Group description="Accents" selector=".content-inner"> <Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee"/> <Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="transparent"/> </Group> <Variable name="body.background" description="Body Background" type="background" color="#ffffff" default="$(color) none repeat scroll top left"/> <Variable name="body.background.override" description="Body Background Override" type="string" default=""/> <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url" default="url(//www.blogblog.com/1kt/simple/gradients_light.png)"/> <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url" default="url(//www.blogblog.com/1kt/simple/body_gradient_tile_light.png)"/> <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner"/> <Variable name="content.padding" description="Content Padding" type="length" default="10px"/> <Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="10px"/> <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px"/> <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px"/> <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px"/> <Variable name="main.border.width" description="Main Border Width" type="length" default="0"/> <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none"/> <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px"/> <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px"/> <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px"/> <Variable name="header.padding" description="Header Padding" type="length" default="30px"/> <Variable name="header.border.size" description="Header Border Size" type="length" default="1px"/> <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="1px"/> <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0"/> <Variable name="description.text.size" description="Description Text Size" type="string" default="140%"/> <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0" /> <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px" /> <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url" default="url(//www.blogblog.com/1kt/simple/gradients_light.png)"/> <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px"/> <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px"/> <Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit"/> <Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit"/> <Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit"/> <Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px"/> <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px"/> <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px"/> <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner"/> <Variable name="page.width" description="Page Width" type="string" default="auto"/> <Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px"/> <Variable name="main.padding" description="Main Padding" type="length" default="15px"/> <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px"/> <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px"/> <Variable name="paging.background" color="#ffffff" description="Background of blog paging area" type="background" default="transparent none no-repeat scroll top center"/> <Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0"/> <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string" default="transparent none repeat scroll top left"/> <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto"/> <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" /> <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/> <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/> */ /* Content ----------------------------------------------- */ body { font: normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif; color: #666666; background: #ffffff none repeat scroll top left; padding: 0 0 0 0; } html body .region-inner { min-width: 0; max-width: 100%; width: auto; } a:link { text-decoration:none; color: #2288bb; } a:visited { text-decoration:none; color: #888888; } a:hover { text-decoration:underline; color: #33aaff; } .body-fauxcolumn-outer .fauxcolumn-inner { background: transparent none repeat scroll top left; _background-image: none; } .body-fauxcolumn-outer .cap-top { position: absolute; z-index: 1; height: 400px; width: 100%; background: #ffffff none repeat scroll top left; } .body-fauxcolumn-outer .cap-top .cap-left { width: 100%; background: transparent none repeat-x scroll top left; _background-image: none; } .content-outer { -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 0 #333333; box-shadow: 0 0 0 rgba(0, 0, 0, .15); margin-bottom: 1px; } .content-inner { padding: 10px 40px; } .content-inner { background-color: #ffffff; } /* Header ----------------------------------------------- */ .header-outer { background: transparent none repeat-x scroll 0 -400px; _background-image: none; } .Header h1 { font: normal normal 40px 'Trebuchet MS',Trebuchet,Verdana,sans-serif; color: #000000; text-shadow: 0 0 0 rgba(0, 0, 0, .2); } .Header h1 a { color: #000000; } .Header .description { font-size: 18px; color: #000000; } .header-inner .Header .titlewrapper { padding: 22px 0; } .header-inner .Header .descriptionwrapper { padding: 0 0; } /* Tabs ----------------------------------------------- */ .tabs-inner .section:first-child { border-top: 0 solid #dddddd; } .tabs-inner .section:first-child ul { margin-top: -1px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } .tabs-inner .widget ul { background: transparent none repeat-x scroll 0 -800px; _background-image: none; border-bottom: 1px solid #dddddd; margin-top: 0; margin-left: -30px; margin-right: -30px; } .tabs-inner .widget li a { display: inline-block; padding: .6em 1em; font: normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif; color: #000000; border-left: 1px solid #ffffff; border-right: 1px solid #dddddd; } .tabs-inner .widget li:first-child a { border-left: none; } .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { color: #000000; background-color: #eeeeee; text-decoration: none; } /* Columns ----------------------------------------------- */ .main-outer { border-top: 0 solid transparent; } .fauxcolumn-left-outer .fauxcolumn-inner { border-right: 1px solid transparent; } .fauxcolumn-right-outer .fauxcolumn-inner { border-left: 1px solid transparent; } /* Headings ----------------------------------------------- */ h2 { margin: 0 0 1em 0; font: normal bold 11px 'Trebuchet MS',Trebuchet,Verdana,sans-serif; color: #000000; } /* Widgets ----------------------------------------------- */ .widget .zippy { color: #999999; text-shadow: 2px 2px 1px rgba(0, 0, 0, .1); } .widget .popular-posts ul { list-style: none; } /* Posts ----------------------------------------------- */ .date-header span { background-color: #bbbbbb; color: #ffffff; padding: 0.4em; letter-spacing: 3px; margin: inherit; } .main-inner { padding-top: 35px; padding-bottom: 65px; } .main-inner .column-center-inner { padding: 0 0; } .main-inner .column-center-inner .section { margin: 0 1em; } .post { margin: 0 0 45px 0; } h3.post-title, .comments h4 { font: normal normal 22px 'Trebuchet MS',Trebuchet,Verdana,sans-serif; margin: .75em 0 0; } .post-body { font-size: 110%; line-height: 1.4; position: relative; } .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: 2px; background: #ffffff; border: 1px solid #eeeeee; -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); } .post-body img, .post-body .tr-caption-container { padding: 5px; } .post-body .tr-caption-container { color: #666666; } .post-body .tr-caption-container img { padding: 0; background: transparent; border: none; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1); box-shadow: 0 0 0 rgba(0, 0, 0, .1); } .post-header { margin: 0 0 1.5em; line-height: 1.6; font-size: 90%; } .post-footer { margin: 20px -2px 0; padding: 5px 10px; color: #666666; background-color: #eeeeee; border-bottom: 1px solid #eeeeee; line-height: 1.6; font-size: 90%; } #comments .comment-author { padding-top: 1.5em; border-top: 1px solid transparent; background-position: 0 1.5em; } #comments .comment-author:first-child { padding-top: 0; border-top: none; } .avatar-image-container { margin: .2em 0 0; } #comments .avatar-image-container img { border: 1px solid #eeeeee; } /* Comments ----------------------------------------------- */ .comments .comments-content .icon.blog-author { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); } .comments .comments-content .loadmore a { border-top: 1px solid #999999; border-bottom: 1px solid #999999; } .comments .comment-thread.inline-thread { background-color: #eeeeee; } .comments .continue { border-top: 2px solid #999999; } /* Accents ---------------------------------------------- */ .section-columns td.columns-cell { border-left: 1px solid transparent; } .blog-pager { background: transparent url(https://web.archive.org/web/20141005211917im_/http://www.blogblog.com/1kt/simple/paging_dot.png) repeat-x scroll top center; } .blog-pager-older-link, .home-link, .blog-pager-newer-link { background-color: #ffffff; padding: 5px; } .footer-outer { border-top: 1px dashed #bbbbbb; } /* Mobile ----------------------------------------------- */ body.mobile { background-size: auto; } .mobile .body-fauxcolumn-outer { background: transparent none repeat scroll top left; } .mobile .body-fauxcolumn-outer .cap-top { background-size: 100% auto; } .mobile .content-outer { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); } body.mobile .AdSense { margin: 0 -0; } .mobile .tabs-inner .widget ul { margin-left: 0; margin-right: 0; } .mobile .post { margin: 0; } .mobile .main-inner .column-center-inner .section { margin: 0; } .mobile .date-header span { padding: 0.1em 10px; margin: 0 -10px; } .mobile h3.post-title { margin: 0; } .mobile .blog-pager { background: transparent none no-repeat scroll top center; } .mobile .footer-outer { border-top: none; } .mobile .main-inner, .mobile .footer-inner { background-color: #ffffff; } .mobile-index-contents { color: #666666; } .mobile-link-button { background-color: #2288bb; } .mobile-link-button a:link, .mobile-link-button a:visited { color: #ffffff; } .mobile .tabs-inner .section:first-child { border-top: none; } .mobile .tabs-inner .PageList .widget-content { background-color: #eeeeee; color: #000000; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .mobile .tabs-inner .PageList .widget-content .pagelist-arrow { border-left: 1px solid #dddddd; } --></style> <style id="template-skin-1" type="text/css"><!-- body { min-width: 950px; } .content-outer, .content-fauxcolumn-outer, .region-inner { min-width: 950px; max-width: 950px; _width: 950px; } .main-inner .columns { padding-left: 0px; padding-right: 300px; } .main-inner .fauxcolumn-center-outer { left: 0px; right: 300px; /* IE6 does not respect left and right together */ _width: expression(this.parentNode.offsetWidth - parseInt("0px") - parseInt("300px") + 'px'); } .main-inner .fauxcolumn-left-outer { width: 0px; } .main-inner .fauxcolumn-right-outer { width: 300px; } .main-inner .column-left-outer { width: 0px; right: 100%; margin-left: -0px; } .main-inner .column-right-outer { width: 300px; margin-right: -300px; } #layout { min-width: 0; } #layout .content-outer { min-width: 0; width: 800px; } #layout .region-inner { min-width: 0; width: auto; } --></style> <link href="https://web.archive.org/web/20141005211917im_/http://panoramio.com/img/favicon.ico" rel="shortcut icon"/> <link href="https://web.archive.org/web/20141005211917im_/http://panoramio.com/img/favicon.ico" rel="icon"/> <script type="text/javascript">var a="indexOf",b="&m=1",e="(^|&)m=",f="?",g="?m=1";function h(){var c=window.location.href,d=c.split(f);switch(d.length){case 1:return c+g;case 2:return 0<=d[1].search(e)?null:c+b;default:return null}}var k=navigator.userAgent;if(-1!=k[a]("Mobile")&&-1!=k[a]("WebKit")&&-1==k[a]("iPad")||-1!=k[a]("Opera Mini")||-1!=k[a]("IEMobile")){var l=h();l&&window.location.replace(l)}; </script><script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script></head> <body class="loading variant-simplysimple"> <div class="navbar section" id="navbar"><div class="widget Navbar" id="Navbar1"><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://web.archive.org/web/20141005211917js_/https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://web.archive.org/web/20141005211917/https://www.blogger.com/navbar.g?targetBlogID\0753939987801107087044\46blogName\75Panoramio+-+Google+Maps\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://blog.panoramio.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://blog.panoramio.com/\46vt\0751639923891241814287', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//web.archive.org/web/20141005211917/http://pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script> </div></div> <div class="body-fauxcolumns"> <div class="fauxcolumn-outer body-fauxcolumn-outer"> <div class="cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left"> <div class="fauxborder-right"></div> <div class="fauxcolumn-inner"> </div> </div> <div class="cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> </div> <div class="content"> <div class="content-fauxcolumns"> <div class="fauxcolumn-outer content-fauxcolumn-outer"> <div class="cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left"> <div class="fauxborder-right"></div> <div class="fauxcolumn-inner"> </div> </div> <div class="cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> </div> <div class="content-outer"> <div class="content-cap-top cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left content-fauxborder-left"> <div class="fauxborder-right content-fauxborder-right"></div> <div class="content-inner"> <header> <div class="header-outer"> <div class="header-cap-top cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left header-fauxborder-left"> <div class="fauxborder-right header-fauxborder-right"></div> <div class="region-inner header-inner"> <div class="header section" id="header"><div class="widget Header" id="Header1"> <div id="header-inner"> <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/" style="display: block"> <img alt="Panoramio - Google Maps" height="72px; " id="Header1_headerimg" src="https://web.archive.org/web/20141005211917im_/http://4.bp.blogspot.com/_f7mwWfWPViw/TVL6HlTZhzI/AAAAAAAAAEo/53b4ZdOQ0xg/s1600/logo-panoramio-google.gif" style="display: block" width="307px; "/> </a> </div> </div></div> </div> </div> <div class="header-cap-bottom cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> </header> <div class="tabs-outer"> <div class="tabs-cap-top cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left tabs-fauxborder-left"> <div class="fauxborder-right tabs-fauxborder-right"></div> <div class="region-inner tabs-inner"> <div class="tabs section" id="crosscol"></div> <div class="tabs section" id="crosscol-overflow"></div> </div> </div> <div class="tabs-cap-bottom cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> <div class="main-outer"> <div class="main-cap-top cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left main-fauxborder-left"> <div class="fauxborder-right main-fauxborder-right"></div> <div class="region-inner main-inner"> <div class="columns fauxcolumns"> <div class="fauxcolumn-outer fauxcolumn-center-outer"> <div class="cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left"> <div class="fauxborder-right"></div> <div class="fauxcolumn-inner"> </div> </div> <div class="cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> <div class="fauxcolumn-outer fauxcolumn-left-outer"> <div class="cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left"> <div class="fauxborder-right"></div> <div class="fauxcolumn-inner"> </div> </div> <div class="cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> <div class="fauxcolumn-outer fauxcolumn-right-outer"> <div class="cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left"> <div class="fauxborder-right"></div> <div class="fauxcolumn-inner"> </div> </div> <div class="cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> <!-- corrects IE6 width calculation --> <div class="columns-inner"> <div class="column-center-outer"> <div class="column-center-inner"> <div class="main section" id="main"><div class="widget Blog" id="Blog1"> <div class="blog-posts hfeed"> <!-- google_ad_section_start(name=default) --> <div class="date-outer"> <h2 class="date-header"><span>Tuesday, December 27, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="4587078700345444811"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/12/it-can-be-so-hard.html">It can't be so hard...</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Do you remember my last post about my <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/blog/javascript-compressor">javascript compressor</a>?<br/><br/>脫scar Fr铆as, from <a href="https://web.archive.org/web/20141005211917/http://www.trabber.com/">Trabber</a> fame asked me for my opinion on the dojo javascript compressor, and my reply was along the lines of: "slightly better than mine, as it compress inner variables / functions names". As this seemed a trivial to overcome difference, I coded this compression in my yet unnamed compressor.<br/><br/>There are only two cases that I have not handled:<br/><ol><br/><li>If you have variables named _1, _2, ... things will break, quickly. This is a pretty trivial bug that I have to fix asap. I guess that dojo gets that right.<br/></li><li>If you have "with" statements, things may break.<br/></li></ol><br/><br/>I wonder if dojo handles that second point. Let me elaborate with an example.<br/><br/><code><br/>function a()<br/><br/>{<br/><br/> function getElementById(a) { return "hi"; }<br/><br/> with (document) alert(getElementById("xxx"));<br/><br/>}<br/><br/>a();<br/></code><br/><br/>This code should show an alert dialog box with "null". If we compress it, renaming inner variables / functions, we get:<br/><br/><code><br/>function a()<br/><br/>{<br/><br/> function \_1(a) { return "hi"; }<br/><br/> with (document) alert(\_1("xxx"));<br/><br/>}<br/><br/>a();<br/></code><br/><br/>(Note the compressor doesn't know that the getElementById inside the with statement was in fact document.getElementById, and thus it changes it to _1.)<br/><br/>This new code will show "hi" instead of "null".<br/><br/>Despite this corner case this new compression is worth enough to have.<br/><br/>But I didn't build a new compressor just to be a shadow of dojo's one. I want to build the <b>best</b> compressor ever, and such a compressor should fix what I consider a growing problem in the javascript community.<br/><br/>Javascript frameworks are growing in number / quality / size. <a href="https://web.archive.org/web/20141005211917/http://dojotoolkit.org/">Dojo</a>, <a href="https://web.archive.org/web/20141005211917/http://prototype.conio.net/">prototype / </a><a href="https://web.archive.org/web/20141005211917/http://script.aculo.us/">scriptaculous</a>, <a href="https://web.archive.org/web/20141005211917/http://openrico.org/">rico</a>. You name it!<br/><br/>Some frameworks are already weighting in the megabytes, and to make the download manageable to users, they split the framework in several files. The developper should then pick the javascript files with the code that he will finally use. But it's not working.<br/><br/>If I want to use a simple smooth blink effect with scriptaculous, I should bring the whole effects.js file and the whole prototype.js file, even when I'm obviously only using a little part of these files. Bigger pages very quickly start using all the scriptaculous files, even when they are "only" using an Ajax.Request here and a little effect there.<br/><br/>An approach to cut the bloat is to do manual surgery on these files to build a new page with the minimum needed to run, for instance, some effects (as <a href="https://web.archive.org/web/20141005211917/http://moofx.mad4milk.net/">moo.fx</a> does). But this is time consumming, requires a careful human expert to cut down bloat and yet get something useful, and it should be done on a page per page basis. At the end, it boils down to copy & paste parts from your framework on separated file. But that is too much work to <b>use</b> a framework without putting an unaceptable burden in the shoulders of our users.<br/><br/>The approach that I have in mind is akin the previous one, but done automatically. A program parsers your pages, and it sees exactly what's the minimum javascript needed to do what you are doing. It then rewrites your page / javascript to use this minimum.<br/><br/>So, in short, my goal is to prune dead code of javascript files, as linkers do in other languages.<br/><br/>Unfortunately, due to the highly dynamic nature of javascript, this is impossible to do without building a full javascript engine. Remember that functions are also objects in javascript, and thus they can be freely copied in variables. When you do "a()", you have to evaluate "a" to know what is getting called.<br/><br/>At this point some part of my brain started to think "well, it's just a javascript engine, it can't be <b>so</b> hard..." and somewhere, a few days ago, it convinced the other part of my brain. So here I am, with a javascript engine that evaluates all the javascript statements but for's, switches, try / catches and functions, and all the javascript expressions but constructors, function calls, arrays and objects. You can call it the most overengineered calculator, ever. But I felt really great when I wrote 1 + 1, and it replied: 2.<br/><br/>The really big missing part in this engine is the ECMA object system, that I failed to implement correctly in my first try. I will still need a full day or two to finish it, and then I hope the remaining parts will just fall in place.<br/><br/>When I will finish the javascript engine, I will have to figure out how to do dead code prunning with it. I'm thinking of using a garbage collector like algorithm, but doing it without falling in an exponential explosion of cases seems not trivial. Well, I will cross that bridge when I will get at it, I guess.<br/><br/>Oh, btw, MERRY CHRISTMAS!!!<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/12/it-can-be-so-hard.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-12-27T06:59:00-08:00">6:59 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=4587078700345444811&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4587078700345444811&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4587078700345444811&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4587078700345444811&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4587078700345444811&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4587078700345444811&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/12/it-can-be-so-hard.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Tuesday, December 13, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="5379740831220361643"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/12/to-this-page-no-longer-needed.html">"Link to this page" no longer needed</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> I finally killed an old "bug" in Panoramio, shared with any other Google Maps page I have seen.<br/>It was difficult to extract a link to the thing you were seeing.<br/><br/>Google Maps has a "Link to this page" link. The URL of this link is dynamically updated to reflect the current status of Google Maps, so I did the same thing in Panoramio.<br/><br/>It is, however, difficult to discover to novel users, and it is yet one more thing in the interface. And I want anything superfluous out of my interfaces.<br/><br/>So I finally put back the current where it should be, in the URL the browser is showing you. I have to encode the status of Panoramio in the hash part of the URL, to prevent the browser reloading the page upon changes.<br/><br/>I hope people will find it easier to use Panoramio links now.<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/12/to-this-page-no-longer-needed.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-12-13T07:15:00-08:00">7:15 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=5379740831220361643&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5379740831220361643&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5379740831220361643&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5379740831220361643&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5379740831220361643&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5379740831220361643&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/12/to-this-page-no-longer-needed.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Monday, November 28, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="5486792122415918245"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/javascript-compressor.html">Javascript compressor</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Let's see if you are a <b>real</b> hacker.<br/><br/>Your problem: a web page somewhat slow, with lots of javascript code.<br/><br/>You can:<br/><br/><ol><br/><li>ignore the problem<br/></li><li>activate mod_deflate in the server for javascript code (be careful with old browsers!)<br/></li><li>use a javascript compressor to remove any extra spaces, new lines, comments, etc.<br/></li><li>take an existing javascript parser, and make it rewrite your javascript code, as above, without comments, spaces, etc. safely renaming internal variable names.<br/></li><li>download the ECMA standard, build a full javascript parser from scratch, and make it rewrite your javascript code as above. Extra points if you implement some extra size optimizations.<br/></li></ol><br/><br/>After a full week-end working on this thing, I had a parser "almost" working. Some more evenings and I had a compressor, but without renaming variables (yet).<br/><br/>Now I'm trying to finish the parser. As always, the latest 5% takes 90% of time. My parser is compliant except for:<br/><br/><ul><br/><li>Virtual semicolons<br/></li><li>Regular expressions<br/></li></ul><br/><br/>We all know that in javascript you have to separate statements with semicolons, but you can ignore them in some cases. Among others, you can ignore them if put separate the current statement from the next one with at least a new line, and these two statements combined as one would raise an error. And actually somebody thought *that* thing would make javascript easier to understand (?!)<br/><br/>I have only modified my grammar so it is able to add virtual semicolons before '}' and before the end of file. These are the two most useful points where you can unambiguosly do not put the semicolon.<br/><br/>Regular expressions are also a bit hard to parse with a LALR(1) grammar. I'm thinking of matching a '/' or '/=' token for a primary expression, and then switching the lexer so that it can parse the regular expression and parse it, all in the action of these two tokens. (At least that is what Rhino does.)<br/><br/>If I fail, I will rewrite the parser to a LL(1) one. I will have the same problems, but this time the parser will be hand made, and thus I should be able to put inside these hacks as I need them.<br/><br/>The good news are that my code is fully parsed and written back correctly, except for the two regular expressions I use. I will then start working on most advanced compression features, not yet available anywhere else.<br/><br/>I will keep you posted!<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/javascript-compressor.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-11-28T06:42:00-08:00">6:42 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=5486792122415918245&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5486792122415918245&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5486792122415918245&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5486792122415918245&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5486792122415918245&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5486792122415918245&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/11/javascript-compressor.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> <div class="post-outer"> <div class="post hentry"> <a name="1201624118810997331"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/user-areas-of-photos.html">User areas of photos</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> He <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/forum/viewtopic.php?t=38">asked</a>, I deliver.<br/><br/>Do you have a ton of photos that you want to show in a map? Worried your pictures will soon fade away from the home page of panoramio to some hard to find page?<br/><br/>Now you can restrict the photos in panoramio to those of a particular user. <br/><br/>See for instance, the <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?user=7">pictures taken by Eduardo</a>. Or see them in a <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/user.php?id=7">single page</a> if the map thing does not suit you.<br/><br/>If you found hard to follow the comments people dropped on your photos, you only have to check now your Panoramio page (sign in and then click on your name in the home page). There you will see your latest pictures and the comments people have done to your photos.<br/><br/>Enjoy! <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/user-areas-of-photos.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-11-28T05:30:00-08:00">5:30 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=1201624118810997331&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1201624118810997331&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1201624118810997331&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1201624118810997331&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1201624118810997331&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1201624118810997331&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/11/user-areas-of-photos.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Friday, November 25, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="8641262471715989782"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/web-20-definition.html">Web 2.0 definition</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Best definition of Web 2.0 to date, directly from <a href="https://web.archive.org/web/20141005211917/http://www.eod.com/devil/archive/web_20.html">The Devil's Dictionary</a>:<br/><br/><blockquote><br/>Web 2.0, <i>proper noun</i><br/><br/><br/><br/>The name given to the social and technical sophistication and maturity that mark the— Oh, screw it. Money! Money money money! Money! The money’s back! Ha ha! Money!<br/></blockquote><br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/web-20-definition.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-11-25T02:11:00-08:00">2:11 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=8641262471715989782&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8641262471715989782&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8641262471715989782&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8641262471715989782&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8641262471715989782&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8641262471715989782&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/11/web-20-definition.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Thursday, November 17, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="2036715730714524285"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/direct-manipulation.html">Direct Manipulation</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> In Panoramio you can move your photos dragging its red pin over the map. That is direct manipulation. <br/><br/>Imagine the old system: first, select "move photo", second, introduce a new location, and third, save the new location. Thus every feature needs explanations, controls and several steps. Adding features make the interaction more complex, slower and difficult. <br/><br/>In the old system, the easy way of keeping interfaces usable is reducing the number of features. However while "less is more" is a nice slogan, doesn't really mean good interaction design. That is the point of Donald Norman in <a href="https://web.archive.org/web/20141005211917/http://www.jnd.org/dn.mss/the_truth_about_goog.html">The truth about Google's so-called "simplicity"</a>. Norman thinks Google is simple just because they hid everything else, but the search box. He believes "simplicity" doesn't mean good interface. It looks simple, because it has few links. However there are a lot of different contents together under them, so these links aren't clear and lack <a href="https://web.archive.org/web/20141005211917/http://www.wirednews.com/news/technology/0,1282,44321,00.html">information scent</a> . For example, where is Google Scholar, under "Advanced Search" or "More"?. (more examples in Norman's article). <br/><br/>It's true there are websites with too many unnecessary buttons and options. But it's also true there are too many useful elements that you just can't hide. The easy way isn't enough here.<br/><br/>Direct manipulation can solve some of this problems. Direct manipulation is nothing new, but came to the web with Ajax. In Flickr or Basecamp you just need to click over a title to edit it. Since you don't edit titles very often, you don't need a permanent "Edit" link beside every title, using space and crowding the interface. Also direct manipulation is better than hiding the "edit" feature under a vague general "settings" link. <br/><br/>Direct manipulation is not easy to design, there are still no standards to follow. You can't use direct manipulation for everything, but it can be very useful sometimes. <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/direct-manipulation.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-11-17T16:18:00-08:00">4:18 PM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=2036715730714524285&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=2036715730714524285&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=2036715730714524285&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=2036715730714524285&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=2036715730714524285&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=2036715730714524285&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/11/direct-manipulation.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Tuesday, November 15, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="3484219473340959960"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/new-page-to-see-photos.html">New page to see the photos</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> I have done a new page to see the images in Panoramio. There were several problems with the previous one, and also some advantages.<br/><br/>It was not really a new page, but just a bit (a big "bit") of javascript that showed and hide some parts of the main page. It was very fast to lurk the latests photos posted in Panoramio, and each time you changed the photo, only the essential of the web page changed. Switching between the photo and the map view was also very fast, as it was only a "show this, hide that" operation.<br/><br/>This was its advantage, and it was also its major problem.<br/><br/>The code was hard to grow, and the layout of the page severely "inspired" by the layout of the main page. The page was not stored in the navigator history, the back button to go back to the map did not worked, and linking to the page was as hard as linking to a particular place in the map. Some of these things were fixable, but the "hard to grow" and the layout problem were the two real, big problems that I wanted to fix and was hard to do with the current code.<br/><br/>When mkling <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/forum/viewtopic.php?t=31">asked for comments</a> on the pictures, a feature that we had already discussed and pushed back in the TODO list due to these problems, I decided to redo the whole page, and split it from the main map.<br/><br/>The relayout let me show all the relevant info in the same page, without the need to scroll to see the contextual maps, to have comments on images, and to be able to navigate through the photos of the user that posted the image and through the photos in this region of the planet.<br/><br/>The downside is that now is slower to go back to the map. I'm putting Panoramio on a javascript diet, and I will try to pull all the needed data in the minimum number of queries possible, to speed up the "show the map" operation.<br/><br/>I'm also playing with the implementation of some features suggestted by Eduardo, as showing the name of the city where the photo was taken. I hope to have something to show you in the next days.<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/new-page-to-see-photos.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-11-15T07:46:00-08:00">7:46 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=3484219473340959960&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3484219473340959960&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3484219473340959960&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3484219473340959960&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3484219473340959960&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3484219473340959960&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/11/new-page-to-see-photos.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Wednesday, November 9, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="463650286449572082"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/friends.html">Friends</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> I knew our friends Juan and Estela, were visiting Joaqu铆n this weekend in Paris, but I couldn't expect them to post their pictures <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=28&ln=-33&z=16&k=2&iw=4355">rowing in the lake of Versailles Palace</a> in Panoramio.com. Cool! <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/friends.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-11-09T01:21:00-08:00">1:21 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=463650286449572082&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=463650286449572082&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=463650286449572082&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=463650286449572082&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=463650286449572082&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=463650286449572082&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/11/friends.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Thursday, November 3, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="5385280888047701030"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/us-cities.html">US cities</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> I have finally merged the USGS data about the US cities in our search tables.<br/>So now you can jump to any place in the world but those in the Antarctica (they are in yet another database).<br/><br/>Enjoy!<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/11/us-cities.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-11-03T08:09:00-08:00">8:09 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=5385280888047701030&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5385280888047701030&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5385280888047701030&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5385280888047701030&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5385280888047701030&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5385280888047701030&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/11/us-cities.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Monday, October 31, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="3619274238582847049"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/new-religion-has-born.html">A new religion has born</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> It had to be done.<br/><br/>Now that the Kansas state finally seems to be receptive about teaching alternative "theories" about the origin of men, it is our duty to do not limit these alternative theories to Intelligent Design, as there are other equally valid theories that can be taught.<br/><br/>I, for one, welcome our new <a href="https://web.archive.org/web/20141005211917/http://www.venganza.org/">Flying Spaguetti Monster</a> overlord.<br/><br/><b>Priceless.</b> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/new-religion-has-born.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-31T03:19:00-08:00">3:19 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=3619274238582847049&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3619274238582847049&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3619274238582847049&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3619274238582847049&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3619274238582847049&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3619274238582847049&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/new-religion-has-born.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Sunday, October 30, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="2233087827386558503"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/explorer-system-error-1072896658.html">Explorer system error: -1072896658</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Don't you love when explorer express its griefs in such a clear and helpful way?<br/><br/>I was putting the last touches to the new "Search place" code, and it was working beautifully in Firefox and in Explorer, when I faced a problem in Safari. The query to the database that retrieves the name of places that match the user search came back with the accents garbled!<br/><br/>Safari thought the received page, that I was retrieving with XMLHttpRequest behind the scenes, was encoded in ISO-8859-1 (or most probably, -15) when I was serving it in UTF-8. <br/><br/>Fair enough, I just have to put the header "Content-Type: text/plain; charset=utf8" in the reply, and sure enough, Safari was now working like a charm.<br/><br/>But then, the search stopped working <b>at all</b> in Internet Explorer! I was getting a weird error in the status bar:<br/><br/><b>Explorer system error: -1072896658</b><br/><br/>This thing popped when I tried to access the responseText of the request object. After I googled a bit this error code, I found that it was due to the XMLHttpRequest control receiving a reply on an unknown encoding. Please guys, next time put a message like:<br/><br/><b>XMLHttpRequest requested document was in the unknown "utf8" encoding. See <a href="https://web.archive.org/web/20141005211917/http://www.microsoft.com/">the list</a> of accepted encodings.</b><br/><br/>It turns out the charset should be UTF-8, and not utf8. Fixed it, and now it is happily working on these 3 browsers.<br/><br/><b>Update:</b> Attentive reader Johan Sundstr枚m pointed out that I was missing the "text/plain; charset=" part on the Content-Type. I should really double check my blog entries before posting them.<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/explorer-system-error-1072896658.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-30T12:59:00-08:00">12:59 PM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=2233087827386558503&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=2233087827386558503&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=2233087827386558503&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=2233087827386558503&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=2233087827386558503&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=2233087827386558503&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/explorer-system-error-1072896658.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Monday, October 24, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="5873437995665472118"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/basecamp-writeboard.html">Basecamp + Writeboard</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> I <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/blog/?p=21">said before</a> that <a href="https://web.archive.org/web/20141005211917/http://www.37signals.com/">37signals</a> is one of these companies that "get it". I do not think however that they have got absolutely everything right.<br/><br/>Point in case, they integrated recently their new <a href="https://web.archive.org/web/20141005211917/http://www.writeboard.com/">Writeboard</a> with <a href="https://web.archive.org/web/20141005211917/http://www.basecamphq.com/">Basecamp</a>.<br/><br/>For those not in "the known", <a href="https://web.archive.org/web/20141005211917/http://www.writeboard.com/">Writeboard</a> let's you manage the life of a document. You can see and compare older versions, see who changed what, etc. <a href="https://web.archive.org/web/20141005211917/http://www.basecamphq.com/">Basecamp</a> is a web application to manage your proyects. You can see who has to do what, what has to be done before the next milestone, messages related to the proyect, etc.<br/> <br/>Basecamp was structured in several parts. You had:<br/><br/><ol><br/><li>Messages</li><br/><li>To-Do lists</li><br/><li>Milestones</li><br/><li>People</li><br/></ol><br/><br/>Now you have a fifth item, Writeboards.<br/><br/>Do you see the problem?<br/><br/>With the arrival of Writeboards we have two different classes of documents: messages and writeboards. What is the difference? You can track the changes to <b>writeboards</b>, and you can not track the changes to <b>messages</b>.<br/><br/>If you are a paying customer, there are <b>zero</b> reasons to use a message instead of a writeboard. Yet they are completely different things in the Basecamp interface.<br/><br/>Coming from a company that strives to <a href="https://web.archive.org/web/20141005211917/http://www.37signals.com/svn/archives2/less_as_a_competitive_advantage_my_10_minutes_at_web_20.php">make less</a>, this one more tab to make a split that users could not care less about is bugging me.<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/basecamp-writeboard.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-24T06:18:00-07:00">6:18 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=5873437995665472118&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5873437995665472118&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5873437995665472118&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5873437995665472118&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5873437995665472118&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5873437995665472118&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/basecamp-writeboard.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> <div class="post-outer"> <div class="post hentry"> <a name="8905175533056050844"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/panoramio-after-three-weeks.html">Panoramio after three weeks</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> We are surprised about the evolution of Panoramio since the soft launch three weeks ago. Bloggers have been very nice <a href="https://web.archive.org/web/20141005211917/http://www.technorati.com/search/panoramio">posting about Panoramio</a>. Panoramio also appeared in two major technology news sites (<a href="https://web.archive.org/web/20141005211917/http://www.digg.com/">Digg</a> and <a href="https://web.archive.org/web/20141005211917/http://www.barrapunto.com/">Barrapunto</a>). From that a lot of traffic came, 536.595 page views until today. As a result already 2.940 pics have been posted, some of them are really amazing and most of them have been located exactly in the rigth place.<br/><br/>Many bugs have been fixed and some features added to Panoramio, but like our friend <a href="https://web.archive.org/web/20141005211917/http://ubaldoh.com/">Ubaldo</a> from <a href="https://web.archive.org/web/20141005211917/http://www.loquo.com/">Loquo</a>, told us "the hard work starts right now". <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/panoramio-after-three-weeks.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-24T00:51:00-07:00">12:51 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=8905175533056050844&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8905175533056050844&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8905175533056050844&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8905175533056050844&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8905175533056050844&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8905175533056050844&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/panoramio-after-three-weeks.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Saturday, October 22, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="4985185143972002195"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/panoramio-google-earth.html">Panoramio + Google Earth</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> <a href="https://web.archive.org/web/20141005211917/http://go.ogleearth.com/">Stefan Geens</a> suggested to publish a KML Network Link with the latest pictures of Panoramio.<br/><br/>I did not know what is a KML Network Link, but it sounds cool, so I looked up the documentation, and implemented a <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/kml.php">KML Network Link for Panoramio</a>.<br/><br/>How does it work?<br/><br/>You just install <a href="https://web.archive.org/web/20141005211917/http://earth.google.com/">Google Earth</a> on your computer, and click on our <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/kml.php">network link</a>.<br/><br/>Your browser will ask you what do you want to do with this file. You should open it. Google Earth will start up, and then you just have to go somewhere in the planet. When you stop moving, Google Earth will download pictures of this place of the planet from Panoramio.<br/><br/><a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/blog/googleearth.jpg"><img src="https://web.archive.org/web/20141005211917im_/http://www.panoramio.com/blog/minigoogleearth.jpg"/></a><br/><br/>Enjoy it!<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/panoramio-google-earth.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-22T17:48:00-07:00">5:48 PM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=4985185143972002195&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4985185143972002195&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4985185143972002195&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4985185143972002195&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4985185143972002195&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4985185143972002195&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/panoramio-google-earth.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> <div class="post-outer"> <div class="post hentry"> <a name="8762877315059656396"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/new-logo.html">New logo</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> <p>And we have a logotype!</p><br/><p><img src="https://web.archive.org/web/20141005211917im_/http://www.panoramio.com/blog/panoramio.png" alt="Panoramio" title="Panoramio logotype"/></p><br/><p>The father of this logo is <a href="https://web.archive.org/web/20141005211917/http://www.rohdesign.com/weblog/" title="Mike's Blog">Mike Rohde</a>, of <a href="https://web.archive.org/web/20141005211917/http://www.makalumedia.com/" title="Makalumedia home page">Makalumedia</a>.</p><br/><p>I will blog more about the whole process soon, but I wanted to share first the news with all of you :-)</p><br/><!-- technorati tags begin --><p style="font-size:10px;text-align:right;">Technorati Tags: <a href="https://web.archive.org/web/20141005211917/http://technorati.com/tag/logo" rel="tag">logo</a>, <a href="https://web.archive.org/web/20141005211917/http://technorati.com/tag/panoramio" rel="tag">panoramio</a></p><!-- technorati tags end --> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/new-logo.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-22T02:17:00-07:00">2:17 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=8762877315059656396&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8762877315059656396&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8762877315059656396&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8762877315059656396&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8762877315059656396&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8762877315059656396&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/new-logo.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Friday, October 14, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="4019175631941028845"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/review-of-panoramio-12.html">Review of Panoramio (1/2)</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Eduardo has contacted some pals in the usability field, and <a href="https://web.archive.org/web/20141005211917/http://hfire.blogspot.com/">Christopher Grant</a> and Albert Ribera sent back to us a review of Panoramio. They found a lot of little and not so little problems, so I decided (with their permission) to post it here along with my replies. I will start with the problems found by Christopher, as they were already in english. Happy reading.<br/><br/><blockquote><span style="color:red">BUG</span>: I search for “Accra, Ghana”. On the one hand I get an error message “No places match this name” but the searching animated icon does not disappear.<br/><br/><br/>Recomendations:<br/><ul><br/><li>Fix bug</li><br/><li>When place is not found send mouse focus back to search field</li><br/><li>Write error message in red.</li><br/></ul><br/></blockquote><br/><br/>Yup, the search is horribly broken. I will be working on it next week. Good idea to put the error message in red.<br/><br/><blockquote><br/>Login, register, help, blog, forum and link to this page links don’t make sense together<br/><br/><br/>Recomendations:<br/><ul><br/><li>Add username and password fields to toolbar area. Include links for register and forgotten passwords. Include help link in toolbar area but seperate it from login area with a divider.</li><br/><li>Move help, blog and forum links to upper right-hand corner. Group blog and forum together. Help should be seperate.</li><br/></ul><br/></blockquote><br/><br/>Yeah, right now it's a bit of a mess. My preferences are however different:<br/><br/><ol><br/><li>Remove the "Link to this page". Only experienced users now how to copy an url out of a link, or what it means at all. My plan is to update the real url in realtime without reloading the page. It should also put each movement in the history of the browser.</li><br/><li>Group together Help, Forum and Blog, as these three links are useful to people looking for help / more info.</li><br/></ol><br/><br/><blockquote><br/>Register is not a very “webby” word.<br/><br/><br/>Recomendation:<br/>use the same terminology as Yahoo, Google, Flickr, etc.: Sign Up (Darte de alta), Sign-up (el alta), Sign In (logarte)<br/></blockquote><br/><br/>Done. But I have not yet taken a hard decision on this one. The old wording may be worse in english, but I'm sure it was much clearer to our non english users. I may revert to the old wording even if only until I internationalize Panoramio.<br/><br/><blockquote><br/>When I’ve signed up or signed in, the help link disappears.<br/><br/><br/>Recomendation: don’t remove this link. See point #2 “login and link” placement.<br/></blockquote><br/><br/>Done, good catch.<br/><br/><blockquote><br/><span style="color:red">BUG</span>: I upload a photo of Chicago, but when I search for other photos of Chicago, I am shown a map of Belize.<br/>I also search for Cincinnati, USA and the search box recommends “Cincinnati, Zimbabwe”.<br/></blockquote><br/><br/>US and Puerto Rico places are not yet indexed. That’s explained in the help, but obviously I should give a proper error message, and it should say “No places matches”. (Or start working and add US cities to the database.)<br/><br/><blockquote><br/>Search feature is very uncomfortable, I can’t tell when it’s started or stopped searching.<br/><br/><br/>Recomendation: add “Search button”. Don’t show the animated searching icon until the user has clicked on the button. <br/></blockquote><br/><br/>It was thought as a mean to give the user feedback about the different places in the world that can match its query, in real time. Obviously it's not working, so I either make it much much faster or I will have to ditch the whole idea.<br/><br/><blockquote><br/>I click on the help link and am taken to a new page with no link back to Panoromia.<br/><br/>Recommendation: place help content in a pop-up window.<br/></blockquote><br/><br/>I don’t like pop-ups, but a link back to the home is indeed needed.<br/><br/><blockquote><br/>I didn’t bother to read the text in the toolbar and had a very hard time figuring out how to upload my pictures.<br/><br/><br/>Recomendation: don’t expect the user to read the toolbar text. Include a large “Add your photos” which opens a bubble that explains how to upload pictures and how to navigate from place to place using the map.<br/></blockquote><br/><br/>I don’t like the “big links” approach. It sometimes makes links even easier to dismiss, as they start looking like logos or ads. But your concert is very real… I put the relevant text in bold, as is by far the most import in the whole toolbar. Maybe I should put it in the last place in the toolbar, because there is less clutter in the middle of the page (over the map) than in the left side (over the previews).<br/> <br/><blockquote><br/><span style="color:red">BUG</span>: When I try to upload a PNG the system takes 2 to 3 minutes to tell me that only JPEGs are accepted.<br/></blockquote><br/><br/>It also says that only jpegs are accepted in the Upload picture balloon. I will put an additional client side test to ensure that the file ends with .jpg or .jpeg.<br/><br/><blockquote><br/><span style="color:red">BUG</span>: When browsing other people’s pictures I see a delete link which allows me to delete pcitures that aren’t mine.<br/></blockquote><br/> <br/>Wow. That thing is of course also checked in the server, but it’s disturbing anyway. It's fixed now.<br/><br/><blockquote><br/>While browsing other people’s pictures I decide to search for Athens, Greece. The “searching icon” appears but I am not shown the results until I click on the “Back to map” link.<br/><br/><br/>Recomendation: as soon as the person begins a search, automatically jump back to map and show the location searched for.<br/></blockquote><br/><br/>Yup, good suggestion. It was also on our to-do list.<br/><br/><blockquote><br/>While browsing other people’s pictures I am constantly scrolling down to see the map and locate the place the picture was taken.<br/><br/><br/>Recomendation: move the map above the fold.<br/></blockquote><br/><br/>If I do so, I fear you will be constantly scrolling down to see the picture. I tried to put the satellite mini map to the right of the picture, but there was not enough free space to put it on 1024x768. Eduardo suggested to put the mini map at the bottom of this page, and I think it looks better there.<br/><br/><blockquote><br/>It’s not clear which pictures appear in the left.hand column.<br/><br/>Recomendation:<br/><ul><br/><li>As soon as the user clicks on a picture in the left hand column, show the picture in the right-hand column, zoom in on the surrounding region and show all of the pictures from the selected region, not just the picture that has been selected. Use colors and borders to distinguish between the spot where the selected picture was taken and the spots marking other available pictures from the selected region.</li><br/><li>When the user mouses over a spot marked on the map, show aa thick red border around the picture that corresponds to the place on the map. Then, when the user moves the mouse off of the market spot, remove the red border. </li><br/></ul><br/></blockquote><br/><br/>I will take a look at this suggestion later. My brain seems to not be able to digest it right now :-)<br/><br/><blockquote><br/><span style="color:red">BUG</span>: When I try to go back or forward I see the following error message:<br/><br/>[Very weird error message™]<br/></blockquote><br/> <br/>Never seen it, but I will try reproduce this. Note to my dear readers: The image was not readable, so just believe that it was a very weird error message..<br/><br/><blockquote><br/>I can’t tell how many pictures are available throughout Panoramio or just in the region I’m browsing.<br/><br/><br/>Recomendation: Include the total number of pictures uploaded in Panoramio’s history and today. Include the number of pictures available for a given region and show me where I am within the search results (“25-50 of 310 pictures”).<br/></blockquote><br/><br/>Yup, done. But I still want to improve a bit more. A link to each “page” of pictures would be better.<br/><br/><blockquote><br/>I can’t “reset” the app, ie. I can’t get back to the very first screen I saw with a view of the whole world.<br/><br/><br/>Recomendation: Include a “reset” or “zoom out” or “home” link.<br/></blockquote><br/><br/>The “Panoramio” word is a link to the very first screen. I hope when we have our logo ready this will be much more evident.<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/review-of-panoramio-12.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-14T09:31:00-07:00">9:31 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=4019175631941028845&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4019175631941028845&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4019175631941028845&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4019175631941028845&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4019175631941028845&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4019175631941028845&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/review-of-panoramio-12.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Tuesday, October 11, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="617196125201047471"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/our-to-do-list.html">Our to-do list</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> We are now working in browser compatibility. Explorer 6 and Firefox 1.0.7 should work okay. It's still not possible to post pictures with Safari and there are some bugs in Opera and Firebird, but we are fixing them. If Panoramio doesn't work properly in your browser, please report it to the <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/forum/viewforum.php?f=1">support forum</a>. <br/><br/>Today we made some minor changes in the search engine in order to make more intuitive the "suggest" system. Now the code to upload the pictures is also a bit more robust. We also raised the upload limit up to 5 Mb pictures.<br/><br/>We have been asked for other features like personal areas, editing personal data, photos urls, GPS and rotation EXIF tags, etc. They are all included in our to-do list.<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/our-to-do-list.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-11T06:27:00-07:00">6:27 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=617196125201047471&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=617196125201047471&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=617196125201047471&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=617196125201047471&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=617196125201047471&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=617196125201047471&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/our-to-do-list.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Friday, October 7, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="488682424932269393"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/less-is-better.html">Less is better</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Some <a href="https://web.archive.org/web/20141005211917/http://www.yahoo.com/">big</a> <a href="https://web.archive.org/web/20141005211917/http://www.microsoft.com/">names</a> are redoing their webmail interfaces, in response to <a href="https://web.archive.org/web/20141005211917/http://gmail.google.com/">GMail</a>. They are redoing the whole thing using a richer interface.<br/><br/>Basically, both of them are building something akin Outlook on html / javascript. And they are <b>so</b> wrong.<br/><br/>GMail has show us that you can implement responsive applications on a browser. It raised the bar. But people is not loving it because it uses XMLHttpRequest. Nobody knows what the hell is XMLHttpRequest.<br/><br/>It is because its interface is <b>BETTER</b> than anything else. Excuse me, but I already have Outlook. Why<br/>do I need another Outlook in my browser? I don't want new applications, be it for the web or the desktop to be clones of what I already have.<br/><br/>There is somebody that has got the point. <a href="https://web.archive.org/web/20141005211917/http://www.37signals.com/">37signals</a> keeps <a href="https://web.archive.org/web/20141005211917/http://www.basecamphq.com/">pumping</a> <a href="https://web.archive.org/web/20141005211917/http://www.backpackit.com/">out</a> <a href="https://web.archive.org/web/20141005211917/http://www.tadalist.com/">little</a> <a href="https://web.archive.org/web/20141005211917/http://www.writeboard.com/">gems</a>. <br/><br/>Excuse my french, these guys have balls! They have done a web page so you could have <b>to do</b> lists! And it's working!<br/><br/><a href="https://web.archive.org/web/20141005211917/http://www.37signals.com/">37signals</a> have the gift to see the deep root of a problem, and to deliver an application that fixes this single problem. And then stop. Don't think about "what if"'s. It is done.<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/less-is-better.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-07T13:53:00-07:00">1:53 PM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=488682424932269393&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=488682424932269393&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=488682424932269393&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=488682424932269393&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=488682424932269393&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=488682424932269393&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/less-is-better.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> <div class="post-outer"> <div class="post hentry"> <a name="5232721059601929049"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/good-and-bad-news.html">Good and bad news</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> <strong>The good news: </strong>Yesterday Panoramio appeared in some big sites and visitors came fast and furious. Hundreds of amazing pics around the world were posted; <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=55.753588&ln=37.627144&z=4&k=1">Moscow</a>, <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=44.694041&ln=12.23877&z=8&k=1">Italy</a>, <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=33.224903&ln=-115.614624&z=7&k=1">California</a>, <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=51.5&ln=-0.116667&z=4&k=1">London</a>, <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=62.020562&ln=35.25856&z=6&k=1">Kizhi</a> (Russia), etc. We added a small world map to the photo page in order to give an idea of where the picture was located. Posting pictures over Japan didn't work, but we already fixed the problem.<br/><br/><strong>The bad news: </strong>We have discovered there are still problems with Safari, Opera and Firefox. In Safari you can not post new pictures (bad bad) and in Opera you can hardly see the pictures, as a big map is over them (very bad). Firefox is showing the drop down of the search under the images. We are working in all these problems, and fixing them as fast as we can.<br/><br/>Bugs, comments, suggestions... please, report them to the <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/forum/viewforum.php?f=1">Panoramio forum</a>. <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/good-and-bad-news.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-07T05:07:00-07:00">5:07 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=5232721059601929049&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5232721059601929049&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5232721059601929049&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5232721059601929049&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5232721059601929049&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5232721059601929049&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/good-and-bad-news.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Sunday, October 2, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="1346268436840152984"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/panoramio-10-soft-launch.html">Panoramio 1.0, soft launch</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Joaqu铆n and me have been working in <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/">Panoramio</a> the last weeks. Finally we believe Panoramio it's ready for a soft launch. Ideas, suggestions or bugs are welcome in <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/forum/viewforum.php?f=1">Panoramio forum</a>. <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/panoramio-10-soft-launch.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-02T17:01:00-07:00">5:01 PM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=1346268436840152984&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1346268436840152984&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1346268436840152984&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1346268436840152984&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1346268436840152984&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1346268436840152984&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/panoramio-10-soft-launch.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> <div class="post-outer"> <div class="post hentry"> <a name="446849027811951530"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/using-panoramio.html">Using Panoramio</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> The <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=20.01271&ln=-76.852798&z=6&k=1">Pico Turquino trail</a> (Cuba), <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=-34.354916&ln=18.481064&z=3&k=1">Cape Of God Hope</a> (thanks eSHa) and <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=71.054448&ln=25.779419&z=8&k=1">North Cape and Mageroya island</a> (Norway) are some examples.<br/><br/>I even have seen someone posting a <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=41.86547&ln=-87.705231&z=8&k=1">McDonalds restaurant in Chicago</a>. Some small cities like <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=47.661803&ln=9.174957&z=3&k=1">Konstanz</a> (Germany) or <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/?lt=38.124733&ln=-0.877404&z=3&k=1">Callosa de Segura</a> (Spain) can give an idea of what it's possible, but it depends very much on the availability of high resolution pictures from Google Maps.<br/><br/>Next uses are to come, experiments are welcome. <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/10/using-panoramio.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-10-02T16:45:00-07:00">4:45 PM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=446849027811951530&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=446849027811951530&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=446849027811951530&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=446849027811951530&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=446849027811951530&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=446849027811951530&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/10/using-panoramio.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Tuesday, September 27, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="3732298308682124400"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/09/embedding-panoramio-in-your-site.html">Embedding Panoramio in your site</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Some people have asked in the forum for a way to have Panoramio on<br/>their site. So I went for an easier solution for all of you. I just<br/>cooked a mini panoramio version, ready to be used on iframes outside<br/>Panoramio. An example is:<br/><br/><iframe src="https://web.archive.org/web/20141005211917if_/http://www.panoramio.com/plugin.php?lt=43.406295&ln=-2.686586&z=3&k=1" width="446px" height="300px"></iframe><br/><br/>This is what you need to write in your site:<br/><br/><b><iframe src="http://www.panoramio.com/plugin.php?<br/>lt=43.406295&amp;ln=-2.686586&amp;z=3&amp;k=1" width="446px" height="300px"></iframe></b><br/><br/>You must pass these options as you will do for a GET request, and the<br/>name of these options is lt (for latitude), ln (for longitude), k (for<br/>kind of map, 0 = map, 1 = satellite, 2 = hybrid), z (for zoom level, 0<br/>is the maximum zoom, 17 is the minimum), zm = 1 to activate the zoom with the mouse wheel and user (for the user email).<br/>All of these options are optional.<br/><br/>You can of course tweak the size of this frame using its width and/or<br/>height attributes.<br/><br/>I will improve this mini Panoramio over time, specially so it can show<br/>pictures at a decent size.<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/09/embedding-panoramio-in-your-site.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-09-27T08:17:00-07:00">8:17 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=3732298308682124400&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3732298308682124400&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3732298308682124400&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3732298308682124400&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3732298308682124400&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=3732298308682124400&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/09/embedding-panoramio-in-your-site.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Sunday, September 18, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="937090696101458995"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/09/onload-event.html">onload event</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> You can use the onload event on images to know when the browser has finished the download of an image.<br/><br/>I have used it for the upcoming version of <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/">Panoramio</a>, where I only show the images after they have been fully loaded.<br/><br/>There is however a subtle difference between Internet Explorer and Firefox related to this event.<br/><br/>If you set up the handler to this event <i>after</i> setting the <code>src</code> of the image and the image is in the cache, Internet Explorer will not fire the <code>onload</code> event.<br/><br/>Internet Explorer fires this event inmediatelly if the image is in the cache, so you should do:<br/><br/><code><br/>img.onload = onLoadHandler;<br/>img.src = "foo.png";<br/></code><br/><br/>instead of<br/><br/><code><br/>img.src = "foo.png";<br/>img.onload = onLoadHandler;<br/></code><br/><br/>or your code will not work on Internet Explorer for cached images. <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/09/onload-event.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-09-18T12:12:00-07:00">12:12 PM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=937090696101458995&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=937090696101458995&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=937090696101458995&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=937090696101458995&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=937090696101458995&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=937090696101458995&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/09/onload-event.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Monday, September 5, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="7697213475410838124"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/09/more-differences-between-internet.html">More differences between Internet Explorer and the other browsers</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Directly from <a href="https://web.archive.org/web/20141005211917/http://mir.aculo.us/articles/2005/08/31/more-internet-explorer-woes">mir.aculo.us</a>. Internet Explorer does not like certain names for the <code>id</code> of your controls.<br/><br/>People using "tags" as <code>id</code> are <a href="https://web.archive.org/web/20141005211917/http://jamis.jamisbuck.org/articles/2005/06/03/ie-is-teh-3v1l">having problems to print the page</a> (?). Explorer also gets confused if you use "options" as <code>id</code>, but this time you will probably get a javascript error. To make good things better, it also has problems if you use as <code>id</code> the <code>name</code> of another control.<br/><br/>Another example of problem that will not be discovered with any w3c test.<br/><br/>Test early, test often, and with as much browsers as possible!<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/09/more-differences-between-internet.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-09-05T07:50:00-07:00">7:50 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=7697213475410838124&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=7697213475410838124&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=7697213475410838124&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=7697213475410838124&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=7697213475410838124&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=7697213475410838124&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/09/more-differences-between-internet.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Friday, September 2, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="1800111066615547242"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/09/hurricane-katrina.html">Hurricane Katrina</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> If you are (like me) not from the USA, and you want to help people affected by Katrina, you can do so through the<br/><a href="https://web.archive.org/web/20141005211917/http://blogcritics.org/archives/2005/08/31/133020.php">Blogcritics Hurricane Katrina Relief Fund</a>.<br/><br/>Remember that the United States people have always been there to help us when we needed it. It is time to give<br/>them back a little bit of help.<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/09/hurricane-katrina.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-09-02T06:56:00-07:00">6:56 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=1800111066615547242&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1800111066615547242&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1800111066615547242&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1800111066615547242&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1800111066615547242&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=1800111066615547242&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/09/hurricane-katrina.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Tuesday, August 30, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="8926729970705811790"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/loading-google-map-page-with-many.html">Loading Google Map's page with many markers slow in Explorer</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> As anybody that has visited <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/">Panoramio</a> will say to you,<br/>it may take an awful long time to load markers on a Google Maps page.<br/><br/>I didn't know what was going on. I mean, Firefox was much much faster on this page than Internet Explorer, on the same connection, same computer. Why?<br/><br/><a href="https://web.archive.org/web/20141005211917/http://groups.google.com/group/Google-Maps-API/browse_thread/thread/08e3d5a8193c18cc/7ae7ba44c8472603">A very long thread</a> over this issue was running on the <a href="https://web.archive.org/web/20141005211917/http://groups.google.com/group/Google-Maps-API">Google Maps API discussion group</a> without any clear work-around or explanation. So I took the plunge.<br/><br/>I fired <a href="https://web.archive.org/web/20141005211917/http://www.fiddlertool.com/">Fiddler</a>, a wonderful little application done by <a href="https://web.archive.org/web/20141005211917/http://insidehttp.blogspot.com/">Eric Lawrence</a>, one Program Managers of Microsoft Internet Explorer 7. Fiddler spies the WinINET calls, and logs all the HTTP requests and responses done and received by your computer using the WinINET library.<br/><br/>The reason Internet Explorer was so much slower than Firefox was obvious, Internet Explorer was querying the browser for the marker image, but it was doing it once for each marker! That means the server was sending out the same image over and over again.<br/><br/>It turns out Explorer may cache the image, but it needs a bit of time to cache it. If you just ask for 500 markers directly, it will try to download 500 times the five images that compose a marker.<br/><br/>Depending on your IE options, and on the headers your server sends along with your images, you may find this bug only the first time you open the page, and then it may vanish, or not, or appear again when the cache expires, to vanish again after that, or remain there (again, in function of your exact headers).<br/><br/>So if you have to read multiple markers in google maps, before doing so make sure Internet Explorer has put the needed images in the cache:<br/><br/><code><br/><script type="text/javascript">function onLoad() { ... your code here ... }</script><br/><body onload="setTimeout(onLoad, 100)"><br/><img href="http://www.google.com/mapfiles/marker.png" style="display:none"><br/><br/><img href="http://www.google.com/mapfiles/shadow50.png" style="display:none"><br/><br/><img href="http://www.google.com/mapfiles/markerTransparent.png" style="display:none"><br/><br/><img href="http://www.google.com/mapfiles/markerie.gif" style="display:none"><br/><br/><img href="http://www.google.com/mapfiles/dithshadow.gif" style="display:none"><br/><code><br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/loading-google-map-page-with-many.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-08-30T08:08:00-07:00">8:08 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=8926729970705811790&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8926729970705811790&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8926729970705811790&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8926729970705811790&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8926729970705811790&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8926729970705811790&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/08/loading-google-map-page-with-many.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Friday, August 26, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="874294487658378512"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/first-mac-mini-experience.html">First Mac Mini experience</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Last week-end I bought a Mac Mini because<br/><br/>1. I wanted to test Panoramio on Safari<br/>2. I want to start developping any new application also for Mac<br/>3. It looks cute as hell!<br/><br/>So far the experience has been great. Most things just work, and the whole interface is very slick.<br/><br/>There vere however several dark spots.<br/><br/>First, I took the old version of Mac Mini, preloaded with MacOS X 10.3 (aka Panther). A few months ago Apple released MacOS X 10.4 (aka Tiger). If you want to upgrade you have to pay 129€. No discount for previous users.<br/><br/>I doubt that Microsoft will make you pay an upgrade of this size. MacOS X 10.4 have some nice improvements, but it looks like a big Service Pack to me. But that's debatable. Spotlight and the new 3D infrastructure certainly look like quite major changes.<br/><br/>The thing that let me puzzled is that some software already *required* MacOS X 10.4!<br/><br/>Point in case, I can't use Java 1.5 because it's only available for Tiger. As I understand it, they made some changes and Java now needs to use the new 3D stuff available only in Tiger, but com'on! was there really no way to port Java 1.5 to Panther? There is a lot of interesting things in "Java the language" that are new in Java 1.5, and they are completely unrelated to the base system. <br/><br/>Same problem with Dashboard or the new Safari. I'm sure it would be *hard* to port these things to Panther, and I can hardly remember a Microsoft product that obsoleted a previous Microsoft OS, except those that were truly *old*.<br/><br/>Remember that I just unpacked a shinny new computer, and its OS is already not supported! We are not speaking of a ten years compatibility here, just compatibility with products that are still selling!<br/><br/>I returned the MacMini and will bought instead the new MacMini that is already announced in Apple. It seems they will receive the first boxes next week.<br/><br/>The good news are that Panoramio was working well with Safari 1.2 (the Panther one), except for pictures not disappearing when the marker on the map disappears.<br/><br/>I quickly tested Panoramio with Safari 1.3 on an exposed Power Mac in the store, and the bad news is that it was not working so well. The first problem is that the default latitude and longitude was "NaN" and "NaN", instead of the position of Madrid. It seems to be a problem with my <code>getCookie</code> function. I worked around this problem hand crafting an url to center the map at Madrid, and things worked like in Safari 1.2, except that I managed to crash Safari. (So far, I've managed to crash Internet Explorer and Safari.)<br/><br/>I will keep you posted when I'll get my hands on a new Mac Mini and fix these Panoramio problems.<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/first-mac-mini-experience.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-08-26T03:29:00-07:00">3:29 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=874294487658378512&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=874294487658378512&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=874294487658378512&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=874294487658378512&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=874294487658378512&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=874294487658378512&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/08/first-mac-mini-experience.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Friday, August 19, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="4747826432492685714"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html">Why Panoramio is not XHTML/CSS valid?</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> In my previous post <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/blog/?p=2">Fade in and out</a> I said that I didn't care about Panoramio not being xhtml/css valid.<br/><br/>If that sounds weird, it's just because people have forgotten the real goal of validating a site. Validation is a <b>mean</b>, not an end.<br/><br/>The goal is to have a site as cross browser as possible, so that any potential user is able to enjoy it. Validation is a tool to use towards this goal, but it is not the only tool, and not even the most useful one.<br/><br/>Even if people where using fully compliant browsers to see your site (and we all know they are not), there are an awful lot of things that are just not in the specification and can ruin the look of a perfectly valid page. For instance, the standard is silent about the default margin, color and font that a browser should use for any element. There are very good reasons to not specify such things. Font names are not the same between different systems, for instance. But the point is that if you don't really <b>test</b> your page against different browsers, no matter how much does your page validate, it may still look awful for a lot of your visitors.<br/><br/>You can also experience the reverse. You can have a non valid page that is perfectly usable on a 100% standard browser. And I don't mean that “almost everything will work”, I really mean <b>perfectly usable</b>! The XHTML / CSS standards says how a XHTML / CSS document should look, and it also says how a compliant browser should behave in the presence of certain invalid documents. For instance, <a href="https://web.archive.org/web/20141005211917/http://www.w3.org/TR/2002/REC-xhtml1-20020801/#uaconf">unknown attributes should be ignored</a>.<br/><br/>It is thus perfectly legal to invent new attributes, and give them a particular meaning with javascript (just remember that your user may not have javascript activated). Any compliant browser will render your page without a glitch. The only downside is that your page will not be anymore XHTML valid. But if you concern is to have webpages that can be read and used with any browser, you will not have a single problem with this strategy.<br/><br/>This trick is used in our login and register forms in Panoramio, to explicit what test should be run by the client on each field before the form is submitted. E-mails should be real e-mails, some fields are mandatory, that kind of thing. The result is much cleaner than adding these tests ad-hoc in javascript. (Note that this framework is not yet finished, and thus the javascript code still does some tests in an ad-hocist manner.)<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-08-19T08:04:00-07:00">8:04 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=4747826432492685714&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4747826432492685714&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4747826432492685714&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4747826432492685714&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4747826432492685714&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4747826432492685714&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Thursday, August 18, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="4459383111705161698"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/turquino-trail-in-cuba.html">Turquino trail in Cuba</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> It wasn't that easy, it was difficult to remember the right places after two years, but at the end I could submit the <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/map/#lt=20.017871&ln=-76.834946&z=6&k=2&a=1">pics of Turquino trail</a>, the highest peak in Cuba. <br/><br/>It takes you two days to walk 41 km up and down, a real <em>rompepiernas</em> trail. Sad it's forbidden to take photos in La Comandancia de la Plata, the main basecamp of the Cuban revolution that is included in the route. By the way, right at the top, there is absolutely no view, too many trees. Anyway you can enjoy wonderful views along the whole trail. <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/turquino-trail-in-cuba.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-08-18T07:37:00-07:00">7:37 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=4459383111705161698&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4459383111705161698&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4459383111705161698&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4459383111705161698&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4459383111705161698&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4459383111705161698&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/08/turquino-trail-in-cuba.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> <div class="post-outer"> <div class="post hentry"> <a name="8254111107085747006"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/differences-between-mozilla-and.html">Differences between Mozilla and Internet Explorer</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Some time ago I read an article pointing out how to <a href="https://web.archive.org/web/20141005211917/http://www-128.ibm.com/developerworks/web/library/wa-ie2mozgd/">migrate apps from Internet Explorer to Mozilla</a>. The articule is well written and worth a read, but it falls short on explaining all the real problems you can find when making a webapplication that works on both browsers (let alone something that works on Opera, Safari and Konqueror).<br/><br/>So I decided to blog about some of the inconsistencies that I've run into.<br/><br/>For this first post, one of my favorites, <code>innerHTML</code> support depends on your browser.<br/><br/><code>innerHTML</code> is not part of any blessed W3C standard, it was introduced a long time ago in Internet Explorer. It's so damn useful and so handy compared to using the DOM interfaces that this property was replicated by other browsers.<br/><br/>There is however a difference that you must be aware of, in Internet Explorer you <a href="https://web.archive.org/web/20141005211917/http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/innerhtml.asp">can not change</a> <code>innerHTML</code> on objects of type COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE or TR. You can do it in Firefox.<br/><br/>If you develop a site looking first how it works on Firefox and fixing it later in explorer, you may fall on this trap, thinking that everything is working ok, just to see that it's not working at all when you check it later in explorer.<br/><br/>If you want to support several browsers, better do it from the front up, or there may be some design decisions that may be hard to overcome when you discover that this or that trick doesn't work on one of your browsers.<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/differences-between-mozilla-and.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-08-18T05:49:00-07:00">5:49 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=8254111107085747006&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8254111107085747006&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8254111107085747006&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8254111107085747006&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8254111107085747006&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=8254111107085747006&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/08/differences-between-mozilla-and.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class="date-header"><span>Tuesday, August 16, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="5691993704846942335"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/still-very-much-work-to-be-done.html">Still very much work to be done</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> There is still very much work to be done in Panoramio; many bugs, usability problems and lack of features. The to-do list is very long. We are fixing them, but if you have any comment, suggestion, complaint or idea, just leave a comment here or at the <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/forum/">forum</a>. We would be happy to hear from you. <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/still-very-much-work-to-be-done.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-08-16T23:28:00-07:00">11:28 PM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=5691993704846942335&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5691993704846942335&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5691993704846942335&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5691993704846942335&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5691993704846942335&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=5691993704846942335&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/08/still-very-much-work-to-be-done.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> <div class="post-outer"> <div class="post hentry"> <a name="4736999344176631785"></a> <h3 class="post-title entry-title"> <a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/fade-in-and-out.html">Fade in and out</a> </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> Playing with the effects in <a href="https://web.archive.org/web/20141005211917/http://script.aculo.us/">script.aculo.us</a> I added a new little effect to switch from an element to another one smoothly.<br/><br/>Better see it in action, go to <a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/">Panoramio</a>, register as a new user, and see the little fade out of “Login Register” and the fade in of “Hi Foo Bar”.<br/><br/>Sure enough, it was not working on IE. It's a <a href="https://web.archive.org/web/20141005211917/http://wiki.script.aculo.us/scriptaculous/show/GivingElementsLayout">documented problem</a>, the Opacity effect didn't work on elements without <a href="https://web.archive.org/web/20141005211917/http://www.satzansatz.de/cssd/onhavinglayout.html">layout</a>. The “layout” is some kind of karma that IE throws on certain elements, and you can activate it manually if you use the right CSS incantation.<br/><br/>So here we go, I apply <code>height: 1px;</code> to my two spans to no joy, it still didn't work. Let's try <code>zoom: 1</code>... on the money! zoom is not a valid css property, but my page didn't validate anyway (and no, I don't care) so I'm sell on zoom.<br/><br/>But now I have another problem. If you have <a href="https://web.archive.org/web/20141005211917/http://www.microsoft.com/typography/">cleartype</a> activated the result is ugly beyond belief. Pssst. Well, nobody said that's going to be easy.<br/><br/>Another google search, and we see this <a href="https://web.archive.org/web/20141005211917/http://jszen.blogspot.com/2005/04/ie-bold-text-opacity-problem.html">lovely blogger</a> giving us a work-around. Just put an explicit background color to this element. Luckly enough I'm using an uniform background for this part of the site, so I just added a <code>background-color: white;</code> and now I have something that works like a charm at the very least on IE6 and on Firefox.<br/><br/>I can now take my breakfast. <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/08/fade-in-and-out.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-08-16T07:02:00-07:00">7:02 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=4736999344176631785&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4736999344176631785&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4736999344176631785&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4736999344176631785&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4736999344176631785&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211917/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4736999344176631785&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/08/fade-in-and-out.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> </div> </div></div> <!-- google_ad_section_end --> </div> <div class="blog-pager" id="blog-pager"> <span id="blog-pager-newer-link"> <a class="blog-pager-newer-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-max=2006-09-13T15:40:00-07:00&max-results=32&reverse-paginate=true" id="Blog1_blog-pager-newer-link" title="Newer Posts">Newer Posts</a> </span> <a class="home-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/">Home</a> </div> <div class="clear"></div> <div class="blog-feeds"> <div class="feed-links"> Subscribe to: <a class="feed-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/feeds/posts/default" target="_blank" type="application/atom+xml">Posts (Atom)</a> </div> </div> <script type="text/javascript">window.___gcfg = {'lang': 'en'};</script> </div></div> </div> </div> <div class="column-left-outer"> <div class="column-left-inner"> <aside> </aside> </div> </div> <div class="column-right-outer"> <div class="column-right-inner"> <aside> <div class="sidebar section" id="sidebar-right-1"><div class="widget HTML" id="HTML3"> <div class="widget-content"> <div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script><script src="//web.archive.org/web/20141005211917js_/http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=HTML&widgetId=HTML3&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML3"));" target="configHTML3" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div><div class="widget CustomSearch" id="CustomSearch1"> <h2 class="title">Search This Blog</h2> <div class="widget-content"> <div id="CustomSearch1_form"> <span class="cse-status">Loading...</span> </div> </div> <style type="text/css"> #uds-searchControl .gs-result .gs-title, #uds-searchControl .gs-result .gs-title *, #uds-searchControl .gsc-results .gsc-trailing-more-results, #uds-searchControl .gsc-results .gsc-trailing-more-results * { color:#2288bb; } #uds-searchControl .gs-result .gs-title a:visited, #uds-searchControl .gs-result .gs-title a:visited * { color:#888888; } #uds-searchControl .gs-relativePublishedDate, #uds-searchControl .gs-publishedDate { color: #000000; } #uds-searchControl .gs-result a.gs-visibleUrl, #uds-searchControl .gs-result .gs-visibleUrl { color: #2288bb; } #uds-searchControl .gsc-results { border-color: #dddddd; background-color: #ffffff; } #uds-searchControl .gsc-tabhActive { border-color: #dddddd; border-top-color: #dddddd; background-color: #ffffff; color: #666666; } #uds-searchControl .gsc-tabhInactive { border-color: #dddddd; background-color: transparent; color: #2288bb; } #uds-searchClearResults { border-color: #dddddd; } #uds-searchClearResults:hover { border-color: #dddddd; } #uds-searchControl .gsc-cursor-page { color: #2288bb; } #uds-searchControl .gsc-cursor-current-page { color: #666666; } </style> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=CustomSearch&widgetId=CustomSearch1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("CustomSearch1"));" target="configCustomSearch1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div><div class="widget HTML" id="HTML2"> <div class="widget-content"> <a href="https://web.archive.org/web/20141005211917/http://feeds.feedburner.com/panoramio/Riqg"><img src="https://web.archive.org/web/20141005211917im_/http://feeds.feedburner.com/~fc/panoramio/Riqg?bg=99CCFF&fg=444444&anim=0" height="26" width="88" style="border:0" alt=""/></a> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=HTML&widgetId=HTML2&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML2"));" target="configHTML2" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div><div class="widget HTML" id="HTML1"> <div class="widget-content"> <iframe width="240" height="200" frameborder="0" src="https://web.archive.org/web/20141005211917if_/http://www.panoramio.com/wapi/template/slideshow.html?tag=best;width=240&height=200&delay=5" scrolling="no" marginwidth="0" marginheight="0"></iframe> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=HTML&widgetId=HTML1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML1"));" target="configHTML1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div><div class="widget Subscribe" id="Subscribe1"> <div style="white-space:nowrap"> <h2 class="title">Subscribe To</h2> <div class="widget-content"> <div class="subscribe-wrapper subscribe-type-POST"> <div class="subscribe expanded subscribe-type-POST" id="SW_READER_LIST_Subscribe1POST" style="display:none;"> <div class="top"> <span class="inner" onclick="return(_SW_toggleReaderList(event, "Subscribe1POST"));"> <img class="subscribe-dropdown-arrow" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/widgets/arrow_dropdown.gif"/> <img align="absmiddle" alt="" border="0" class="feed-icon" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon_feed12.png"/> Posts </span> <div class="feed-reader-links"> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211917/http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fblog.panoramio.com%2Ffeeds%2Fposts%2Fdefault" target="_blank"> <img src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/widgets/subscribe-netvibes.png"/> </a> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211917/http://add.my.yahoo.com/content?url=http%3A%2F%2Fblog.panoramio.com%2Ffeeds%2Fposts%2Fdefault" target="_blank"> <img src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/widgets/subscribe-yahoo.png"/> </a> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/feeds/posts/default" target="_blank"> <img align="absmiddle" class="feed-icon" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon_feed12.png"/> Atom </a> </div> </div> <div class="bottom"></div> </div> <div class="subscribe" id="SW_READER_LIST_CLOSED_Subscribe1POST" onclick="return(_SW_toggleReaderList(event, "Subscribe1POST"));"> <div class="top"> <span class="inner"> <img class="subscribe-dropdown-arrow" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/widgets/arrow_dropdown.gif"/> <span onclick="return(_SW_toggleReaderList(event, "Subscribe1POST"));"> <img align="absmiddle" alt="" border="0" class="feed-icon" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon_feed12.png"/> Posts </span> </span> </div> <div class="bottom"></div> </div> </div> <div class="subscribe-wrapper subscribe-type-COMMENT"> <div class="subscribe expanded subscribe-type-COMMENT" id="SW_READER_LIST_Subscribe1COMMENT" style="display:none;"> <div class="top"> <span class="inner" onclick="return(_SW_toggleReaderList(event, "Subscribe1COMMENT"));"> <img class="subscribe-dropdown-arrow" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/widgets/arrow_dropdown.gif"/> <img align="absmiddle" alt="" border="0" class="feed-icon" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon_feed12.png"/> All Comments </span> <div class="feed-reader-links"> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211917/http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fblog.panoramio.com%2Ffeeds%2Fcomments%2Fdefault" target="_blank"> <img src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/widgets/subscribe-netvibes.png"/> </a> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211917/http://add.my.yahoo.com/content?url=http%3A%2F%2Fblog.panoramio.com%2Ffeeds%2Fcomments%2Fdefault" target="_blank"> <img src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/widgets/subscribe-yahoo.png"/> </a> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/feeds/comments/default" target="_blank"> <img align="absmiddle" class="feed-icon" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon_feed12.png"/> Atom </a> </div> </div> <div class="bottom"></div> </div> <div class="subscribe" id="SW_READER_LIST_CLOSED_Subscribe1COMMENT" onclick="return(_SW_toggleReaderList(event, "Subscribe1COMMENT"));"> <div class="top"> <span class="inner"> <img class="subscribe-dropdown-arrow" src="https://web.archive.org/web/20141005211917im_/http://img2.blogblog.com/img/widgets/arrow_dropdown.gif"/> <span onclick="return(_SW_toggleReaderList(event, "Subscribe1COMMENT"));"> <img align="absmiddle" alt="" border="0" class="feed-icon" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon_feed12.png"/> All Comments </span> </span> </div> <div class="bottom"></div> </div> </div> <div style="clear:both"></div> </div> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=Subscribe&widgetId=Subscribe1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("Subscribe1"));" target="configSubscribe1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div><div class="widget LinkList" id="LinkList2"> <h2>Follow Panoramio on:</h2> <div class="widget-content"> <ul> <li><a href="https://web.archive.org/web/20141005211917/http://twitter.com/panoramio">Twitter</a></li> <li><a href="https://web.archive.org/web/20141005211917/http://www.google.com/profiles/panoramioteam">Google Buzz</a></li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=LinkList&widgetId=LinkList2&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("LinkList2"));" target="configLinkList2" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget Label" id="Label1"> <h2>Labels</h2> <div class="widget-content list-label-widget-content"> <ul> <li> <a dir="ltr" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search/label/Contest">Contest</a> <span dir="ltr">(36)</span> </li> <li> <a dir="ltr" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search/label/Panomeeting">Panomeeting</a> <span dir="ltr">(6)</span> </li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=Label&widgetId=Label1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("Label1"));" target="configLabel1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget BlogArchive" id="BlogArchive1"> <h2>Archive</h2> <div class="widget-content"> <div id="ArchiveList"> <div id="BlogArchive1_ArchiveList"> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min=2013-01-01T00:00:00-08:00&updated-max=2014-01-01T00:00:00-08:00&max-results=2">2013</a> <span class="post-count" dir="ltr">(2)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2013_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2013_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min=2012-01-01T00:00:00-08:00&updated-max=2013-01-01T00:00:00-08:00&max-results=50">2012</a> <span class="post-count" dir="ltr">(57)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2012_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2012_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2012_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2012_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2012_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(8)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2012_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2012_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(8)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2012_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(8)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2012_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(12)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2012_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min=2011-01-01T00:00:00-08:00&updated-max=2012-01-01T00:00:00-08:00&max-results=50">2011</a> <span class="post-count" dir="ltr">(59)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(11)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2011_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min=2010-01-01T00:00:00-08:00&updated-max=2011-01-01T00:00:00-08:00&max-results=47">2010</a> <span class="post-count" dir="ltr">(47)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(9)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2010_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min=2009-01-01T00:00:00-08:00&updated-max=2010-01-01T00:00:00-08:00&max-results=18">2009</a> <span class="post-count" dir="ltr">(18)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2009_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2009_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2009_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2009_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2009_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2009_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2009_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2009_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2009_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2009_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2009_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min=2008-01-01T00:00:00-08:00&updated-max=2009-01-01T00:00:00-08:00&max-results=38">2008</a> <span class="post-count" dir="ltr">(38)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(7)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2008_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min=2007-01-01T00:00:00-08:00&updated-max=2008-01-01T00:00:00-08:00&max-results=36">2007</a> <span class="post-count" dir="ltr">(36)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(7)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2007_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min=2006-01-01T00:00:00-08:00&updated-max=2007-01-01T00:00:00-08:00&max-results=49">2006</a> <span class="post-count" dir="ltr">(49)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(11)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2006_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(8)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate expanded"> <a class="toggle" href="javascript:void(0)"> <span class="zippy toggle-open">▼ </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min=2005-01-01T00:00:00-08:00&updated-max=2006-01-01T00:00:00-08:00&max-results=32">2005</a> <span class="post-count" dir="ltr">(32)</span> <ul class="hierarchy"> <li class="archivedate expanded"> <a class="toggle" href="javascript:void(0)"> <span class="zippy toggle-open">▼ </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(2)</span> <ul class="posts"> <li><a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/12/it-can-be-so-hard.html">It can't be so hard...</a></li> <li><a href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005/12/to-this-page-no-longer-needed.html">"Link to this page" no longer needed</a></li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(7)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(12)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211917/http://blog.panoramio.com/2005_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(7)</span> </li> </ul> </li> </ul> </div> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("BlogArchive1"));" target="configBlogArchive1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget LinkList" id="LinkList1"> <h2>Useful Links</h2> <div class="widget-content"> <ul> <li><a href="https://web.archive.org/web/20141005211917/http://www.panoramio.com/forum">Panoramio Forum</a></li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=LinkList&widgetId=LinkList1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("LinkList1"));" target="configLinkList1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget LinkList" id="LinkList3"> <h2>Blogs you may like:</h2> <div class="widget-content"> <ul> <li><a href="https://web.archive.org/web/20141005211917/http://google-latlong.blogspot.com/">Lat Long Blog</a></li> <li><a href="https://web.archive.org/web/20141005211917/http://googlemobile.blogspot.com/">Google Mobile</a></li> <li><a href="https://web.archive.org/web/20141005211917/http://googlephotos.blogspot.com/">Google Photos</a></li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=LinkList&widgetId=LinkList3&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("LinkList3"));" target="configLinkList3" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div> </div></div> </aside> </div> </div> </div> <div style="clear: both"></div> <!-- columns --> </div> <!-- main --> </div> </div> <div class="main-cap-bottom cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> <footer> <div class="footer-outer"> <div class="footer-cap-top cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left footer-fauxborder-left"> <div class="fauxborder-right footer-fauxborder-right"></div> <div class="region-inner footer-inner"> <div class="foot section" id="footer-1"></div> <table border="0" cellpadding="0" cellspacing="0" class="section-columns columns-2"> <tbody> <tr> <td class="first columns-cell"> <div class="foot section" id="footer-2-1"></div> </td> <td class="columns-cell"> <div class="foot section" id="footer-2-2"></div> </td> </tr> </tbody> </table> <!-- outside of the include in order to lock Attribution widget --> <div class="foot section" id="footer-3"><div class="widget Attribution" id="Attribution1"> <div class="widget-content" style="text-align: center;"> Simple template. Powered by <a href="https://web.archive.org/web/20141005211917/http://www.blogger.com/" target="_blank">Blogger</a>. </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=Attribution&widgetId=Attribution1&action=editWidget搂ionId=footer-3" onclick="return _WidgetManager._PopupConfig(document.getElementById("Attribution1"));" target="configAttribution1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211917im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div></div> </div> </div> <div class="footer-cap-bottom cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> </footer> <!-- content --> </div> </div> <div class="content-cap-bottom cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> </div> <script type="text/javascript"> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-19996418-7']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://web.archive.org/web/20141005211917/https://ssl' : 'https://web.archive.org/web/20141005211917/http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('widgetJsBefore'); </script><script type="text/javascript" src="https://web.archive.org/web/20141005211917js_/https://www.blogger.com/static/v1/widgets/2271878333-widgets.js"></script> <script type="text/javascript" src="//web.archive.org/web/20141005211917js_/http://www.google.com/jsapi"></script> <script type="text/javascript" src="https://web.archive.org/web/20141005211917js_/https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV2";window['blogger_blog_id'] = '3939987801107087044';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//web.archive.org/web/20141005211917/http://www.blogger.com/rearrange?blogID\x3d3939987801107087044','//web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min\x3d2005-01-01T00:00:00-08:00\x26updated-max\x3d2006-01-01T00:00:00-08:00\x26max-results\x3d32','3939987801107087044'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3939987801107087044', 'bloggerUrl': 'https://web.archive.org/web/20141005211917/http://www.blogger.com', 'title': 'Panoramio - Google Maps', 'pageType': 'index', 'url': 'https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min\0752005-01-01T00:00:00-08:00\46updated-max\0752006-01-01T00:00:00-08:00\46max-results\07532', 'canonicalUrl': 'https://web.archive.org/web/20141005211917/http://blog.panoramio.com/search?updated-min\0752005-01-01T00:00:00-08:00\46updated-max\0752006-01-01T00:00:00-08:00\46max-results\07532', 'canonicalHomepageUrl': 'https://web.archive.org/web/20141005211917/http://blog.panoramio.com/', 'homepageUrl': 'https://web.archive.org/web/20141005211917/http://blog.panoramio.com/', 'blogspotFaviconUrl': 'https://web.archive.org/web/20141005211917/http://blog.panoramio.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'disableAdSenseWidget': false, 'analyticsAccountNumber': '', 'searchLabel': '', 'searchQuery': '', 'pageName': '', 'pageTitle': 'Panoramio - Google Maps', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Panoramio - Google Maps - Atom\42 href\75\42http://blog.panoramio.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42Panoramio - Google Maps - RSS\42 href\75\42http://blog.panoramio.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42Panoramio - Google Maps - Atom\42 href\75\42http://www.blogger.com/feeds/3939987801107087044/posts/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '\74link rel\75\42openid.server\42 href\75\42http://www.blogger.com/openid-server.g\42 /\76\n\74link rel\75\42openid.delegate\42 href\75\42http://blog.panoramio.com/\42 /\76\n', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var b\75window,f\75\42chrome\42,g\75\42tick\42,k\75\42jstiming\42;(function(){function d(a){this.t\75{};this.tick\75function(a,d,c){var e\75void 0!\75c?c:(new Date).getTime();this.t[a]\75[e,d];if(void 0\75\75c)try{b.console.timeStamp(\42CSI/\42+a)}catch(h){}};this[g](\42start\42,null,a)}var a;b.performance\46\46(a\75b.performance.timing);var n\75a?new d(a.responseStart):new d;b.jstiming\75{Timer:d,load:n};if(a){var c\75a.navigationStart,h\75a.responseStart;0\74c\46\46h\76\75c\46\46(b[k].srt\75h-c)}if(a){var e\75b[k].load;0\74c\46\46h\76\75c\46\46(e[g](\42_wtsrt\42,void 0,c),e[g](\42wtsrt_\42,\42_wtsrt\42,h),e[g](\42tbsd_\42,\42wtsrt_\42))}try{a\75null,\nb[f]\46\46b[f].csi\46\46(a\75Math.floor(b[f].csi().pageT),e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b[f].csi().startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46(a\75b.external.pageT,e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b.external.startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),a\46\46(b[k].pt\75a)}catch(p){}})();b.tickAboveFold\75function(d){var a\0750;if(d.offsetParent){do a+\75d.offsetTop;while(d\75d.offsetParent)}d\75a;750\76\75d\46\46b[k].load[g](\42aft\42)};var l\75!1;function m(){l||(l\75!0,b[k].load[g](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,m,!1):b.attachEvent(\42onscroll\42,m);\n })();\74/script\076', 'mobileHeadScript': '', 'ieCssRetrofitLinks': '\74!--[if IE]\76\74script type\75\42text/javascript\42 src\75\42https://www.blogger.com/static/v1/jsbin/3204238090-ieretrofit.js\42\76\74/script\76\n\74![endif]--\076', 'view': '', 'dynamicViewsCommentsSrc': '//web.archive.org/web/20141005211917/http://www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//web.archive.org/web/20141005211917/http://www.blogblog.com/dynamicviews/76f25a6f2e06af76', 'plusOneApiSrc': 'https://web.archive.org/web/20141005211917/https://apis.google.com/js/plusone.js', 'sf': 'n'}}, {'name': 'skin', 'data': {'vars': {'content_padding': '10px', 'paging_background': 'transparent url(http://www.blogblog.com/1kt/simple/paging_dot.png) repeat-x scroll top center', 'image_border_small_size': '2px', 'body_background_gradient_cap': 'none', 'tabs_selected_background_color': '#eeeeee', 'body_rule_color': 'transparent', 'header_shadow_spread': '0', 'header_shadow_offset_left': '0', 'header_padding': '0', 'link_visited_color': '#888888', 'mobile_background_size': 'auto', 'post_title_font': 'normal normal 22px \47Trebuchet MS\47,Trebuchet,Verdana,sans-serif', 'tabs_text_color': '#000000', 'date_header_margin': 'inherit', 'header_background_gradient': 'none', 'header_bottom_border_size': '0', 'content_shadow_spread_webkit': '0', 'header_shadow_offset_top': '0', 'mobile_button_color': '#ffffff', 'widget_title_font': 'normal bold 11px \47Trebuchet MS\47,Trebuchet,Verdana,sans-serif', 'main_section_margin': '1em', 'keycolor': '#ffffff', 'content_shadow_spread': '0', 'image_background_color': '#ffffff', 'header_font': 'normal normal 40px \47Trebuchet MS\47,Trebuchet,Verdana,sans-serif', 'header_background_color': 'transparent', 'main_border_width': '0', 'main_padding': '0', 'tabs_border_color': '#dddddd', 'image_text_color': '#666666', 'description_text_size': '18px', 'post_footer_background_color': '#eeeeee', 'body_background_gradient_tile': 'none', 'page_width': 'auto', 'tabs_background_gradient': 'none', 'mobile_background_overlay': 'transparent none repeat scroll top left', 'main_padding_bottom': '65px', 'tabs_background_color': 'transparent', 'image_border_large_size': '5px', 'post_margin_bottom': '45px', 'body_background_override': '', 'tabs_margin_side': '30px', 'link_hover_color': '#33aaff', 'description_text_color': '#000000', 'body_text_color': '#666666', 'content_padding_horizontal': '40px', 'endSide': 'right', 'page_width_selector': '.region-inner', 'date_header_padding': '0.4em', 'post_footer_text_color': '#666666', 'startSide': 'left', 'date_header_color': '#ffffff', 'tabs_font': 'normal normal 12px \47Trebuchet MS\47, Trebuchet, Verdana, sans-serif', 'post_footer_border_color': '#eeeeee', 'body_font': 'normal normal 12px \47Trebuchet MS\47, Trebuchet, Verdana, sans-serif', 'footer_bevel': '1px', 'tabs_bevel_border_width': '1px', 'date_header_background_color': '#bbbbbb', 'content_shadow_spread_ie': '0', 'widget_title_text_color': '#000000', 'header_border_horizontalsize': '1px', 'image_border_color': '#eeeeee', 'tabs_border_width': '1px', 'content_background_color': '#ffffff', 'link_color': '#2288bb', 'header_text_color': '#000000', 'date_header_letterspacing': '3px', 'tabs_margin_top': '0', 'main_padding_top': '35px', 'header_border_size': '1px', 'tabs_selected_text_color': '#000000', 'content_background_color_selector': '.content-inner', 'body_background_color': '#ffffff', 'widget_alternate_text_color': '#999999'}, 'override': ''}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\75timeslide'}}}]); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-1', null, document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_CustomSearchView', new _WidgetInfo('CustomSearch1', 'sidebar-right-1', null, document.getElementById('CustomSearch1'), {'title': 'Search This Blog', 'includeBlog': true, 'includePostLinks': true, 'includeWeb': false, 'linkLists': [{'id': 'LinkList1', 'title': 'Useful Links'}], 'blogUrl': 'https://web.archive.org/web/20141005211917/http://blog.panoramio.com/', 'loadingMsg': 'Loading...', 'thisBlogMsg': 'This Blog', 'linkedFromHereMsg': 'Linked From Here', 'theWebMsg': 'The Web', 'backgroundColor': '#ffffff', 'textColor': '#666666', 'dateColor': '#000000', 'linkColor': '#2288bb', 'urlColor': '#2288bb', 'visitedLinkColor': '#888888', 'borderColor': '#dddddd', 'activeBorderColor': '#dddddd', 'cse_ua': true}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-right-1', null, document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-right-1', null, document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe1', 'sidebar-right-1', null, document.getElementById('Subscribe1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'sidebar-right-1', null, document.getElementById('LinkList2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-right-1', null, document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-1', null, document.getElementById('BlogArchive1'), {'languageDirection': 'ltr'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'sidebar-right-1', null, document.getElementById('LinkList1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'sidebar-right-1', null, document.getElementById('LinkList3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', null, document.getElementById('Attribution1'), {'attribution': 'Simple template. Powered by \74a href\75\47http://www.blogger.com\47 target\75\47_blank\47\76Blogger\74/a\76.'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', null, document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://web.archive.org/web/20141005211917/https://www.blogger.com/static/v1/jsbin/2838879091-lbx.js', 'lightboxCssUrl': 'https://web.archive.org/web/20141005211917/https://www.blogger.com/static/v1/v-css/2392111094-lightbox_bundle.css'}, 'displayModeFull')); </script> </body> </html><!-- FILE ARCHIVED ON 21:19:17 Oct 05, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 18:29:40 Nov 25, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.509 exclusion.robots: 0.021 exclusion.robots.policy: 0.013 esindex: 0.01 cdx.remote: 25.635 LoadShardBlock: 371.882 (3) PetaboxLoader3.datanode: 134.71 (4) PetaboxLoader3.resolve: 243.607 (2) load_resource: 203.737 -->