<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet href='http://feed.b3inside.com/styles/feedsky7.xsl' type='text/xsl' ?><!--这是一个由Feedsy提供技术支持的Feed，为了提高读者阅读的体验，以及满足用户美化自己Feed的需要，我们设计了多种精美的Feed模板，提供给大家选择，所有最终呈现出来的样式，皆由用户自愿选择使用，未经许可，任何团体和个人，请不要擅自修改样式或者盗用，这是对于用户选择权的尊重。--><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:fs="http://www.feedsky.com/namespace/feed" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link href="http://feed.b3inside.com" type="application/rss+xml" rel="self"></atom:link><fs:self_link href="http://feed.feedsky.com/b3inside" type="application/rss+xml"></fs:self_link><lastBuildDate>Mon, 23 Jan 2012 09:55:17 GMT</lastBuildDate><title>B3 bohemia's</title><description>User Experience.Art and Design.Photography.Bohemia and You</description><link>http://blog.b3inside.com</link><sy:updatePeriod>hourly</sy:updatePeriod><sy:updateFrequency>1</sy:updateFrequency><language>en</language><pubDate>Tue, 24 Jan 2012 02:50:02 GMT</pubDate><item><title>给力2011</title><link>http://item.feedsky.com/~feedsky/b3inside/~7225910/598874097/1219942/1/item.html</link><content:encoded>&lt;p&gt;进入2012，又迎来农历龙年(多念几遍 :p)，新的开始意味着一切都将重生。2012对于每个人来说意义都不相同，但人们对它有一个共同的认识——玛雅预言的世界末日。我很期待12月22日那天的日出，因为那将意味着人类文明的一个新开始。“世界末日”？也是是吧，但我们确实有好多事情可以去做，还有时间去做。&lt;/p&gt;
&lt;p&gt;愿望和目标是个很神奇的东西。去年这个时候，我给自己订下了&lt;a title=&quot;梦想2010&quot; href=&quot;http://blog.b3inside.com/essay/dream-of-2010/&quot;&gt;2011年的愿望和目标&lt;/a&gt;，年底前真的达成的那一刻，非常开心。完成它们实在让我收获良多。生活正是由一些经历和冒险谱写而成的，虽不一帆风顺，但却磨炼了性格，让我对生活、亲情、友情和工作有了新的理解。&lt;/p&gt;
&lt;p&gt;2011年，不简单，但很充实、很新鲜。随我一起时光倒转…&lt;/p&gt;
&lt;p&gt;12月，紧张&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;部门尾牙节目负责人兼导演，编排节目并不是件容易的事。话说今年的最后一天和去年一样，也在豆瓣度过……&lt;/li&gt;
&lt;li&gt;做了个小手术，开了一小刀。自此，我经历过骨折、缝针、开刀，圆满了。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;11月，平静&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;安心做项目，逐渐找感觉。这一月对产品和工作方式有了更深理解，虽然被迷茫笼罩着。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;10月，探索&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;人生中最新鲜的一个月，和老婆一起，首次踏上欧洲大陆。在&lt;a title=&quot;德国游记&quot; href=&quot;http://blog.b3inside.com/germany/&quot;&gt;德国&lt;/a&gt;度过了最美妙的7天。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;9月，筹备&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;为德国之旅而准备。签证、机票、各种证明和手续。当然，最重要的就是设计行程。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;8月，适应&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;在豆瓣的第一个项目“部落”上线，头次体验自增长社区。&lt;/li&gt;
&lt;li&gt;了解和适应豆瓣的节奏，试着体会他与其他公司的差异。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;7月，起点&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;正式进入一个新的工作状态，节奏、方式跟之前完全不同。&lt;/li&gt;
&lt;li&gt;Blog服务器升级，从(gs)升级到(dv)，更快更稳更安心。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;6月，转折&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;提交辞呈，离开新浪微博，离开我的团队。微博生活，就此画上了句号。&lt;/li&gt;
&lt;li&gt;带爸妈去了香港，初探“万恶的资本主义”。这也是今年的愿望和目标之一。&lt;/li&gt;
&lt;li&gt;加盟豆瓣。注定我会是枚与众不同的文艺青年。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;5月，珍贵&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;滚石30年演唱会，作为场内摄影师，拍摄整场表演。这一次机会，永生难忘。&lt;/li&gt;
&lt;li&gt;必须感谢胖子，这么多年教会我很多东西，虽然没以师父相称，但在我心里已是如此！&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;4月，繁忙&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;工作节奏之快和对大事小情的管理，把我拖垮了。每天繁重的项目指标，让我透支很多。&lt;/li&gt;
&lt;li&gt;一场大病，发烧40度，彻底倒在家里了。打点滴，冰块物理降温，从没这么严重过。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;3月，抉择&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;微博改版不是件小事情，几乎每天都在开会研究各种方案，随之制定项目周期。&lt;/li&gt;
&lt;li&gt;宽版还是窄版？今天看到的V4版，从这时就已经开始进入实施阶段了。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;2月，回家&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;没有什么比回家跟爸妈在一起更幸福了。与其为那些让人心酸的统计落泪，不如抓紧时间享受在一起的时光。儿子无时无刻都是在想念着你们的。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;1月，微博&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;来到新浪微博，是因为对微博的热爱和执着，虽然前面还有很多的困难要去解决。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;生活和工作的合理平衡，才能相互促进，保持长久的激情和动力。新的一年，逐渐调整状态，享受生活，也享受工作。&lt;/p&gt;
&lt;p&gt;2012年1月，重生&lt;/p&gt;
&lt;p&gt;－－－－－新年的愿望和目标－－－－－&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;带老婆去香港玩一次&lt;/li&gt;
&lt;li&gt;坚持锻炼，至少瘦10斤&lt;/li&gt;
&lt;li&gt;拥有一部iPhone5&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/2008-has-gone/' rel='bookmark' title='走过2008'&gt;走过2008&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/moved-2009/' rel='bookmark' title='感动2009'&gt;感动2009&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/say-bye-to-5d2/' rel='bookmark' title='再见战友——无敌兔'&gt;再见战友——无敌兔&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/dream-of-2010/' rel='bookmark' title='梦想2010'&gt;梦想2010&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/germany-travel-preparations/' rel='bookmark' title='德国行之准备工作'&gt;德国行之准备工作&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598874097/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598874097/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://blog.b3inside.com/essay/gelivable-2011/feed/</wfw:commentRss><slash:comments>1</slash:comments><description>进入2012，又迎来农历龙年(多念几遍 :p)，新的开始意味着一切都将重生。2012对于每个人来说意义都不相同，但人们对它有一个共同的认识——玛雅预言的世界末日。我很期待12月22日那天的日出，因为那将意味着人类文明的一个新开始。“世界末日”？也是是吧，但我们确实有好多事情可以去做，还有时间去做。 愿望和目标是个很神奇的东西。去年这个时候，我给自己订下了2011年的愿望和目标，年底前真的达成的那一刻，非常开心。完成它们实在让我收获良多。生活正是由一些经历和冒险谱写而成的，虽不一帆风顺，但却磨炼了性格，让我对生活、亲情、友情和工作有了新的理解。 2011年，不简单，但很充实、很新鲜。随我一起时光倒转… 12月，紧张 部门尾牙节目负责人兼导演，编排节目并不是件容易的事。话说今年的最后一天和去年一样，也在豆瓣度过…… 做了个小手术，开了一小刀。自此，我经历过骨折、缝针、开刀，圆满了。 11月，平静 安心做项目，逐渐找感觉。这一月对产品和工作方式有了更深理解，虽然被迷茫笼罩着。 10月，探索 人生中最新鲜的一个月，和老婆一起，首次踏上欧洲大陆。在德国度过了最美妙的7天。 9月，筹备 为德国之旅而准备。签证、机票、各种证明和手续。当然，最重要的就是设计行程。 8月，适应 在豆瓣的第一个项目“部落”上线，头次体验自增长社区。 了解和适应豆瓣的节奏，试着体会他与其他公司的差异。 7月，起点 正式进入一个新的工作状态，节奏、方式跟之前完全不同。 Blog服务器升级，从(gs)升级到(dv)，更快更稳更安心。 6月，转折 提交辞呈，离开新浪微博，离开我的团队。微博生活，就此画上了句号。 带爸妈去了香港，初探“万恶的资本主义”。这也是今年的愿望和目标之一。 加盟豆瓣。注定我会是枚与众不同的文艺青年。 5月，珍贵 滚石30年演唱会，作为场内摄影师，拍摄整场表演。这一次机会，永生难忘。 必须感谢胖子，这么多年教会我很多东西，虽然没以师父相称，但在我心里已是如此！ 4月，繁忙 工作节奏之快和对大事小情的管理，把我拖垮了。每天繁重的项目指标，让我透支很多。 一场大病，发烧40度，彻底倒在家里了。打点滴，冰块物理降温，从没这么严重过。 3月，抉择 微博改版不是件小事情，几乎每天都在开会研究各种方案，随之制定项目周期。 宽版还是窄版？今天看到的V4版，从这时就已经开始进入实施阶段了。 2月，回家 没有什么比回家跟爸妈在一起更幸福了。与其为那些让人心酸的统计落泪，不如抓紧时间享受在一起的时光。儿子无时无刻都是在想念着你们的。 1月，微博 来到新浪微博，是因为对微博的热爱和执着，虽然前面还有很多的困难要去解决。 生活和工作的合理平衡，才能相互促进，保持长久的激情和动力。新的一年，逐渐调整状态，享受生活，也享受工作。 2012年1月，重生 －－－－－新年的愿望和目标－－－－－ 带老婆去香港玩一次 坚持锻炼，至少瘦10斤 拥有一部iPhone5 相关文章 走过2008 感动2009 再见战友——无敌兔 梦想2010 德国行之准备工作
相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/2008-has-gone/' rel='bookmark' title='走过2008'&gt;走过2008&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/moved-2009/' rel='bookmark' title='感动2009'&gt;感动2009&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/say-bye-to-5d2/' rel='bookmark' title='再见战友——无敌兔'&gt;再见战友——无敌兔&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/dream-of-2010/' rel='bookmark' title='梦想2010'&gt;梦想2010&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/germany-travel-preparations/' rel='bookmark' title='德国行之准备工作'&gt;德国行之准备工作&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598874097/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598874097/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>我的随笔</category><category>总结</category><pubDate>Mon, 23 Jan 2012 17:55:17 +0800</pubDate><author>波希米亚</author><comments>http://blog.b3inside.com/essay/gelivable-2011/#comments</comments><guid isPermaLink="false">http://blog.b3inside.com/?p=2024</guid><dc:creator>波希米亚</dc:creator><fs:srclink>http://blog.b3inside.com/essay/gelivable-2011/</fs:srclink><fs:srcfeed>http://blog.b3inside.com/feed/</fs:srcfeed><fs:itemid>feedsky/b3inside/~7225910/598874097/1219942</fs:itemid></item><item><title>响应式Web设计：50实例例与实践</title><link>http://item.feedsky.com/~feedsky/b3inside/~7225910/598095008/1219942/1/item.html</link><content:encoded>&lt;p&gt;Responsive Web Design: 50 Examples and Best Practices&lt;br /&gt;
Designmodo.com版权所有&lt;br /&gt;
作者：Adrian&lt;br /&gt;
译者：&lt;a href=&quot;http://ucdchina.com/topic/59&quot;&gt;UCD翻译小组&lt;/a&gt;，&lt;a href=&quot;../&quot;&gt;波希米亚&lt;/a&gt;&lt;br /&gt;
原文地址：&lt;a href=&quot;http://designmodo.com/responsive-design-examples/&quot; target=&quot;_blank&quot;&gt;http://designmodo.com/responsive-design-examples/&lt;/a&gt;&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;译者序：当我看到这篇文章的时候，还好发布的时间不算太早，主题很对我的胃口，因为我的Blog已经这么做了。但这篇总结的很全面，提到了一个新的名词“响应式Web设计”，作为Web内容应该去更加灵活的呈现在不同的终端上。这让我想起了之前写的一篇文章《&lt;a title=&quot;未来我们只需要浏览器&quot; href=&quot;http://blog.b3inside.com/essay/we-need-browser-only-in-the-future/&quot;&gt;未来我们只需要浏览器&lt;/a&gt;》，随着智能手机和各种Pad的发展，内容终端终究会发生改变，Web展现需要去适应这种趋势，并带来优秀的阅读体验。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;响 应式Web设计是在开发和设计网站过程中产生的一种方式，它的目的是让内容布局能随用户使用显示器的不同而变化。再明确点说，这种设计概念，就是让原本1292像素宽，4栏的内容，能够很好地显示在1025像素宽的用户屏幕上，同时还能自动简化成2栏。当然，让它很好的适应智能手机和其他种类电脑的屏幕也就成了水到渠成的事了。这种特殊的设计形式就被成为“响应式Web设计”。&lt;/p&gt;
&lt;p&gt;响应式Web设计与传统的设计方式截然不同，开发人员（特别是新手）必须要理解它的优势和弊端。这篇文章正是为大家揭示一些实例的。（这里介绍一个叫“Media Queries”的网站，里面介绍了更多实例和演示）&lt;/p&gt;
&lt;p&gt;数据表格是响应式Web设计的经典使用情景，实现它的想法与传统的设计理念有很大不同。数据表格默认很宽，当你要查看它全貌时，你得缩小表格，但这时字会变 的很小，很难去阅读。然而当你想看清楚上面的字时，就不得不再把表格放大，这时要查看完整表格就得横滚加纵滚。这么阅读表格也太KB了。或许重新格式化表格或以饼图形式展现是种解决方案。再不然，你可以弄一个迷你图，即使在窄屏幕里它也能适应。&lt;/p&gt;
&lt;p&gt;&lt;span id=&quot;more-2027&quot;&gt;&lt;/span&gt;响应式Web设计中的图像以流式图像为主，可以被上下文感知的图像所替代，这是一种更好的设计方式。这种技术的真正意义在于，能够让图像适应不同的屏幕分辨率，更大的或更小的。所以它与传统设计的理念和技术都有很大不同，合理使用会让你的网页化腐朽为神奇。&lt;/p&gt;
&lt;h3&gt;响应式Web设计实例&lt;/h3&gt;
&lt;div id=&quot;attachment_2030&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://colly.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2030&quot; title=&quot;1&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/1.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Simon Collison&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2031&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.anderssonwise.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2031&quot; title=&quot;2&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/2.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Andersson-Wise Architects&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2032&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://stephencaver.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2032&quot; title=&quot;3&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/3.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Stephen Caver&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2033&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://seesparkbox.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2033&quot; title=&quot;4&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/4.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Sparkbox&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2034&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://foodsense.is/&quot;&gt;&lt;img class=&quot;size-full wp-image-2034&quot; title=&quot;5&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/5.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Food Sense&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2035&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.bostonglobe.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2035&quot; title=&quot;6&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/6.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;The Boston Globe&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2036&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://thinkvitamin.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2036&quot; title=&quot;7&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/7.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Think Vitamin&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2037&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://sasquatchfestival.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2037&quot; title=&quot;8&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/8.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Sasquatch! Music Festival&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2038&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://interim.it/&quot;&gt;&lt;img class=&quot;size-full wp-image-2038&quot; title=&quot;9&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/9.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Internet Images&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2039&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://staffanstorp.se/&quot;&gt;&lt;img class=&quot;size-full wp-image-2039&quot; title=&quot;10&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/10.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Staffanstorp&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2040&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html&quot;&gt;&lt;img class=&quot;size-full wp-image-2040&quot; title=&quot;11&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/11.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Seminal Responsive Web Design Example&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2041&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://naomiatkinson.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2041&quot; title=&quot;12&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/12.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Naomi Atkinson&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2042&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://forefathersgroup.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2042&quot; title=&quot;13&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/13.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Forefathers Group&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2043&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://spigotdesign.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2043&quot; title=&quot;14&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/14.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Spigot Design&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2044&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://2012.newadventuresconf.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2044&quot; title=&quot;15&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/15.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;New Adventures In Web Design Conference 2012&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2045&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://us.illyissimo.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2045&quot; title=&quot;16&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/16.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Illy Issimo&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2046&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://arrrrcamp.be/&quot;&gt;&lt;img class=&quot;size-full wp-image-2046&quot; title=&quot;17&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/17.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Arrrrcamp Conference&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2047&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://robot-or-not.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2047&quot; title=&quot;18&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/18.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Robot or Not?&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2048&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://earthhour.fr/&quot;&gt;&lt;img class=&quot;size-full wp-image-2048&quot; title=&quot;19&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/19.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Earth Hour&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2049&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://clearairchallenge.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2049&quot; title=&quot;20&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/20.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Clean Air Commute Challenge&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2050&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://getlaunchkit.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2050&quot; title=&quot;21&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/21.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Launch Kit&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2051&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://teixido.co/&quot;&gt;&lt;img class=&quot;size-full wp-image-2051&quot; title=&quot;22&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/22.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Teixidó&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2052&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://ribot.co.uk/&quot;&gt;&lt;img class=&quot;size-full wp-image-2052&quot; title=&quot;23&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/23.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Ribot&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2053&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.deren.me/&quot;&gt;&lt;img class=&quot;size-full wp-image-2053&quot; title=&quot;24&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/24.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Deren Keskin&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2054&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://sweethatclub.org/&quot;&gt;&lt;img class=&quot;size-full wp-image-2054&quot; title=&quot;25&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/25.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Sweet Hat Club&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2055&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://glitch.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2055&quot; title=&quot;26&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/26.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Glitch&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2056&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://2011.dconstruct.org/&quot;&gt;&lt;img class=&quot;size-full wp-image-2056&quot; title=&quot;27&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/27.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;dConstruct 2011&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2057&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://easy-readers.net/&quot;&gt;&lt;img class=&quot;size-full wp-image-2057&quot; title=&quot;28&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/28.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Adaptive Web Design&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2058&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.authenticjobs.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2058&quot; title=&quot;29&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/29.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Authentic Jobs&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2059&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.fivesimplesteps.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2059&quot; title=&quot;30&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/30.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Five Simple Steps&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2060&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.madebysplendid.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2060&quot; title=&quot;31&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/31.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Splendid&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2061&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://rourkery.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2061&quot; title=&quot;32&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/32.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Ryan O’Rourke&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2062&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://flex.madebymufffin.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2062&quot; title=&quot;33&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/33.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;FlexSlider&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2063&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.cacaotour.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2063&quot; title=&quot;34&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/34.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;El Sendero del Cacao&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2064&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.dolectures.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2064&quot; title=&quot;35&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/35.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Do Lectures&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2065&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.stpaulsschool.org.uk/&quot;&gt;&lt;img class=&quot;size-full wp-image-2065&quot; title=&quot;36&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/36.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;St Paul’s School&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2066&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://naomiatkinsondesign.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2066&quot; title=&quot;37&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/37.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Naomi Atkinson Design&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2067&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://benhandzo.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2067&quot; title=&quot;38&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/38.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Ben Handzo Photography&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2068&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://stunningcss3.com/code/bakery/index.html&quot;&gt;&lt;img class=&quot;size-full wp-image-2068&quot; title=&quot;39&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/39.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Stunning CSS3 Media Queries Example&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2069&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://nordicruby.org/&quot;&gt;&lt;img class=&quot;size-full wp-image-2069&quot; title=&quot;40&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/40.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Nordic Ruby Conference&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2070&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.halifaxgamejam.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2070&quot; title=&quot;41&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/41.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Halifax Game Jam&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;http://diablomedia.com/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2071&quot; title=&quot;42&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/42.jpg&quot; alt=&quot;Diablo Media&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div id=&quot;attachment_2072&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://asuonline.asu.edu/&quot;&gt;&lt;img class=&quot;size-full wp-image-2072&quot; title=&quot;43&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/43.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;ASU Online&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2073&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://3200tigres.wwf.fr/&quot;&gt;&lt;img class=&quot;size-full wp-image-2073&quot; title=&quot;44&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/44.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;3200 Tigres&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2074&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-full wp-image-2074&quot; title=&quot;45&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/45.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Pixelab&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2075&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.kingshillcars.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2075&quot; title=&quot;46&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/46.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Kings Hill Cars&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2076&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://8faces.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2076&quot; title=&quot;47&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/47.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;8 Faces&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2077&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://asburyagile.com/&quot;&gt;&lt;img class=&quot;size-full wp-image-2077&quot; title=&quot;48&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/48.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Asbury Agile&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2078&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.alsacreations.fr/&quot;&gt;&lt;img class=&quot;size-full wp-image-2078&quot; title=&quot;49&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/49.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Alsacréations&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_2079&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;a href=&quot;http://www.sleepstreet.be/&quot;&gt;&lt;img class=&quot;size-full wp-image-2079&quot; title=&quot;50&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2012/01/50.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;340&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Sleepstreet&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-austria-salzburg/' rel='bookmark' title='德国之旅-奥地利萨尔茨堡'&gt;德国之旅-奥地利萨尔茨堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-neuschwanstein/' rel='bookmark' title='德国之旅-新天鹅堡'&gt;德国之旅-新天鹅堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-nurnberg/' rel='bookmark' title='德国之旅-纽伦堡'&gt;德国之旅-纽伦堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-frankfurt/' rel='bookmark' title='德国之旅-法兰克福'&gt;德国之旅-法兰克福&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-berchtesgaden/' rel='bookmark' title='德国之旅-贝希特斯加登'&gt;德国之旅-贝希特斯加登&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095008/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095008/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://blog.b3inside.com/design/responsive-design-examples/feed/</wfw:commentRss><slash:comments>0</slash:comments><description>Responsive Web Design: 50 Examples and Best Practices Designmodo.com版权所有 作者：Adrian 译者：UCD翻译小组，波希米亚 原文地址：http://designmodo.com/responsive-design-examples/ 译者序：当我看到这篇文章的时候，还好发布的时间不算太早，主题很对我的胃口，因为我的Blog已经这么做了。但这篇总结的很全面，提到了一个新的名词“响应式Web设计”，作为Web内容应该去更加灵活的呈现在不同的终端上。这让我想起了之前写的一篇文章《未来我们只需要浏览器》，随着智能手机和各种Pad的发展，内容终端终究会发生改变，Web展现需要去适应这种趋势，并带来优秀的阅读体验。 响 应式Web设计是在开发和设计网站过程中产生的一种方式，它的目的是让内容布局能随用户使用显示器的不同而变化。再明确点说，这种设计概念，就是让原本1292像素宽，4栏的内容，能够很好地显示在1025像素宽的用户屏幕上，同时还能自动简化成2栏。当然，让它很好的适应智能手机和其他种类电脑的屏幕也就成了水到渠成的事了。这种特殊的设计形式就被成为“响应式Web设计”。 响应式Web设计与传统的设计方式截然不同，开发人员（特别是新手）必须要理解它的优势和弊端。这篇文章正是为大家揭示一些实例的。（这里介绍一个叫“Media Queries”的网站，里面介绍了更多实例和演示） 数据表格是响应式Web设计的经典使用情景，实现它的想法与传统的设计理念有很大不同。数据表格默认很宽，当你要查看它全貌时，你得缩小表格，但这时字会变 的很小，很难去阅读。然而当你想看清楚上面的字时，就不得不再把表格放大，这时要查看完整表格就得横滚加纵滚。这么阅读表格也太KB了。或许重新格式化表格或以饼图形式展现是种解决方案。再不然，你可以弄一个迷你图，即使在窄屏幕里它也能适应。 响应式Web设计中的图像以流式图像为主，可以被上下文感知的图像所替代，这是一种更好的设计方式。这种技术的真正意义在于，能够让图像适应不同的屏幕分辨率，更大的或更小的。所以它与传统设计的理念和技术都有很大不同，合理使用会让你的网页化腐朽为神奇。 响应式Web设计实例 &amp;#160; 相关文章 德国之旅-奥地利萨尔茨堡 德国之旅-新天鹅堡 德国之旅-纽伦堡 德国之旅-法兰克福 德国之旅-贝希特斯加登
相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-austria-salzburg/' rel='bookmark' title='德国之旅-奥地利萨尔茨堡'&gt;德国之旅-奥地利萨尔茨堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-neuschwanstein/' rel='bookmark' title='德国之旅-新天鹅堡'&gt;德国之旅-新天鹅堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-nurnberg/' rel='bookmark' title='德国之旅-纽伦堡'&gt;德国之旅-纽伦堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-frankfurt/' rel='bookmark' title='德国之旅-法兰克福'&gt;德国之旅-法兰克福&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-berchtesgaden/' rel='bookmark' title='德国之旅-贝希特斯加登'&gt;德国之旅-贝希特斯加登&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095008/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095008/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>体验优化</category><category>设计思想</category><category>设计灵感</category><pubDate>Thu, 19 Jan 2012 21:55:44 +0800</pubDate><author>波希米亚</author><comments>http://blog.b3inside.com/design/responsive-design-examples/#comments</comments><guid isPermaLink="false">http://blog.b3inside.com/?p=2027</guid><dc:creator>波希米亚</dc:creator><fs:srclink>http://blog.b3inside.com/design/responsive-design-examples/</fs:srclink><fs:srcfeed>http://blog.b3inside.com/feed/</fs:srcfeed><fs:itemid>feedsky/b3inside/~7225910/598095008/1219942</fs:itemid></item><item><title>一天</title><link>http://item.feedsky.com/~feedsky/b3inside/~7225910/598095009/1219942/1/item.html</link><content:encoded>&lt;p&gt;2012年1月7日，北京，雪&lt;/p&gt;
&lt;p&gt;头天晚上排舞，一身汗凉干了，睡死过去。早上爬起来，发现北京已经变成白色的，但要取尾牙节目的衣服，挣扎着起床，洗漱完喝了杯水就出门了。&lt;/p&gt;
&lt;p&gt;清理车上的积雪，着车，虽然不顺畅，但还是发动了。在北三环游车河到金五星百货。刚好走到一厅门口有辆车开走，直接钻进去挤了个车位停下，按卖家给的地址找到三厅的摊位，检查衣服，打包走人。&lt;/p&gt;
&lt;p&gt;准备发动车走人，可车子怎么也打不着。试了几次还是不行，只能叫道路救援来。这会儿手机电也不多了。等救援的工夫先去吃点饭，也折腾一上午了。饭吃完，救援师傅也到了，搭电着车成功，并得知电机不工作无法给电瓶充电，电瓶马上就会没电，要抓紧往4S店开，检修换电瓶。谢过救援师傅，上车一路狂飙回家，中午北三环由西向东不太堵，顺利到达家边4S店，安排进场维修。修车师傅检查我家腾腾，熄火，之后就再也打不着了……&lt;/p&gt;
&lt;p&gt;车放在4S店，提着一兜子衣服奔公司，约好下午排练节目。就这么赶，还是去晚了。开始排练，今天目标是把整个节目舞蹈都串完。大家在一起练的很快，忙活忙活就下午4点多了。大家都歇了，我也接到4S打来的电话通知，车修好了，换了新电机和电瓶，花了我近2000块。&lt;/p&gt;
&lt;p&gt;晚上到家终于放松了点，尾牙节目看到亮儿了，心里这块石头又离地面近了些。伤口能拆线了。去年12月底做了个小手术，缝针，伤口愈合中没法沾水。&lt;/p&gt;
&lt;p&gt;一天就这么过去了。&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/bye-sohu/' rel='bookmark' title='一条真正的微博'&gt;一条真正的微博&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/say-bye-to-5d2/' rel='bookmark' title='再见战友——无敌兔'&gt;再见战友——无敌兔&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/software-and-plugins/' rel='bookmark' title='常用的软件和插件'&gt;常用的软件和插件&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/change-wiper-by-myself/' rel='bookmark' title='自己动手换雨刷'&gt;自己动手换雨刷&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/manage-your-dvserver-with-plesk/' rel='bookmark' title='通过Plesk管理(dv)站点'&gt;通过Plesk管理(dv)站点&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095009/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095009/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://blog.b3inside.com/essay/one-day-in-2012/feed/</wfw:commentRss><slash:comments>0</slash:comments><description>2012年1月7日，北京，雪 头天晚上排舞，一身汗凉干了，睡死过去。早上爬起来，发现北京已经变成白色的，但要取尾牙节目的衣服，挣扎着起床，洗漱完喝了杯水就出门了。 清理车上的积雪，着车，虽然不顺畅，但还是发动了。在北三环游车河到金五星百货。刚好走到一厅门口有辆车开走，直接钻进去挤了个车位停下，按卖家给的地址找到三厅的摊位，检查衣服，打包走人。 准备发动车走人，可车子怎么也打不着。试了几次还是不行，只能叫道路救援来。这会儿手机电也不多了。等救援的工夫先去吃点饭，也折腾一上午了。饭吃完，救援师傅也到了，搭电着车成功，并得知电机不工作无法给电瓶充电，电瓶马上就会没电，要抓紧往4S店开，检修换电瓶。谢过救援师傅，上车一路狂飙回家，中午北三环由西向东不太堵，顺利到达家边4S店，安排进场维修。修车师傅检查我家腾腾，熄火，之后就再也打不着了…… 车放在4S店，提着一兜子衣服奔公司，约好下午排练节目。就这么赶，还是去晚了。开始排练，今天目标是把整个节目舞蹈都串完。大家在一起练的很快，忙活忙活就下午4点多了。大家都歇了，我也接到4S打来的电话通知，车修好了，换了新电机和电瓶，花了我近2000块。 晚上到家终于放松了点，尾牙节目看到亮儿了，心里这块石头又离地面近了些。伤口能拆线了。去年12月底做了个小手术，缝针，伤口愈合中没法沾水。 一天就这么过去了。 &amp;#160; 相关文章 一条真正的微博 再见战友——无敌兔 常用的软件和插件 自己动手换雨刷 通过Plesk管理(dv)站点
相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/bye-sohu/' rel='bookmark' title='一条真正的微博'&gt;一条真正的微博&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/say-bye-to-5d2/' rel='bookmark' title='再见战友——无敌兔'&gt;再见战友——无敌兔&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/software-and-plugins/' rel='bookmark' title='常用的软件和插件'&gt;常用的软件和插件&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/change-wiper-by-myself/' rel='bookmark' title='自己动手换雨刷'&gt;自己动手换雨刷&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/manage-your-dvserver-with-plesk/' rel='bookmark' title='通过Plesk管理(dv)站点'&gt;通过Plesk管理(dv)站点&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095009/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095009/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>我的随笔</category><category>生活</category><pubDate>Sun, 08 Jan 2012 15:49:27 +0800</pubDate><author>波希米亚</author><comments>http://blog.b3inside.com/essay/one-day-in-2012/#comments</comments><guid isPermaLink="false">http://blog.b3inside.com/?p=2019</guid><dc:creator>波希米亚</dc:creator><fs:srclink>http://blog.b3inside.com/essay/one-day-in-2012/</fs:srclink><fs:srcfeed>http://blog.b3inside.com/feed/</fs:srcfeed><fs:itemid>feedsky/b3inside/~7225910/598095009/1219942</fs:itemid></item><item><title>梦想中的工作台</title><link>http://item.feedsky.com/~feedsky/b3inside/~7225910/598095010/1219942/1/item.html</link><content:encoded>&lt;p&gt;如果我的新家装修，我最看重的部分就是我的工作台。&lt;/p&gt;
&lt;p&gt;每次看到秀工作台的，我的很激动，总愿意多看两眼积累灵感。它们有个共同的特点——简洁、专业。你会发现桌面上都是一水儿的Mac。如果要问Mac给桌面带来了什么，我会说，它让桌面变整洁了。一张简单的大桌＋一台Mac＋一把舒服的椅子，这就是我喜欢的。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.flickr.com/photos/jontangerine/4834915142/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1978&quot; title=&quot;minimalw01&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw01.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;326&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span id=&quot;more-1977&quot;&gt;&lt;/span&gt;&lt;a href=&quot;http://minimalmac.com/post/9626172175/as-someone-who-lives-in-an-19th-century-queen-anne&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1979&quot; title=&quot;minimalw02&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw02.jpg&quot; alt=&quot;&quot; width=&quot;327&quot; height=&quot;500&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://trentwalton.com/2011/11/18/workspace/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1980&quot; title=&quot;minimalw03&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw03.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;418&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://simpledesks.tumblr.com/page/3&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1981&quot; title=&quot;minimalw04&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw04.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;360&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://kswizz.com/post/5032419362/new-apartment&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1982&quot; title=&quot;minimalw05&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw05.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;310&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.thecheapgeek.org/designing-and-building-a-new-desk&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1983&quot; title=&quot;minimalw06&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw06.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;435&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://simpledesks.tumblr.com/page/4&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1984&quot; title=&quot;minimalw07&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw07.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;333&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://simpledesks.tumblr.com/page/4&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1985&quot; title=&quot;minimalw08&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw08.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;334&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.designsponge.com/2007/07/desk-extravaganza.html&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1986&quot; title=&quot;minimalw09&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw09.jpg&quot; alt=&quot;&quot; width=&quot;475&quot; height=&quot;256&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://simpledesks.tumblr.com/page/7&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1987&quot; title=&quot;minimalw10&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw10.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;375&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://simpledesks.tumblr.com/page/7&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1988&quot; title=&quot;minimalw11&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw11.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;659&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://simpledesks.tumblr.com/page/8&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1989&quot; title=&quot;minimalw12&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw12.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;332&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.flickr.com/photos/supagroova/2553355239/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1990&quot; title=&quot;minimalw13&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw13.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;326&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.flickr.com/photos/greencracker/1537583198/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1991&quot; title=&quot;minimalw14&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw14.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;387&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div id=&quot;attachment_1992&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 590px&quot;&gt;&lt;a href=&quot;http://www.flickr.com/photos/the_culprit/2546926311/&quot;&gt;&lt;img class=&quot;size-full wp-image-1992&quot; title=&quot;minimalw15&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw15.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;435&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;我的最爱&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;http://www.deskography.org/people/sVd871eAy/desks/614/photos/972/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1993&quot; title=&quot;minimalw16&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw16.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;435&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.deskography.org/people/dWo1580uux/desks/1169/photos/2148/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1994&quot; title=&quot;minimalw17&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw17.jpg&quot; alt=&quot;&quot; width=&quot;403&quot; height=&quot;604&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.deskography.org/people/AGC842Aob/desks/595/photos/924/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1995&quot; title=&quot;minimalw18&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw18.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;435&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.flickr.com/photos/28060116@N07/6478520833/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1996&quot; title=&quot;minimalw19&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw19.jpg&quot; alt=&quot;&quot; width=&quot;478&quot; height=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://simpledesks.tumblr.com/page/12&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1997&quot; title=&quot;minimalw20&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw20.jpg&quot; alt=&quot;&quot; width=&quot;455&quot; height=&quot;680&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://minimalmac.com/post/1153726809/mikes-clear-task-at-hand-tech-tour-apartment-therapy&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1998&quot; title=&quot;minimalw21&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw21.jpg&quot; alt=&quot;&quot; width=&quot;540&quot; height=&quot;416&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://minimalmac.com/post/1086338480/desk-of-the-day-via-blue-perez-a-writer-and&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1999&quot; title=&quot;minimalw22&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw22.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;375&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://minimalmac.com/post/6722252486/andyparkinson-a-laptop-desk-thats-nothing-more&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2000&quot; title=&quot;minimalw23&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw23.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;339&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://minimalmac.com/post/6078795949/the-wilbur-is-a-new-desk-available-now-in-europe&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2001&quot; title=&quot;minimalw24&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw24.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;375&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.flickr.com/photos/s13_eisbaer/6352757481/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2002&quot; title=&quot;minimalw25&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw25.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;488&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://simpledesks.tumblr.com/page/13&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2003&quot; title=&quot;minimalw26&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw26.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;333&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://simpledesks.tumblr.com/page/13&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2004&quot; title=&quot;minimalw27&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw27.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;375&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.flickr.com/photos/56226665@N06/6353519469/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2005&quot; title=&quot;minimalw28&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw28.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;435&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.flickr.com/photos/kika-chan/6261772654/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2006&quot; title=&quot;minimalw29&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw29.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;435&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.flickr.com/photos/55176801@N02/6260362475/&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2007&quot; title=&quot;minimalw30&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/minimalw30.jpg&quot; alt=&quot;&quot; width=&quot;580&quot; height=&quot;580&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;It&amp;#8217;s the second time I edited this article,  you know. I thought that the draft has been saved, until shot an arrow in my knee&amp;#8230; ToT&lt;/p&gt;
&lt;p&gt;Via &lt;a href=&quot;http://webdesignledger.com/inspiration/a-showcase-of-minimal-workstations-to-inspire-you&quot; target=&quot;_blank&quot;&gt;WDL&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/web-design-trends-for-2006/' rel='bookmark' title='网页设计趋势发展历程之2006'&gt;网页设计趋势发展历程之2006&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/more-web-design-trends-for-2009/' rel='bookmark' title='网页设计趋势发展历程之2009下'&gt;网页设计趋势发展历程之2009下&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/iphone-edition-for-chinaren-alumni/' rel='bookmark' title='开发iPhone版校友录'&gt;开发iPhone版校友录&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/designing-design/' rel='bookmark' title='设计的设计观展'&gt;设计的设计观展&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/what-web-designers-can-learn-from-video-games/' rel='bookmark' title='Web设计师能从游戏中学到些什么'&gt;Web设计师能从游戏中学到些什么&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095010/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095010/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://blog.b3inside.com/design/excellent-workstation-in-my-dream/feed/</wfw:commentRss><slash:comments>6</slash:comments><description>如果我的新家装修，我最看重的部分就是我的工作台。 每次看到秀工作台的，我的很激动，总愿意多看两眼积累灵感。它们有个共同的特点——简洁、专业。你会发现桌面上都是一水儿的Mac。如果要问Mac给桌面带来了什么，我会说，它让桌面变整洁了。一张简单的大桌＋一台Mac＋一把舒服的椅子，这就是我喜欢的。 It&amp;#8217;s the second time I edited this article,  you know. I thought that the draft has been saved, until shot an arrow in my knee&amp;#8230; ToT Via WDL 相关文章 网页设计趋势发展历程之2006 网页设计趋势发展历程之2009下 开发iPhone版校友录 设计的设计观展 Web设计师能从游戏中学到些什么
相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/web-design-trends-for-2006/' rel='bookmark' title='网页设计趋势发展历程之2006'&gt;网页设计趋势发展历程之2006&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/more-web-design-trends-for-2009/' rel='bookmark' title='网页设计趋势发展历程之2009下'&gt;网页设计趋势发展历程之2009下&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/iphone-edition-for-chinaren-alumni/' rel='bookmark' title='开发iPhone版校友录'&gt;开发iPhone版校友录&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/designing-design/' rel='bookmark' title='设计的设计观展'&gt;设计的设计观展&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/what-web-designers-can-learn-from-video-games/' rel='bookmark' title='Web设计师能从游戏中学到些什么'&gt;Web设计师能从游戏中学到些什么&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095010/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095010/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>设计灵感</category><pubDate>Fri, 16 Dec 2011 15:13:10 +0800</pubDate><author>波希米亚</author><comments>http://blog.b3inside.com/design/excellent-workstation-in-my-dream/#comments</comments><guid isPermaLink="false">http://blog.b3inside.com/?p=1977</guid><dc:creator>波希米亚</dc:creator><fs:srclink>http://blog.b3inside.com/design/excellent-workstation-in-my-dream/</fs:srclink><fs:srcfeed>http://blog.b3inside.com/feed/</fs:srcfeed><fs:itemid>feedsky/b3inside/~7225910/598095010/1219942</fs:itemid></item><item><title>End Times</title><link>http://item.feedsky.com/~feedsky/b3inside/~7225910/598095011/1219942/1/item.html</link><content:encoded>&lt;p&gt;&lt;img class=&quot;alignnone size-full wp-image-1972&quot; title=&quot;crying-kids&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/12/crying-kids.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;383&quot; /&gt;&lt;/p&gt;
&lt;p&gt;这个组照片是摄影师Jill Greenberg拍摄的。之所以叫“End Times”，是因为故事发生在一件事的结尾，孩子们哭的很伤心。而这又是为什么呢？原来是棒棒糖被抢走了……就在那一瞬间，摄影师拍下了戏剧话的场面，还有什么比心爱的东西被抢走更让孩子伤心的呢。&lt;/p&gt;
&lt;p&gt;这是我最喜欢的一组照片。&lt;/p&gt;
&lt;p&gt;全部照片：&lt;a href=&quot;http://www.jillgreenberg.com/Fine-art/photos/end-times#/&quot; target=&quot;_blank&quot;&gt;http://www.jillgreenberg.com/Fine-art/photos/end-times#/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/facula/' rel='bookmark' title='光斑'&gt;光斑&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/persona-topic-photography/' rel='bookmark' title='人物志主题拍摄'&gt;人物志主题拍摄&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/macro-photos-in-beijing-botanical-garden/' rel='bookmark' title='北京植物园微距片'&gt;北京植物园微距片&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/wedding-photography-at-shidu/' rel='bookmark' title='十渡试拍婚纱'&gt;十渡试拍婚纱&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/captivating-bokeh-photography/' rel='bookmark' title='令人陶醉的光斑（上）'&gt;令人陶醉的光斑（上）&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095011/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095011/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://blog.b3inside.com/photography/end-times/feed/</wfw:commentRss><slash:comments>2</slash:comments><description>这个组照片是摄影师Jill Greenberg拍摄的。之所以叫“End Times”，是因为故事发生在一件事的结尾，孩子们哭的很伤心。而这又是为什么呢？原来是棒棒糖被抢走了……就在那一瞬间，摄影师拍下了戏剧话的场面，还有什么比心爱的东西被抢走更让孩子伤心的呢。 这是我最喜欢的一组照片。 全部照片：http://www.jillgreenberg.com/Fine-art/photos/end-times#/ 相关文章 光斑 人物志主题拍摄 北京植物园微距片 十渡试拍婚纱 令人陶醉的光斑（上）
相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/facula/' rel='bookmark' title='光斑'&gt;光斑&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/persona-topic-photography/' rel='bookmark' title='人物志主题拍摄'&gt;人物志主题拍摄&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/macro-photos-in-beijing-botanical-garden/' rel='bookmark' title='北京植物园微距片'&gt;北京植物园微距片&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/wedding-photography-at-shidu/' rel='bookmark' title='十渡试拍婚纱'&gt;十渡试拍婚纱&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/captivating-bokeh-photography/' rel='bookmark' title='令人陶醉的光斑（上）'&gt;令人陶醉的光斑（上）&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095011/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095011/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>摄影欣赏</category><category>主题摄影</category><pubDate>Thu, 01 Dec 2011 23:05:57 +0800</pubDate><author>波希米亚</author><comments>http://blog.b3inside.com/photography/end-times/#comments</comments><guid isPermaLink="false">http://blog.b3inside.com/?p=1968</guid><dc:creator>波希米亚</dc:creator><fs:srclink>http://blog.b3inside.com/photography/end-times/</fs:srclink><fs:srcfeed>http://blog.b3inside.com/feed/</fs:srcfeed><fs:itemid>feedsky/b3inside/~7225910/598095011/1219942</fs:itemid></item><item><title>可读性:优化文本长度</title><link>http://item.feedsky.com/~feedsky/b3inside/~7225910/598095012/1219942/1/item.html</link><content:encoded>&lt;p&gt;&lt;img class=&quot;alignnone size-full wp-image-1964&quot; title=&quot;优化文本长度&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/11/readability-1.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;300&quot; /&gt;&lt;/p&gt;
&lt;p&gt;Readability: the Optimal Line Length&lt;br /&gt;
Baymard.com版权所有&lt;br /&gt;
作者：Christian Holst&lt;br /&gt;
译者：&lt;a href=&quot;http://ucdchina.com/topic/59&quot;&gt;UCD翻译小组&lt;/a&gt;，&lt;a href=&quot;http://blog.b3inside.com&quot;&gt;波希米亚&lt;/a&gt;&lt;br /&gt;
原文地址： &lt;a href=&quot;http://baymard.com/blog/line-length-readability&quot;&gt;http://baymard.com/blog/line-length-readability&lt;/a&gt;&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;译者序：直接捞干的来了！&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;提升文本可读性的关键之一，就是&lt;strong&gt;让每行文本承载合适的字数&lt;/strong&gt;。这不仅仅是设计一下文本宽度的问题，它也应该是一个易读性的问题。&lt;/p&gt;
&lt;p&gt;文本最佳长度是每行承载50-60字符，包括空格（“Typographie”, E. Ruder）。也有&lt;a href=&quot;http://www.webtypography.net/Rhythm_and_Proportion/Horizontal_Motion/2.1.2/&quot;&gt;其他资料&lt;/a&gt;建议不超过75字/行也可以接受。但你一定会问，不按这样的标准做又会怎样？&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;太长&lt;/strong&gt;－如果一行里文字太多，用户眼球很难长时间聚焦文本。因为文本长度过长会让人很难注意到段落的起点和终点。此外，对于这么大块文本来说，也很难对当前行进行继续阅读。（译者注：稍一走神儿，就找不到读到哪了。都有过这样的经历吧？）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;太短&lt;/strong&gt;－如果一行里文字太少，眼睛要不停的来回扫视，破坏了阅读节奏。同时，每行文本太短也样会让人觉得紧张，这行没看完就跳到下一行去了（很可能一些重要的词会被跳过）。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;原本跳到下一行文字时，潜意识里是会那么有点小亢奋（只要别太频繁，原因见上面两点）。因此在每一行的开头，读者的精力都很集中，&lt;strong&gt;但这种专注会逐渐消褪&lt;/strong&gt;，可能还没等把这行看完（“Typographie”, E. Ruder）。&lt;/p&gt;
&lt;p&gt;&lt;span id=&quot;more-1961&quot;&gt;&lt;/span&gt;为了避免文本过长或过短所带来的弊端，同时又能持续的激励读者，我们建议把每行承载的&lt;strong&gt;文本量控制在5-75个字符&lt;/strong&gt;（译者注：中文建议35-45个汉字，14px）。&lt;/p&gt;
&lt;h3&gt;网页设计中如何获得最佳长度&lt;/h3&gt;
&lt;p&gt;在网页设计中，可以&lt;a href=&quot;http://www.maxdesign.com.au/articles/em/&quot;&gt;使用em&lt;/a&gt;或px（像素）来实现每行字符的最佳数目（使用em可以获得很好的效果，但操作起来比px略显复杂）。其实无论选择哪一种，要获得最佳效果，都需要为你的读者设置一个固定宽度。&lt;/p&gt;
&lt;p&gt;这也是我们为什么不推荐使用“流式”布局的原因之一：实际上你在强制用户通过改变浏览器窗口，来获得更好的阅读体验。当想到时下显示器屏幕有这么多不同的分辨率，很明显，“流式”布局会让文本行变得要么宽，要么窄。&lt;/p&gt;
&lt;p&gt;正如大家看到的，在baymard.com站上，我们使用了17px的Arial来呈现文字。文章容器宽度为504px，每一行大概65个字符。&lt;/p&gt;
&lt;p&gt;在你的页面中，每行显示多少个字符？50-75个？如果你想让你的读者拥有更好的阅读体验，就该这么做。&lt;/p&gt;
&lt;h3&gt;扩展阅读&lt;/h3&gt;
&lt;p&gt;Better Web Readability Project &lt;a href=&quot;http://code.google.com/p/better-web-readability-project/&quot;&gt;http://code.google.com/p/better-web-readability-project/&lt;/a&gt;&lt;br /&gt;
争论 iPad（上）：行宽与阅读 &lt;a href=&quot;http://www.typeisbeautiful.com/2010/05/2537&quot;&gt;http://www.typeisbeautiful.com/2010/05/2537&lt;/a&gt;&lt;br /&gt;
关于MacOS下字体的一些研究 &lt;a href=&quot;http://www.pjhome.net/article/Web/mac_os_fonts.htm&quot;&gt;http://www.pjhome.net/article/Web/mac_os_fonts.htm&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/dream-of-2010/' rel='bookmark' title='梦想2010'&gt;梦想2010&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/cooperate-with-others-in-axure/' rel='bookmark' title='用好Axure的协作功能'&gt;用好Axure的协作功能&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/read-books-on-google/' rel='bookmark' title='在Google上看书'&gt;在Google上看书&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/teamwork-and-optimize-flow/' rel='bookmark' title='UED团队合作与开发流程优化'&gt;UED团队合作与开发流程优化&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/userexperience/reuse-axure-masters/' rel='bookmark' title='Axure如何重用masters'&gt;Axure如何重用masters&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095012/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095012/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://blog.b3inside.com/userexperience/line-length-readability/feed/</wfw:commentRss><slash:comments>10</slash:comments><description>Readability: the Optimal Line Length Baymard.com版权所有 作者：Christian Holst 译者：UCD翻译小组，波希米亚 原文地址： http://baymard.com/blog/line-length-readability 译者序：直接捞干的来了！ 提升文本可读性的关键之一，就是让每行文本承载合适的字数。这不仅仅是设计一下文本宽度的问题，它也应该是一个易读性的问题。 文本最佳长度是每行承载50-60字符，包括空格（“Typographie”, E. Ruder）。也有其他资料建议不超过75字/行也可以接受。但你一定会问，不按这样的标准做又会怎样？ 太长－如果一行里文字太多，用户眼球很难长时间聚焦文本。因为文本长度过长会让人很难注意到段落的起点和终点。此外，对于这么大块文本来说，也很难对当前行进行继续阅读。（译者注：稍一走神儿，就找不到读到哪了。都有过这样的经历吧？） 太短－如果一行里文字太少，眼睛要不停的来回扫视，破坏了阅读节奏。同时，每行文本太短也样会让人觉得紧张，这行没看完就跳到下一行去了（很可能一些重要的词会被跳过）。 原本跳到下一行文字时，潜意识里是会那么有点小亢奋（只要别太频繁，原因见上面两点）。因此在每一行的开头，读者的精力都很集中，但这种专注会逐渐消褪，可能还没等把这行看完（“Typographie”, E. Ruder）。 为了避免文本过长或过短所带来的弊端，同时又能持续的激励读者，我们建议把每行承载的文本量控制在5-75个字符（译者注：中文建议35-45个汉字，14px）。 网页设计中如何获得最佳长度 在网页设计中，可以使用em或px（像素）来实现每行字符的最佳数目（使用em可以获得很好的效果，但操作起来比px略显复杂）。其实无论选择哪一种，要获得最佳效果，都需要为你的读者设置一个固定宽度。 这也是我们为什么不推荐使用“流式”布局的原因之一：实际上你在强制用户通过改变浏览器窗口，来获得更好的阅读体验。当想到时下显示器屏幕有这么多不同的分辨率，很明显，“流式”布局会让文本行变得要么宽，要么窄。 正如大家看到的，在baymard.com站上，我们使用了17px的Arial来呈现文字。文章容器宽度为504px，每一行大概65个字符。 在你的页面中，每行显示多少个字符？50-75个？如果你想让你的读者拥有更好的阅读体验，就该这么做。 扩展阅读 Better Web Readability Project http://code.google.com/p/better-web-readability-project/ 争论 iPad（上）：行宽与阅读 http://www.typeisbeautiful.com/2010/05/2537 关于MacOS下字体的一些研究 http://www.pjhome.net/article/Web/mac_os_fonts.htm 相关文章 梦想2010 用好Axure的协作功能 在Google上看书 UED团队合作与开发流程优化 Axure如何重用masters
相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/dream-of-2010/' rel='bookmark' title='梦想2010'&gt;梦想2010&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/cooperate-with-others-in-axure/' rel='bookmark' title='用好Axure的协作功能'&gt;用好Axure的协作功能&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/read-books-on-google/' rel='bookmark' title='在Google上看书'&gt;在Google上看书&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/essay/teamwork-and-optimize-flow/' rel='bookmark' title='UED团队合作与开发流程优化'&gt;UED团队合作与开发流程优化&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/userexperience/reuse-axure-masters/' rel='bookmark' title='Axure如何重用masters'&gt;Axure如何重用masters&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095012/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095012/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>可读性</category><category>用户体验</category><pubDate>Wed, 30 Nov 2011 22:34:22 +0800</pubDate><author>波希米亚</author><comments>http://blog.b3inside.com/userexperience/line-length-readability/#comments</comments><guid isPermaLink="false">http://blog.b3inside.com/?p=1961</guid><dc:creator>波希米亚</dc:creator><fs:srclink>http://blog.b3inside.com/userexperience/line-length-readability/</fs:srclink><fs:srcfeed>http://blog.b3inside.com/feed/</fs:srcfeed><fs:itemid>feedsky/b3inside/~7225910/598095012/1219942</fs:itemid></item><item><title>解决AppleID邮箱无法验证的问题</title><link>http://item.feedsky.com/~feedsky/b3inside/~7225910/598095013/1219942/1/item.html</link><content:encoded>&lt;p&gt;这个一个表面看起来没什么，但根底下很恶心的问题。如果Apple ID的关联邮箱没有被验证过，下软件啥的都没问题，但会遇到iCloud无法登录，也就无法备份通讯录之类的东西，干着急，却享受不到新的服务。&lt;/p&gt;
&lt;p&gt;遇到这种问题最简单的处理方式，就是重新注册一个。&lt;/p&gt;
&lt;p&gt;当然，真这么容易就好了，问题是如果这个帐号曾经下载过很多app，装在iPhone、iPad或Mac上，那就有点麻烦，不可能改成新帐号后全部重新安装一遍。我就遇到这个问题了，几经周折最后是解决了，但过程很绕腾：&lt;/p&gt;
&lt;h3&gt;工作原理&lt;/h3&gt;
&lt;p&gt;总的说来使用“替换法”，用一个备用邮箱，把主邮箱取代掉，这样主邮箱会被释放，你可以用这个邮箱来重新进行验证了。&lt;/p&gt;
&lt;h3&gt;症状表现&lt;/h3&gt;
&lt;p&gt;登录 &lt;a href=&quot;https://appleid.apple.com/&quot; target=&quot;_blank&quot;&gt;https://appleid.apple.com/&lt;/a&gt; 后能看到邮箱已经被添加了，但点击“去验证”，收不到验证邮件。&lt;/p&gt;
&lt;h3&gt;解决方法&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;登录后，在“备用电子邮件地址”区域里，通过“添加电子邮件地址”，添加一个新邮箱，并完成验证。&lt;/li&gt;
&lt;li&gt;在“使你的 Apple ID 和主要电子邮件地址相同”区域中，编辑这个无法验证的邮箱（主邮箱），改成刚验证过的备用邮箱的地址。&lt;/li&gt;
&lt;li&gt;这样主邮箱就被释放了，你会看到主邮箱和备用邮箱都是那个新验证的，上下一样。&lt;/li&gt;
&lt;li&gt;重点来了。在“备用电子邮件地址”区域里，通过“添加电子邮件地址”，把你的主邮箱重新添加进来，并完成验证。&lt;/li&gt;
&lt;li&gt;最后，用验证好的主邮箱，替换掉“使你的 Apple ID 和主要电子邮件地址相同”区域里的那个邮箱。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;至此，你的Apple ID就又和你的主邮箱重新关联起来了，并且之前通过这个帐号下载或购买的app记录都保留，登录iCloud或me.com也都没问题了。&lt;/p&gt;
&lt;p&gt;注：苹果官方明确指出，Apple ID无法被删除，也无法合并，所以目前只有这种方法，能“解救”你无法验证的Apple ID关联主邮箱。&lt;/p&gt;
&lt;p&gt;相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/iphone-edition-for-chinaren-alumni/' rel='bookmark' title='开发iPhone版校友录'&gt;开发iPhone版校友录&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/apple/iphone-callerid-fix-for-unsupported-countries/' rel='bookmark' title='解决iPhone来电和短信无法显示联系人名字的问题'&gt;解决iPhone来电和短信无法显示联系人名字的问题&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/apple/solve-iphone-sms-problem/' rel='bookmark' title='解决iPhone不能收发短信问题'&gt;解决iPhone不能收发短信问题&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/apple/control-your-mission-control-with-keyboard/' rel='bookmark' title='用键盘切换Mission Control的桌面'&gt;用键盘切换Mission Control的桌面&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/iphone-app-design-trends/' rel='bookmark' title='iPhone应用设计趋势'&gt;iPhone应用设计趋势&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095013/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095013/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://blog.b3inside.com/apple/to-sovld-verified-problem-for-appleid/feed/</wfw:commentRss><slash:comments>3</slash:comments><description>这个一个表面看起来没什么，但根底下很恶心的问题。如果Apple ID的关联邮箱没有被验证过，下软件啥的都没问题，但会遇到iCloud无法登录，也就无法备份通讯录之类的东西，干着急，却享受不到新的服务。 遇到这种问题最简单的处理方式，就是重新注册一个。 当然，真这么容易就好了，问题是如果这个帐号曾经下载过很多app，装在iPhone、iPad或Mac上，那就有点麻烦，不可能改成新帐号后全部重新安装一遍。我就遇到这个问题了，几经周折最后是解决了，但过程很绕腾： 工作原理 总的说来使用“替换法”，用一个备用邮箱，把主邮箱取代掉，这样主邮箱会被释放，你可以用这个邮箱来重新进行验证了。 症状表现 登录 https://appleid.apple.com/ 后能看到邮箱已经被添加了，但点击“去验证”，收不到验证邮件。 解决方法 登录后，在“备用电子邮件地址”区域里，通过“添加电子邮件地址”，添加一个新邮箱，并完成验证。 在“使你的 Apple ID 和主要电子邮件地址相同”区域中，编辑这个无法验证的邮箱（主邮箱），改成刚验证过的备用邮箱的地址。 这样主邮箱就被释放了，你会看到主邮箱和备用邮箱都是那个新验证的，上下一样。 重点来了。在“备用电子邮件地址”区域里，通过“添加电子邮件地址”，把你的主邮箱重新添加进来，并完成验证。 最后，用验证好的主邮箱，替换掉“使你的 Apple ID 和主要电子邮件地址相同”区域里的那个邮箱。 至此，你的Apple ID就又和你的主邮箱重新关联起来了，并且之前通过这个帐号下载或购买的app记录都保留，登录iCloud或me.com也都没问题了。 注：苹果官方明确指出，Apple ID无法被删除，也无法合并，所以目前只有这种方法，能“解救”你无法验证的Apple ID关联主邮箱。 相关文章 开发iPhone版校友录 解决iPhone来电和短信无法显示联系人名字的问题 解决iPhone不能收发短信问题 用键盘切换Mission Control的桌面 iPhone应用设计趋势
相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/iphone-edition-for-chinaren-alumni/' rel='bookmark' title='开发iPhone版校友录'&gt;开发iPhone版校友录&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/apple/iphone-callerid-fix-for-unsupported-countries/' rel='bookmark' title='解决iPhone来电和短信无法显示联系人名字的问题'&gt;解决iPhone来电和短信无法显示联系人名字的问题&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/apple/solve-iphone-sms-problem/' rel='bookmark' title='解决iPhone不能收发短信问题'&gt;解决iPhone不能收发短信问题&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/apple/control-your-mission-control-with-keyboard/' rel='bookmark' title='用键盘切换Mission Control的桌面'&gt;用键盘切换Mission Control的桌面&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/design/iphone-app-design-trends/' rel='bookmark' title='iPhone应用设计趋势'&gt;iPhone应用设计趋势&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095013/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095013/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>教程</category><category>苹果产品</category><pubDate>Wed, 16 Nov 2011 10:44:54 +0800</pubDate><author>波希米亚</author><comments>http://blog.b3inside.com/apple/to-sovld-verified-problem-for-appleid/#comments</comments><guid isPermaLink="false">http://blog.b3inside.com/?p=1949</guid><dc:creator>波希米亚</dc:creator><fs:srclink>http://blog.b3inside.com/apple/to-sovld-verified-problem-for-appleid/</fs:srclink><fs:srcfeed>http://blog.b3inside.com/feed/</fs:srcfeed><fs:itemid>feedsky/b3inside/~7225910/598095013/1219942</fs:itemid></item><item><title>月坨岛壁纸一枚</title><link>http://item.feedsky.com/~feedsky/b3inside/~7225910/598095014/1219942/1/item.html</link><content:encoded>&lt;div id=&quot;attachment_1918&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-full wp-image-1918&quot; title=&quot;壁纸下载&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/600.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;提供以下尺寸壁纸下载&lt;/p&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a title=&quot;下载壁纸&quot; href=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/1440x900.jpg&quot; target=&quot;_blank&quot;&gt;1440&amp;#215;900&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;&lt;a title=&quot;下载壁纸&quot; href=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/1366x768.jpg&quot; target=&quot;_blank&quot;&gt;1366&amp;#215;768&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;&lt;a title=&quot;下载壁纸&quot; href=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/1280x800.jpg&quot; target=&quot;_blank&quot;&gt;1280&amp;#215;800&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;&lt;a title=&quot;下载壁纸&quot; href=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/1280x1024.jpg&quot; target=&quot;_blank&quot;&gt;1280&amp;#215;1024&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a title=&quot;下载壁纸&quot; href=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/1024x768.jpg&quot; target=&quot;_blank&quot;&gt;1024&amp;#215;768&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-austria-salzburg/' rel='bookmark' title='德国之旅-奥地利萨尔茨堡'&gt;德国之旅-奥地利萨尔茨堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-neuschwanstein/' rel='bookmark' title='德国之旅-新天鹅堡'&gt;德国之旅-新天鹅堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-nurnberg/' rel='bookmark' title='德国之旅-纽伦堡'&gt;德国之旅-纽伦堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-frankfurt/' rel='bookmark' title='德国之旅-法兰克福'&gt;德国之旅-法兰克福&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-berchtesgaden/' rel='bookmark' title='德国之旅-贝希特斯加登'&gt;德国之旅-贝希特斯加登&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095014/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095014/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://blog.b3inside.com/photography/yuetuo-island-wallpaper/feed/</wfw:commentRss><slash:comments>6</slash:comments><description>1440&amp;#215;900  1366&amp;#215;768  1280&amp;#215;800  1280&amp;#215;1024 1024&amp;#215;768 相关文章 德国之旅-奥地利萨尔茨堡 德国之旅-新天鹅堡 德国之旅-纽伦堡 德国之旅-法兰克福 德国之旅-贝希特斯加登
相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-austria-salzburg/' rel='bookmark' title='德国之旅-奥地利萨尔茨堡'&gt;德国之旅-奥地利萨尔茨堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-neuschwanstein/' rel='bookmark' title='德国之旅-新天鹅堡'&gt;德国之旅-新天鹅堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-nurnberg/' rel='bookmark' title='德国之旅-纽伦堡'&gt;德国之旅-纽伦堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-frankfurt/' rel='bookmark' title='德国之旅-法兰克福'&gt;德国之旅-法兰克福&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-berchtesgaden/' rel='bookmark' title='德国之旅-贝希特斯加登'&gt;德国之旅-贝希特斯加登&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095014/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095014/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>摄影欣赏</category><category>主题摄影</category><pubDate>Wed, 26 Oct 2011 22:46:39 +0800</pubDate><author>波希米亚</author><comments>http://blog.b3inside.com/photography/yuetuo-island-wallpaper/#comments</comments><guid isPermaLink="false">http://blog.b3inside.com/?p=1917</guid><dc:creator>波希米亚</dc:creator><fs:srclink>http://blog.b3inside.com/photography/yuetuo-island-wallpaper/</fs:srclink><fs:srcfeed>http://blog.b3inside.com/feed/</fs:srcfeed><fs:itemid>feedsky/b3inside/~7225910/598095014/1219942</fs:itemid></item><item><title>德国之旅-奥地利萨尔茨堡</title><link>http://item.feedsky.com/~feedsky/b3inside/~7225910/598095015/1219942/1/item.html</link><content:encoded>&lt;h3&gt;10月6日，晴&lt;/h3&gt;
&lt;blockquote&gt;&lt;p&gt;今天的行程：奥地利的萨尔茨堡&lt;/p&gt;&lt;/blockquote&gt;
&lt;h4&gt;酒店&lt;/h4&gt;
&lt;p&gt;记得在萨尔茨堡预订的酒店是间家庭旅馆，有了之前的教训，去之前就先给酒店打了电话，要求帮我们保留房间，避免不必要的麻烦和损失。不过还好，当我们到了萨尔茨堡以后，首先酒店很好找，离Salzburg Hbf不远；其次酒店老板人很好，房间也很安静。离贝希特斯加登大概50分钟车程，我们到时已经17:00了，放下行李，换好衣服，出发去逛市中心。&lt;/p&gt;
&lt;div id=&quot;attachment_1859&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1859&quot; title=&quot;DSC00824&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00824-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;从酒店出发了，沿着酒店老板给画的路线探寻萨尔茨堡市中心去喽&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;&lt;span id=&quot;more-1635&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h4&gt;萨尔茨堡印象&lt;/h4&gt;
&lt;p&gt;应该说是草草逛过，我对它的印象仅仅是一个晚上和一个清晨。从酒店步行15分钟到市中心，路上还索性路过米拉花园（《音乐之声》的取景地之一），回来以后才知道，因为对于萨尔茨堡，确实没做太多功课，毕竟奥地利不是此行重点，离得近就过去踩一脚。&lt;/p&gt;
&lt;div id=&quot;attachment_1860&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 410px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1860 &quot; title=&quot;DSC01019&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01019-600x900.jpg&quot; alt=&quot;&quot; width=&quot;400&quot; height=&quot;600&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;米拉花园（米拉贝尔宫），一早的天气太配合了&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;通过这里的建筑和人，明显可以感觉到与德国的不同，更紧凑，像中国的二线城市，人要密集了。这里文化氛围很浓，特别是音乐，不愧是莫扎特的故乡。也许我们头天去的比较晚，感觉市中心商铺都下班了，没什么人逛，第二天又很早，还是没什么人，显得有点冷清吧。但整体感觉，他们的生活节奏也不快。&lt;/p&gt;
&lt;div id=&quot;attachment_1862&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1862&quot; title=&quot;DSC00827&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00827-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;小转盘，没有红绿灯和人行道，但每次只要你站在路边准备过马路，车都会停下来让行人先过&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1863&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1863&quot; title=&quot;DSC00828&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00828-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;喜欢这种豁达和高调，生活本应如此多彩&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1864&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1864&quot; title=&quot;DSC00829&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00829-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;不知道前方出现了什么状况&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1865&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1865&quot; title=&quot;DSC00846&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00846-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;进入商业区了，店铺的灯逐渐亮了起来&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1866&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1866&quot; title=&quot;DSC00847&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00847-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;往前走，居然有个地方叫“WIFI”&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1867&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1867&quot; title=&quot;DSC00849&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00849-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;一家温馨的餐馆，环境很好，但我实在不想吃面包啥的了&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1868&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1868&quot; title=&quot;DSC00855&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00855-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;在桥上，一个女人带着她的两只狗狗，动作统一&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1869&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1869&quot; title=&quot;DSC00858&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00858-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;好像欧洲人都很信这个，在法兰克福，美茵河的桥上也有很多各式各样的锁头&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1870&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1870&quot; title=&quot;DSC00865&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00865-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;走走拍拍，路边很多小店都已经下班了&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1871&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1871&quot; title=&quot;DSC00866&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00866-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;萨尔茨堡主教座堂（ Salzburger Dom），这里是莫扎特受洗的地点。&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1873&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1873&quot; title=&quot;DSC00868&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00868-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;墙边，路灯&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;在萨尔茨堡旅游的中国人就没有德国那么多了，直到回德国前，在BUS站等车时，才遇到一队中国人，从赶到这，要转车去贝希特斯加登的。他们从慕尼黑来，到萨尔茨堡转车去贝希特斯加登，别人告诉他们要这么转一下才行，但明显可以直接从慕尼黑火车去的，哎，被忽悠了，多花了1个多小时，好在很近。之后我们一路说笑，结伴回去。&lt;/p&gt;
&lt;div id=&quot;attachment_1874&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1874&quot; title=&quot;DSC00884&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00884-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;米拉贝尔宫的林荫路&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1875&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1875&quot; title=&quot;DSC00886&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00886-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;踏着《音乐之声》的道路，游走下去&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1878&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1878&quot; title=&quot;DSC009091&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC009091-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;路上的鸽子，其实不怕人，跑过去都飞起来，但没多远就又都回来了。原来地上有好多吃的&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1896&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1896&quot; title=&quot;DSC01049&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01049-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;通过几天的观察，欧洲人民生活节奏不快，路上也不很拥挤，举个栗子……&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1884&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1884&quot; title=&quot;DSC00913&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00913-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;这是一早奥地利人民上班时的景象&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1885&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1885&quot; title=&quot;DSC00923&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00923-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;市中心还没什么人。上面的就是萨尔茨堡要塞，昨天晚上来过一次，今天早上又来一次，没时间上去看，只能在下面仰望一下了&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1886&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1886&quot; title=&quot;DSC00926&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00926-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;在广场上拍的，稍微正一点。还是夜景漂亮，实在端不住相机，拍不出满意的来&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1887&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1887&quot; title=&quot;DSC00999&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00999-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;游走在教堂、博物馆之间&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1895&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1895&quot; title=&quot;DSC01050&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01050-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;欧洲的空气就是通透哇，再举个栗子……&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1889&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1889&quot; title=&quot;DSC01033&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01033-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;走在树林里，阳光透过树枝照在脸上，暖洋洋的，心情很大好起来&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1888&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1888&quot; title=&quot;DSC01022&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01022-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;再次经过米拉花园，这么好的天气和景色，一定要拍照留念&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1890&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1890&quot; title=&quot;DSC01034&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01034-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;居然发现了一个儿童乐园，勾起无尽童年回忆啊，秋千、滑梯，还有转椅……&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1891&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1891&quot; title=&quot;DSC01046&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01046-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;一群小朋友来了，不知道是不是去那个儿童乐园的&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1892&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1892&quot; title=&quot;DSC01051&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01051-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;酒店附近的小书店&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1893&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1893&quot; title=&quot;DSC01052&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01052-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;呵呵，不知道这个是干嘛的，不过很有趣，注意，还被人填上了眼睛和嘴&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1894&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1894&quot; title=&quot;DSC01053&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01053-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;汽车老不要紧，还卖萌～&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;这里注意，BUS840的车站并不在下车的地方，也就是不在Salzburg Hbf的汽车站里，而是在马路对面一个商场下，有一个小站牌，很不起眼。BTW. 可以用拜仁州票，在萨尔茨堡唯独840可以。&lt;/p&gt;
&lt;h4&gt;故事&lt;/h4&gt;
&lt;p&gt;其实在临行前，我带了两件豆瓣的Tee，决定到德国后可以送给Somebody，让豆瓣登陆德国。但一直没遇到合适的人。在Salzburg酒店住的很舒服，而且店主儿子非常Nice，笑起来很好看，每次看到我们都主动打招呼，帮我们指路，而且我发现他侧面很像扎克伯格，哈，所以决定送他一件Tee。就这样，豆瓣跟我们一路走完了德国行程，最后留在了奥地利萨尔茨堡，莫扎特的故乡 ♫&lt;/p&gt;
&lt;div id=&quot;attachment_1858&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1858&quot; title=&quot;DSC01055&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01055-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;当时拍照没注意，回来看照片发现帅哥还特地把布兜上的“豆”字露出来……虽然他说他并不知道这两个字代表什么意思&lt;/p&gt;&lt;/div&gt;
&lt;h3&gt;扩展阅读&lt;/h3&gt;
&lt;p&gt;萨尔茨堡介绍：&lt;a href=&quot;http://baike.baidu.com/view/166286.htm&quot; target=&quot;_blank&quot;&gt;http://baike.baidu.com/view/166286.htm&lt;/a&gt;&lt;br /&gt;
萨尔茨堡官网：&lt;a href=&quot;http://www.salzburg.info/cn/&quot; target=&quot;_blank&quot;&gt;http://www.salzburg.info/cn/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-neuschwanstein/' rel='bookmark' title='德国之旅-新天鹅堡'&gt;德国之旅-新天鹅堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-nurnberg/' rel='bookmark' title='德国之旅-纽伦堡'&gt;德国之旅-纽伦堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-frankfurt/' rel='bookmark' title='德国之旅-法兰克福'&gt;德国之旅-法兰克福&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-berchtesgaden/' rel='bookmark' title='德国之旅-贝希特斯加登'&gt;德国之旅-贝希特斯加登&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-munchen/' rel='bookmark' title='德国之旅-慕尼黑'&gt;德国之旅-慕尼黑&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095015/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095015/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://blog.b3inside.com/photography/2011-austria-salzburg/feed/</wfw:commentRss><slash:comments>3</slash:comments><description>10月6日，晴 今天的行程：奥地利的萨尔茨堡 酒店 记得在萨尔茨堡预订的酒店是间家庭旅馆，有了之前的教训，去之前就先给酒店打了电话，要求帮我们保留房间，避免不必要的麻烦和损失。不过还好，当我们到了萨尔茨堡以后，首先酒店很好找，离Salzburg Hbf不远；其次酒店老板人很好，房间也很安静。离贝希特斯加登大概50分钟车程，我们到时已经17:00了，放下行李，换好衣服，出发去逛市中心。 萨尔茨堡印象 应该说是草草逛过，我对它的印象仅仅是一个晚上和一个清晨。从酒店步行15分钟到市中心，路上还索性路过米拉花园（《音乐之声》的取景地之一），回来以后才知道，因为对于萨尔茨堡，确实没做太多功课，毕竟奥地利不是此行重点，离得近就过去踩一脚。 通过这里的建筑和人，明显可以感觉到与德国的不同，更紧凑，像中国的二线城市，人要密集了。这里文化氛围很浓，特别是音乐，不愧是莫扎特的故乡。也许我们头天去的比较晚，感觉市中心商铺都下班了，没什么人逛，第二天又很早，还是没什么人，显得有点冷清吧。但整体感觉，他们的生活节奏也不快。 在萨尔茨堡旅游的中国人就没有德国那么多了，直到回德国前，在BUS站等车时，才遇到一队中国人，从赶到这，要转车去贝希特斯加登的。他们从慕尼黑来，到萨尔茨堡转车去贝希特斯加登，别人告诉他们要这么转一下才行，但明显可以直接从慕尼黑火车去的，哎，被忽悠了，多花了1个多小时，好在很近。之后我们一路说笑，结伴回去。 这里注意，BUS840的车站并不在下车的地方，也就是不在Salzburg Hbf的汽车站里，而是在马路对面一个商场下，有一个小站牌，很不起眼。BTW. 可以用拜仁州票，在萨尔茨堡唯独840可以。 故事 其实在临行前，我带了两件豆瓣的Tee，决定到德国后可以送给Somebody，让豆瓣登陆德国。但一直没遇到合适的人。在Salzburg酒店住的很舒服，而且店主儿子非常Nice，笑起来很好看，每次看到我们都主动打招呼，帮我们指路，而且我发现他侧面很像扎克伯格，哈，所以决定送他一件Tee。就这样，豆瓣跟我们一路走完了德国行程，最后留在了奥地利萨尔茨堡，莫扎特的故乡 ♫ 扩展阅读 萨尔茨堡介绍：http://baike.baidu.com/view/166286.htm 萨尔茨堡官网：http://www.salzburg.info/cn/ 相关文章 德国之旅-新天鹅堡 德国之旅-纽伦堡 德国之旅-法兰克福 德国之旅-贝希特斯加登 德国之旅-慕尼黑
相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-neuschwanstein/' rel='bookmark' title='德国之旅-新天鹅堡'&gt;德国之旅-新天鹅堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-nurnberg/' rel='bookmark' title='德国之旅-纽伦堡'&gt;德国之旅-纽伦堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-frankfurt/' rel='bookmark' title='德国之旅-法兰克福'&gt;德国之旅-法兰克福&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-berchtesgaden/' rel='bookmark' title='德国之旅-贝希特斯加登'&gt;德国之旅-贝希特斯加登&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-munchen/' rel='bookmark' title='德国之旅-慕尼黑'&gt;德国之旅-慕尼黑&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095015/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095015/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>生活</category><category>摄影欣赏</category><category>旅行</category><pubDate>Tue, 25 Oct 2011 11:03:35 +0800</pubDate><author>波希米亚</author><comments>http://blog.b3inside.com/photography/2011-austria-salzburg/#comments</comments><guid isPermaLink="false">http://blog.b3inside.com/?p=1635</guid><dc:creator>波希米亚</dc:creator><fs:srclink>http://blog.b3inside.com/photography/2011-austria-salzburg/</fs:srclink><fs:srcfeed>http://blog.b3inside.com/feed/</fs:srcfeed><fs:itemid>feedsky/b3inside/~7225910/598095015/1219942</fs:itemid></item><item><title>德国之旅-贝希特斯加登</title><link>http://item.feedsky.com/~feedsky/b3inside/~7225910/598095016/1219942/1/item.html</link><content:encoded>&lt;h3&gt;10月5日，晴&lt;/h3&gt;
&lt;blockquote&gt;&lt;p&gt;今天的行程：贝希特斯加登，国王湖&lt;/p&gt;&lt;/blockquote&gt;
&lt;h4&gt;故事&lt;/h4&gt;
&lt;p&gt;说到这里，得先从4日晚上从慕尼黑来贝希特斯加登说起。昨天从早上开始就已经是波折不断了，其实还没完。晚上正在去往贝希特斯加登的火车上，觉得忙碌的一天终于圆满结束，到酒店就睡觉了，在火车上正闭目养神，突然电话响了，+XXXXXX这种号码，一看就是国外的电话，本不想接，后反应过来，我就在国外啊，还是接了吧。故事就开始了……&lt;/p&gt;
&lt;p&gt;是Booking客服打来的电话，告诉我说我在贝希特斯加登预订的酒店没有空房了，原因是我没有21:00前check in，所以不保留。当时我就蒙圈了，怎么个情况这是，之前的酒店都没这一说啊，我订了就应该可以去住，又没说不去，为啥要取消。我说我正在去往酒店的火车上，大概22:30左右到，客服非常热心的跟酒店老板沟通后告诉我不行，没房间了是否要取消。那能怎么办，又不能带老婆住外边，只好让客服帮忙重新预订一家酒店。期间我们尝试拨打这家酒店的电话，但一直打不通。就这样，从一个火车上聊到了另一个火车，确定了新酒店，心理算踏实了，虽然被告知上家酒店会因为我没去住，没有提前取消收取60%的费用，但在这种关键时间还得hold住啊，老婆着急心疼钱，我不能因为这，大晚上的露宿街头。&lt;/p&gt;
&lt;p&gt;总之后来是订好新酒店了，98欧/晚，一个家庭旅馆，从中央车站过去要5公里。要说事儿赶事儿呢，电话突然又能打通了，先前预订的酒店老板说房间有，问我们什么时间能到，然后再三确认房间要给我们留着，一定去。下了火车，开始找酒店，我又自豪了一次，酒店就在中央车站对面，过马路就是。到酒店办好check in住下，立即给Booking去电话，要求取消之后预订的酒店，并说明了原因，客服说会去处理这件事。于是安慰老婆说会没事的，早点休息。&lt;/p&gt;
&lt;p&gt;一早出发去国王湖，11点多了还没有接到Booking客服的反馈，主动打过去电话得知，那边跟后一家酒店老板沟通后，老板不同意免费取消预订，这就意味着同样收取60%的费用，比之前那个还要多……崩溃。长话短说，之后又来来回回跟Booking客服沟通数次，最后达成说付给这家酒店40欧，作为补偿。事情到此终于画上句号了，我们一边品尝Obersee农场香甜的牛奶，一边忘记这件事，重新回到欣赏国王湖的美景上来，因为徒步这一路上，心情完全被这件事占据着，现在终于能释怀了。&lt;/p&gt;
&lt;h4&gt;Berchtesgaden Hbf&lt;/h4&gt;
&lt;p&gt;比Füssen Hbf大不了多少，但使用率很高，因为去所有景点的BUS都要在这里坐。比如去国王湖的840，去魔法森林的846，和去萨尔茨堡（Salzburg）的841。这些BUS统统可以使用拜仁州票。值得一提的是，去萨尔茨堡的841也可以使用，包括回来时也能用，当然可以买单程票，4.9欧/人。&lt;/p&gt;
&lt;div id=&quot;attachment_1817&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 410px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1817 &quot; title=&quot;IMG_0685&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0685-600x899.jpg&quot; alt=&quot;&quot; width=&quot;400&quot; height=&quot;600&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;贝希特斯加登中央车站，不大，但车站里很有特色&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;&lt;span id=&quot;more-1632&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h4&gt;酒店&lt;/h4&gt;
&lt;p&gt;虽然为了入住这家酒店出了不少状况，但不得不说，这里的房间是此行所有酒店中最好，最漂亮的。巴伐利亚风格的家具，房间很大很干净，周围的景色也相当漂亮，依山傍水。这是家家庭旅馆，所以要求21:00前入住，当初没注意，现在终于明白为什么了，21:00后，店主就要下班休息了。以至于第二天早上去退房时，老板见面就问“You are the lucky man, right?”，呵呵。所以说，如果是家庭旅馆，一定要注意入住时间啊，金钱上的损失确实是挺幸运的，万一没地儿住，在火车站待一晚，之后的行程就全泡汤了。10月份的贝希特斯加登还是挺冷的，气温要比城市低一些。&lt;/p&gt;
&lt;h4&gt;国王湖印象&lt;/h4&gt;
&lt;p&gt;“去过九寨，就不用去国王湖了，很像，水都是清澈见底”，我说，那能一样嘛！这可是路德维希二世用大片巴伐利亚土地从奥地利换回的，就冲这也得去亲身体验一番不是。&lt;/p&gt;
&lt;div id=&quot;attachment_1815&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1815&quot; title=&quot;IMG_0400&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0400-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;游船行进在青山绿水之间，安静的湖面&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;美。从坐上游船那一刻，我就与国王湖在一起了。湖水如镜啊，水质已经达到可以饮用的标准。在船上跟老婆一起回忆咱们的千岛湖，也有同样的水质来着。德国人为了保护这个湖，所有船都是电动的，为了防止燃油对湖水的污染。船到回音壁时，解说开始从小柜子里掏出小号，吹一声，山也回应一声……当然，这是有目的的，之后就开始要小费了，每人50 Cents就够了，没零钱除外，哈。&lt;/p&gt;
&lt;div id=&quot;attachment_1831&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1831&quot; title=&quot;IMG_0410&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0410-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;随船导游，一路解说国王湖，貌似挺幽默的，时不时就有人笑&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;相比前面游山玩水，我更喜欢后面的徒步。船靠岸后，一路穿越树林走到Obersee，领略田园风光。什么叫“风吹草低见牛羊”，这里就是了。脑海里不自觉地浮现出“牛儿还在山坡吃草，放牛的却不知道哪儿去了”的优美旋律。老婆去农庄买了新鲜的牛奶，1.5欧/杯，好香啊，还有奶酪卖。喝着新鲜牛奶，享受着青草香和国王湖的阳光，什么舒化Milk、特伦舒的，都给我一边去。&lt;/p&gt;
&lt;div id=&quot;attachment_1818&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1818&quot; title=&quot;IMG_0418&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0418-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;船一靠岸，回头看去，另一番天地啊&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1819&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1819&quot; title=&quot;IMG_0421&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0421-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;色友，体格相当好，穿短裤就准备进山了&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1820&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1820&quot; title=&quot;IMG_0429&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0429-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;青山绿水间，少不了合影留念，正好同行的有中国人&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1821&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1821&quot; title=&quot;IMG_0454&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0454-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;去往Obersee一路走走停停，颜色太漂亮了&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1822&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1822&quot; title=&quot;IMG_0456&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0456-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;已经开始往会走的老者，好生羡慕，花白头发有这么好的身体和心态，游走山水间&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1823&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1823&quot; title=&quot;IMG_0464&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0464-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;美景前，一定少不了我家妞的身影 @李匆匆&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1824&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1824&quot; title=&quot;IMG_0468&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0468-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;美，真想住在这里不走了&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1825&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1825&quot; title=&quot;IMG_0477&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0477-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;这里的生态环境太好了，在这才能感受到大自然的美&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1827&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1827&quot; title=&quot;IMG_0480&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0480-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;这生活太惬意了，吃吃草，挤挤奶，一辈子就过来了&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1828&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1828&quot; title=&quot;IMG_0482&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0482-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;偶尔也要“卿卿我我”&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1829&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1829&quot; title=&quot;IMG_0492&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0492-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;果然是个吃货，站这么近连看都不看&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1830&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1830&quot; title=&quot;IMG_0504&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0504-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;非常有镜头感的牛，赶紧上前合个影&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1832&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1832&quot; title=&quot;SONY DSC&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00803-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;从Obersee返程途中遇到的行者&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1833&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1833&quot; title=&quot;SONY DSC&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00807-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;回程的船上，抓紧时间把明信片写了&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1834&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1834&quot; title=&quot;DSC00817&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00817-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;国王湖中段，著名的红顶教堂，在回程时上岸看了一眼&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1835&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1835&quot; title=&quot;DSC00815&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC00815-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;依山傍水，光是坐在这发呆都很享受&lt;/p&gt;&lt;/div&gt;
&lt;h4&gt;Hintersee印象&lt;/h4&gt;
&lt;p&gt;头天游完国王湖时间不够没去上，直接去了Salzburg，转天特地修改行程，挤出时间又转回贝希特斯加登，就为去这。在德国的感受就是，是个湖，它就美啊！坐车到Hintersee，本打算从这穿过魔法森林到小教堂去，结果魔法森林也关了，只好坐车直接去了小教堂。湖水不用说，一样的通透，我们在湖边漫步，在树林间行走。有些地方的草地很软，跺上去有嘭嘭的声音，我怀疑下面都是空的，由树根支撑，很好玩。这里太悠闲了，真适合徒步。&lt;/p&gt;
&lt;div id=&quot;attachment_1836&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1836&quot; title=&quot;DSC01056&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01056-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;Hintersee是另外一个桃源，去魔法森林可以从这里出发徒步过去&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;&lt;img class=&quot;alignnone size-medium wp-image-1837&quot; title=&quot;DSC01058&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01058-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;/p&gt;
&lt;p&gt;&lt;img class=&quot;alignnone size-medium wp-image-1838&quot; title=&quot;DSC01062&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01062-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;/p&gt;
&lt;p&gt;&lt;img class=&quot;alignnone size-medium wp-image-1839&quot; title=&quot;DSC01079&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01079-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;/p&gt;
&lt;p&gt;&lt;img class=&quot;alignnone size-medium wp-image-1843&quot; title=&quot;IMG_0530&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0530-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;/p&gt;
&lt;div id=&quot;attachment_1844&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1844&quot; title=&quot;IMG_0538&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0538-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;两个人，一只狗，晒着太阳，望着湖水，就这样过一个下午&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;&lt;img class=&quot;alignnone size-medium wp-image-1845&quot; title=&quot;IMG_0540&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0540-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;/p&gt;
&lt;div id=&quot;attachment_1846&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1846&quot; title=&quot;IMG_0547&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0547-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;冰淇淋神马的最美味了&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1847&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1847&quot; title=&quot;IMG_0581&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0581-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;专程来看魔法森林，结果封路了，无奈&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1848&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1848&quot; title=&quot;IMG_0592&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0592-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;只好等车去小教堂了，运气不错，赶上了正点的BUS，不然就要在这坐1个小时&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1849&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1849&quot; title=&quot;IMG_0599&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0599-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;先游览一下小教堂周边的民宿，这是从Hintersee一路流下来的水，这家还有私人泳池&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1850&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1850&quot; title=&quot;IMG_0605&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0605-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;依山傍水的家庭旅馆，多想在这有套别墅，然后无忧无虑的开个夫妻店儿&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1851&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1851&quot; title=&quot;IMG_0616&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0616-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;下次再来就住这片了，早上起来可以爬到后山去看日出&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1852&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1852&quot; title=&quot;IMG_0618&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0618-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;其中一间家庭旅馆，放大看看，太刺激人了&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1853&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1853&quot; title=&quot;IMG_0642&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0642-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;哪都不用去，这不就是风景吗&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;&lt;img class=&quot;alignnone size-medium wp-image-1854&quot; title=&quot;IMG_0665&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/IMG_0665-600x400.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;400&quot; /&gt;&lt;/p&gt;
&lt;div id=&quot;attachment_1840&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1840&quot; title=&quot;DSC01159&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01159-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;小教堂里的乐谱&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1841&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1841&quot; title=&quot;DSC01189&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01189-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;在小教堂等车的人们，准备回中央车站&lt;/p&gt;&lt;/div&gt;
&lt;div id=&quot;attachment_1842&quot; class=&quot;wp-caption alignnone&quot; style=&quot;width: 610px&quot;&gt;&lt;img class=&quot;size-medium wp-image-1842&quot; title=&quot;DSC01190&quot; src=&quot;http://blog.b3inside.com/wp-content/uploads/2011/10/DSC01190-600x399.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;399&quot; /&gt;&lt;p class=&quot;wp-caption-text&quot;&gt;回慕尼黑的火车上，沿路的风景美不胜收&lt;/p&gt;&lt;/div&gt;
&lt;h4&gt;遗憾&lt;/h4&gt;
&lt;p&gt;当然要数没有去上魔法森林了。我们特地一早从萨尔茨堡赶回贝希特斯加登，就是要去这里，结果没想到也封了。又是一个念想，但真不知道以后是否还会专为它跑去一趟贝希特斯加登了。不过也说不定，因为还有吸引我的地方，就是它的小镇风光。&lt;/p&gt;
&lt;h3&gt;扩展阅读&lt;/h3&gt;
&lt;p&gt;贝希特斯加登：&lt;a href=&quot;http://zh.wikipedia.org/zh-cn/贝希特斯加登&quot; target=&quot;_blank&quot;&gt;http://zh.wikipedia.org/zh-cn/贝希特斯加登&lt;/a&gt;&lt;br /&gt;
国王湖：&lt;a href=&quot;http://baike.baidu.com/view/758554.htm&quot; target=&quot;_blank&quot;&gt;http://baike.baidu.com/view/758554.htm&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-neuschwanstein/' rel='bookmark' title='德国之旅-新天鹅堡'&gt;德国之旅-新天鹅堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-austria-salzburg/' rel='bookmark' title='德国之旅-奥地利萨尔茨堡'&gt;德国之旅-奥地利萨尔茨堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-nurnberg/' rel='bookmark' title='德国之旅-纽伦堡'&gt;德国之旅-纽伦堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-frankfurt/' rel='bookmark' title='德国之旅-法兰克福'&gt;德国之旅-法兰克福&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-munchen/' rel='bookmark' title='德国之旅-慕尼黑'&gt;德国之旅-慕尼黑&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095016/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095016/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://blog.b3inside.com/photography/2011-germany-berchtesgaden/feed/</wfw:commentRss><slash:comments>5</slash:comments><description>10月5日，晴 今天的行程：贝希特斯加登，国王湖 故事 说到这里，得先从4日晚上从慕尼黑来贝希特斯加登说起。昨天从早上开始就已经是波折不断了，其实还没完。晚上正在去往贝希特斯加登的火车上，觉得忙碌的一天终于圆满结束，到酒店就睡觉了，在火车上正闭目养神，突然电话响了，+XXXXXX这种号码，一看就是国外的电话，本不想接，后反应过来，我就在国外啊，还是接了吧。故事就开始了…… 是Booking客服打来的电话，告诉我说我在贝希特斯加登预订的酒店没有空房了，原因是我没有21:00前check in，所以不保留。当时我就蒙圈了，怎么个情况这是，之前的酒店都没这一说啊，我订了就应该可以去住，又没说不去，为啥要取消。我说我正在去往酒店的火车上，大概22:30左右到，客服非常热心的跟酒店老板沟通后告诉我不行，没房间了是否要取消。那能怎么办，又不能带老婆住外边，只好让客服帮忙重新预订一家酒店。期间我们尝试拨打这家酒店的电话，但一直打不通。就这样，从一个火车上聊到了另一个火车，确定了新酒店，心理算踏实了，虽然被告知上家酒店会因为我没去住，没有提前取消收取60%的费用，但在这种关键时间还得hold住啊，老婆着急心疼钱，我不能因为这，大晚上的露宿街头。 总之后来是订好新酒店了，98欧/晚，一个家庭旅馆，从中央车站过去要5公里。要说事儿赶事儿呢，电话突然又能打通了，先前预订的酒店老板说房间有，问我们什么时间能到，然后再三确认房间要给我们留着，一定去。下了火车，开始找酒店，我又自豪了一次，酒店就在中央车站对面，过马路就是。到酒店办好check in住下，立即给Booking去电话，要求取消之后预订的酒店，并说明了原因，客服说会去处理这件事。于是安慰老婆说会没事的，早点休息。 一早出发去国王湖，11点多了还没有接到Booking客服的反馈，主动打过去电话得知，那边跟后一家酒店老板沟通后，老板不同意免费取消预订，这就意味着同样收取60%的费用，比之前那个还要多……崩溃。长话短说，之后又来来回回跟Booking客服沟通数次，最后达成说付给这家酒店40欧，作为补偿。事情到此终于画上句号了，我们一边品尝Obersee农场香甜的牛奶，一边忘记这件事，重新回到欣赏国王湖的美景上来，因为徒步这一路上，心情完全被这件事占据着，现在终于能释怀了。 Berchtesgaden Hbf 比Füssen Hbf大不了多少，但使用率很高，因为去所有景点的BUS都要在这里坐。比如去国王湖的840，去魔法森林的846，和去萨尔茨堡（Salzburg）的841。这些BUS统统可以使用拜仁州票。值得一提的是，去萨尔茨堡的841也可以使用，包括回来时也能用，当然可以买单程票，4.9欧/人。 酒店 虽然为了入住这家酒店出了不少状况，但不得不说，这里的房间是此行所有酒店中最好，最漂亮的。巴伐利亚风格的家具，房间很大很干净，周围的景色也相当漂亮，依山傍水。这是家家庭旅馆，所以要求21:00前入住，当初没注意，现在终于明白为什么了，21:00后，店主就要下班休息了。以至于第二天早上去退房时，老板见面就问“You are the lucky man, right?”，呵呵。所以说，如果是家庭旅馆，一定要注意入住时间啊，金钱上的损失确实是挺幸运的，万一没地儿住，在火车站待一晚，之后的行程就全泡汤了。10月份的贝希特斯加登还是挺冷的，气温要比城市低一些。 国王湖印象 “去过九寨，就不用去国王湖了，很像，水都是清澈见底”，我说，那能一样嘛！这可是路德维希二世用大片巴伐利亚土地从奥地利换回的，就冲这也得去亲身体验一番不是。 美。从坐上游船那一刻，我就与国王湖在一起了。湖水如镜啊，水质已经达到可以饮用的标准。在船上跟老婆一起回忆咱们的千岛湖，也有同样的水质来着。德国人为了保护这个湖，所有船都是电动的，为了防止燃油对湖水的污染。船到回音壁时，解说开始从小柜子里掏出小号，吹一声，山也回应一声……当然，这是有目的的，之后就开始要小费了，每人50 Cents就够了，没零钱除外，哈。 相比前面游山玩水，我更喜欢后面的徒步。船靠岸后，一路穿越树林走到Obersee，领略田园风光。什么叫“风吹草低见牛羊”，这里就是了。脑海里不自觉地浮现出“牛儿还在山坡吃草，放牛的却不知道哪儿去了”的优美旋律。老婆去农庄买了新鲜的牛奶，1.5欧/杯，好香啊，还有奶酪卖。喝着新鲜牛奶，享受着青草香和国王湖的阳光，什么舒化Milk、特伦舒的，都给我一边去。 Hintersee印象 头天游完国王湖时间不够没去上，直接去了Salzburg，转天特地修改行程，挤出时间又转回贝希特斯加登，就为去这。在德国的感受就是，是个湖，它就美啊！坐车到Hintersee，本打算从这穿过魔法森林到小教堂去，结果魔法森林也关了，只好坐车直接去了小教堂。湖水不用说，一样的通透，我们在湖边漫步，在树林间行走。有些地方的草地很软，跺上去有嘭嘭的声音，我怀疑下面都是空的，由树根支撑，很好玩。这里太悠闲了，真适合徒步。 遗憾 当然要数没有去上魔法森林了。我们特地一早从萨尔茨堡赶回贝希特斯加登，就是要去这里，结果没想到也封了。又是一个念想，但真不知道以后是否还会专为它跑去一趟贝希特斯加登了。不过也说不定，因为还有吸引我的地方，就是它的小镇风光。 扩展阅读 贝希特斯加登：http://zh.wikipedia.org/zh-cn/贝希特斯加登 国王湖：http://baike.baidu.com/view/758554.htm 相关文章 德国之旅-新天鹅堡 德国之旅-奥地利萨尔茨堡 德国之旅-纽伦堡 德国之旅-法兰克福 德国之旅-慕尼黑
相关文章&lt;ol&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-neuschwanstein/' rel='bookmark' title='德国之旅-新天鹅堡'&gt;德国之旅-新天鹅堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-austria-salzburg/' rel='bookmark' title='德国之旅-奥地利萨尔茨堡'&gt;德国之旅-奥地利萨尔茨堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-nurnberg/' rel='bookmark' title='德国之旅-纽伦堡'&gt;德国之旅-纽伦堡&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-frankfurt/' rel='bookmark' title='德国之旅-法兰克福'&gt;德国之旅-法兰克福&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='http://blog.b3inside.com/photography/2011-germany-munchen/' rel='bookmark' title='德国之旅-慕尼黑'&gt;德国之旅-慕尼黑&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/598095016/b3inside/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/b3inside/~7225910/598095016/1219942/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>生活</category><category>摄影欣赏</category><category>旅行</category><pubDate>Sun, 23 Oct 2011 22:00:24 +0800</pubDate><author>波希米亚</author><comments>http://blog.b3inside.com/photography/2011-germany-berchtesgaden/#comments</comments><guid isPermaLink="false">http://blog.b3inside.com/?p=1632</guid><dc:creator>波希米亚</dc:creator><fs:srclink>http://blog.b3inside.com/photography/2011-germany-berchtesgaden/</fs:srclink><fs:srcfeed>http://blog.b3inside.com/feed/</fs:srcfeed><fs:itemid>feedsky/b3inside/~7225910/598095016/1219942</fs:itemid></item></channel></rss>
