#### <span style="color:red">Chrome App</span> - 当你在页面上做下拉手势时，顶部会出现3个操作菜单，默认中间是刷新，移动到左边手势是添加标签，移动到右边是关闭此标签。 > 想想在越来越大屏幕的时代，单手操作永远是个话题，但是真正有多少App在用心做呢？

 #### <span style="color:red">Tumblr（汤博乐）</span> - 当你鼠标移动到Tumblr的logo时，白色logo透明窗口中会随机出现彩色动画。这仿佛表现出Tumblr的另一个理念：轻博客中也会有更很精彩内容！ --- [Tumblr](http://www.tumblr.com)（中文名：汤博乐）成立于2007年，是目前全球最大的轻博客网站，也是轻博客网站的始祖。Tumblr（汤博乐）是一种介于传统博客和微博之间的全新媒体形态，既注重表达，又注重社交，而且注重个性化设置，成为当前最受年轻人欢迎的社交网站之一。雅虎公司董事会2013年5月19日决定，以11亿美元收购Tumblr。 --- 顺便提一下它的实现方法： 1. logo是一个SVG对象（SVG简单说就是一个矢量图，本质是XML文本）。 2. 然后用SVG中的pattern元素创建一个纹理去填充。 3. 纹理包含是gif的image元素，每次鼠标离开logo就随机换一张gif图片。

 #### <span style="color:red">WhatsApp</span> - 在你网页版和手机版同时登录的时候，如果你手机电量过低时网页版会给你一个贴心的提醒：手机电量不足！这时恐怕你会立即插上充电了吧。 > 图片中文字上方是手机端，看到已经只有8%的电量了。 > 文字下方是Web端的提醒。 > 做前端或者做产品的同志们可以去玩玩WhatsApp的Web端，极简的Material Design设计风格，虽然没什么特别，但是真的很耐看。 > 这点贴心的功能不知道微信做了没，下次试一下^_^... --- WhatsApp网址：[web.whatsapp.com](http://web.whatsapp.com)

 #### <span style="color:red">Facebook</span> - 根据你的位置，不同地区的人访问Facebook会显示不一样的地球。 > 第一幅图是用日本代理访问Facebook > 第二幅图是用美国代理访问Facebook

 #### <span style="color:red">Facebook Messenge</span> - 感叹一下：啊...原来赞还能这么玩！右下角的赞按钮，只要长按时间越久就越大，按太久还会爆掉...蛮有趣的。顿时让我想到小时候玩得街机游戏-拳皇：爆气。 > 看图还不能了解什么，再放个视频，视频更有趣还带有音效。 > [http://v.youku.com/v_show/id_XMTMyMTg4OTU2MA==.html](http://v.youku.com/v_show/id_XMTMyMTg4OTU2MA==.html) --- Facebook Messenger - 是Facebook官方聊天工具，允许客户进行聊天、接收通知并从电脑桌面上阅读新鲜事。

 #### <span style="color:red">Youtube</span> - 在youtube.com上所有的链接切换，顶部都会有一条红色的进度掉显示，这种一点点改变体验非常棒，我再也不会特意去触碰多次某个操作了。现在普遍体验是：点击了页面没反映或者出现白屏。特别在网络不稳定的情况下，我甚至都再怀疑我是否点中，于是会再去点击或刷新。

 #### <span style="color:red;">网易云音乐</span> - 云音乐的朋友圈不是用来晒的而是用来听的，这就会带来个问题：很难提起我的发帖兴趣，并不是不想发而是不知道发什么。而云音乐以一种主题的方式推送给用户，如果主题很恰打动我心，我会毫不犹豫点击【立即参与】。用了这么久云音乐，几个动态全是这种形式发出去的。

 #### <span style="color:red;">Apple Developer</span> - 当访问苹果开发者网站出现404错误时，苹果并不是简单的把404页面做的很漂亮、有个性，而是它明白你多数情况是因为某个链接收藏太久，这个链接已经失效了，但是这时候你的目的性是很强：就是为了找到某个开发文档，这时出现了搜索框在你面前，你肯定已经跟我一样迫不及待要去搜索了，反而获得了更多知识。

 #### <span style="color:red">百度图谱</span> - 通过知识图谱梳理关系，更加一目了然，并且百度把HTML5发挥的很棒。（这种形式可用在家族关系、公司组织、影视人物关系等...） 图谱官网：<a href="http://tupu.baidu.com/" target="_blank">tupu.baidu.com</a>

 #### <span style="color:red">Chrome</span> - 当无网络的情况下打开网页，它会出现一个恐龙界面（仿佛告诉你，你已经回到恐龙时代了），当你在这个界面按下空格，就会出现一个简单、容易上手、好玩的小游戏。

 #### <span style="color:red">Chrome</span> - 当你复制好内容，打开Chrome浏览器，鼠标右键粘贴的时候，Chrome似乎能懂你现在想要干什么，当你复制的是URL格式的链接，它会出现【粘贴并转到】，其他情况都当做关键字去搜索【粘贴并搜索】。

 #### <span style="color:red">Pinterest</span> - 在图像被加载之前，背景会根据图片的色调挑选颜色，而不是随机的挑选的颜色，它的色彩到图片加载完毕的时候过渡非常自然。 --- Pinterest - 堪称图片版的Twitter，网民可以将感兴趣的图片在Pinterest保存，其他网友可以关注，也可以转发图片。 采用的是瀑布流的形式展现图片内容，无需用户翻页，新的图片不断自动加载在页面底端，让用户不断的发现新的图片。

 #### <span style="color:red">Basecamp</span> - 当你输入正确的时候，漫画男人会给你一个很大的笑脸并指引现在所在的地方，但当你输入错误的时候，他会瞪大眼睛给你一个惊讶的表情，嘴巴似乎在讲：Enter a valid email --- Basecamp - 是37signals公司旗下的一款非常流行的基于云服务的项目管理软件。以简单易用和颠覆性的创新而出名。 Basecamp提供了消息板，待办事宜，简单调度，协同写作，文件共享。而不是甘特图，炫丽的曲线图，和繁重的电子表格。

  #### <span style="color:red">Yelp</span> - 可使用emoji表情来搜索，并不需要你输入文字，更形象的搜寻。 --- Yelp - 是美国著名商户点评网站，创立于2004年，囊括各地餐馆、购物中心、酒店、旅游等领域的商户，用户可以在Yelp网站中给商户打分，提交评论，交流购物体验等（简单来说就是国外的大众点评 - *PS:大众点评2003年4月成立于上海*）