CINXE.COM

<!DOCTYPE html> <html lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://dribbble.com/shots?list=animated","20160708091153","https://web.archive.org/","web","/_static/", "1467969113"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <title> Dribbble - Show and tell for designers </title> <meta charset="utf-8"/> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"7840d0c136","applicationID":"2909452","transactionName":"Jg1bREUOClsARUpHABcHUF5ECQlDFhgMWgcAGg==","queueTime":1,"applicationTime":73,"agent":""}</script> <script type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var o=e[n]={exports:{}};t[n][0].call(o.exports,function(e){var o=t[n][1][e];return r(o||e)},o,o.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(t,e,n){function r(){}function o(t,e,n){return function(){return i(t,[(new Date).getTime()].concat(u(arguments)),e?null:this,n),e?void 0:this}}var i=t("handle"),a=t(2),u=t(3),c=t("ee").get("tracer"),f=NREUM;"undefined"==typeof window.newrelic&&(newrelic=f);var s=["setPageViewName","setCustomAttribute","finished","addToTrace","inlineHit"],p="api-",l=p+"ixn-";a(s,function(t,e){f[e]=o(p+e,!0,"api")}),f.addPageAction=o(p+"addPageAction",!0),e.exports=newrelic,f.interaction=function(){return(new r).get()};var d=r.prototype={createTracer:function(t,e){var n={},r=this,o="function"==typeof e;return i(l+"tracer",[Date.now(),t,n],r),function(){if(c.emit((o?"":"no-")+"fn-start",[Date.now(),r,o],n),o)try{return e.apply(this,arguments)}finally{c.emit("fn-end",[Date.now()],n)}}}};a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,e){d[e]=o(l+e)}),newrelic.noticeError=function(t){"string"==typeof t&&(t=new Error(t)),i("err",[t,(new Date).getTime()])}},{}],2:[function(t,e,n){function r(t,e){var n=[],r="",i=0;for(r in t)o.call(t,r)&&(n[i]=e(r,t[r]),i+=1);return n}var o=Object.prototype.hasOwnProperty;e.exports=r},{}],3:[function(t,e,n){function r(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,o=n-e||0,i=Array(o<0?0:o);++r<o;)i[r]=t[e+r];return i}e.exports=r},{}],ee:[function(t,e,n){function r(){}function o(t){function e(t){return t&&t instanceof r?t:t?u(t,a,i):i()}function n(n,r,o){t&&t(n,r,o);for(var i=e(o),a=l(n),u=a.length,c=0;c<u;c++)a[c].apply(i,r);var s=f[m[n]];return s&&s.push([w,n,r,i]),i}function p(t,e){g[t]=l(t).concat(e)}function l(t){return g[t]||[]}function d(t){return s[t]=s[t]||o(n)}function v(t,e){c(t,function(t,n){e=e||"feature",m[n]=e,e in f||(f[e]=[])})}var g={},m={},w={on:p,emit:n,get:d,listeners:l,context:e,buffer:v};return w}function i(){return new r}var a="nr@context",u=t("gos"),c=t(2),f={},s={},p=e.exports=o();p.backlog=f},{}],gos:[function(t,e,n){function r(t,e,n){if(o.call(t,e))return t[e];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return t[e]=r,r}var o=Object.prototype.hasOwnProperty;e.exports=r},{}],handle:[function(t,e,n){function r(t,e,n,r){o.buffer([t],r),o.emit(t,e,n)}var o=t("ee").get("handle");e.exports=r,r.ee=o},{}],id:[function(t,e,n){function r(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:a(t,i,function(){return o++})}var o=1,i="nr@id",a=t("gos");e.exports=r},{}],loader:[function(t,e,n){function r(){if(!h++){var t=y.info=NREUM.info,e=s.getElementsByTagName("script")[0];if(t&&t.licenseKey&&t.applicationID&&e){c(m,function(e,n){t[e]||(t[e]=n)});var n="https"===g.split(":")[0]||t.sslForHttp;y.proto=n?"https://":"http://",u("mark",["onload",a()],null,"api");var r=s.createElement("script");r.src=y.proto+t.agent,e.parentNode.insertBefore(r,e)}}}function o(){"complete"===s.readyState&&i()}function i(){u("mark",["domContent",a()],null,"api")}function a(){return(new Date).getTime()}var u=t("handle"),c=t(2),f=window,s=f.document,p="addEventListener",l="attachEvent",d=f.XMLHttpRequest,v=d&&d.prototype;NREUM.o={ST:setTimeout,CT:clearTimeout,XHR:d,REQ:f.Request,EV:f.Event,PR:f.Promise,MO:f.MutationObserver},t(1);var g=""+location,m={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-963.min.js"},w=d&&v&&v[p]&&!/CriOS/.test(navigator.userAgent),y=e.exports={offset:a(),origin:g,features:{},xhrWrappable:w};s[p]?(s[p]("DOMContentLoaded",i,!1),f[p]("load",r,!1)):(s[l]("onreadystatechange",o),f[l]("onload",r)),u("mark",["firstbyte",a()],null,"api");var h=0},{}]},{},["loader"]);</script> <meta name="theme-color" content="#333333"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"/> <meta name="referrer" content="always">  <link rel="stylesheet" media="screen, projection" href="https://web.archive.org/web/20160708091153cs_/https://d13yacurqjgara.cloudfront.net/assets/master-94a01ce0bd2498825a947ebab168533b181726d5a7453f22db1b9ba88afe9fa9.css"/> <link rel="stylesheet" media="screen, projection" href="https://web.archive.org/web/20160708091153cs_/https://d13yacurqjgara.cloudfront.net/assets/infinite-6efea9ce34122c525f5c723777317cfeb9e701e41a1a9e3de814f857f4ca9e1f.css"/> <link rel="stylesheet" media="screen, projection" href="https://web.archive.org/web/20160708091153cs_/https://d13yacurqjgara.cloudfront.net/assets/adapt-94ebf52e3852f97a2403e1349c2c95187d80d478853d650eb04e318fe75d3e36.css"/> <link rel="stylesheet" media="screen, projection" href="https://web.archive.org/web/20160708091153cs_/https://d13yacurqjgara.cloudfront.net/assets/attachment-overlay-02442056949dba59dc67ad7ac47ad4de8c748ff24bb7a2b7a87fc285a6d7bd49.css"/>  <link rel="stylesheet" media="print" href="https://web.archive.org/web/20160708091153cs_/https://d13yacurqjgara.cloudfront.net/assets/print-af897c350716ce875940317977d37c5289e6aa39cb324abab961d4b514bd61f2.css"/> <link href="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/dribbble-vector-ball-95ca193529993e9b3904f7adb541680aba196642f557cfaf3cdbb0a48a284be4.svg" rel="mask-icon" color="#ea4c89"/> <link href="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/apple-touch-icon-precomposed-4a188d3f4dd693b67971fda843fd4bdeae751f9a245e3b878cae17e0a9d6a0a3.png" rel="apple-touch-icon-precomposed"/> <link href="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/favicon-63b2904a073c89b52b19aa08cebc16a154bcf83fee8ecc6439968b1e6db569c7.ico" rel="icon"/> <link href="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/dribbble-ball-192-ec064e49e6f63d9a5fa911518781bee0c90688d052a038f8876ef0824f65eaf2.png" sizes="192x192" rel="icon"/> <meta name="csrf-param" content="authenticity_token"/> <meta name="csrf-token" content="s5nN+l7L6KSpjbDMf0zo+8wMiR41ZsKDfOgNEnKtM/T0cx6wLpNk1UPIPtBxrY+7FoSEnFDi/KAnHu+DPfr0cQ=="/> <script> if (location.hash.match(/^#\./) && window.history) { window.history.replaceState({}, window.title, location.origin + location.pathname + location.search) } </script> </head> <body id="shots" class="logged-out not-pro not-self not-team grid-small grid-with-meta"> <div id="header"> <div id="header-inner"> <div id="logo"> <a href="/web/20160708091153/https://dribbble.com/"><img alt="dribbble" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/logo-bw-0200c7483844c355752e89efaa4ba89b83c9c591d70254ba10f4b25d901359d0.gif"/></a> </div> <a href="#nav" id="toggle-nav">Toggle navigation</a> <ul id="nav"> <li id="t-search"> <form id="search" action="https://web.archive.org/web/20160708091153/https://dribbble.com/search"> <input class="search-text" type="text" name="q" placeholder="Search " value=""/> </form> </li> <li id="t-signin"> <a href="https://web.archive.org/web/20160708091153/https://dribbble.com/session/new?return_to=%2Fshots%3Flist%3Danimated"> <span>Sign in</span> </a> </li> <li id="t-signup"> <a href="https://web.archive.org/web/20160708091153/https://dribbble.com/signup?return_to=%2Fshots%3Flist%3Danimated">Sign up</a> </li> <li id="t-shots"> <a class="has-sub" href="/web/20160708091153/https://dribbble.com/shots">Shots</a> <ul class="tabs"> <li><a href="/web/20160708091153/https://dribbble.com/shots">Popular</a></li> <li><a href="/web/20160708091153/https://dribbble.com/shots?sort=recent">Recent</a></li> <li><a href="/web/20160708091153/https://dribbble.com/shots?list=teams">Teams</a></li> <li><a href="/web/20160708091153/https://dribbble.com/shots?list=debuts">Debuts</a></li> <li><a href="/web/20160708091153/https://dribbble.com/shots?list=playoffs">Playoffs</a></li> <li><a href="/web/20160708091153/https://dribbble.com/shots?list=animated">Animated GIFs</a></li> </ul> </li> <li id="t-players"> <a class="has-sub" href="/web/20160708091153/https://dribbble.com/designers">Designers</a> <ul class="tabs"> <li><a href="/web/20160708091153/https://dribbble.com/designers">All</a></li> <li><a href="/web/20160708091153/https://dribbble.com/designers?for_hire=on">For Hire</a></li> <li class="separate"><a href="/web/20160708091153/https://dribbble.com/designers/overview">Top Skills & Locations</a></li> <li><a href="/web/20160708091153/https://dribbble.com/skills">Skills</a></li> <li><a href="/web/20160708091153/https://dribbble.com/cities">Cities</a></li> <li><a href="/web/20160708091153/https://dribbble.com/countries">Countries</a></li> </ul> </li> <li id="t-teams"> <a class="has-sub" href="/web/20160708091153/https://dribbble.com/teams">Teams</a> <ul class="tabs"> <li><a href="/web/20160708091153/https://dribbble.com/teams">All</a></li> <li><a href="/web/20160708091153/https://dribbble.com/teams?hiring=on">Hiring Designers</a></li> <li><a href="/web/20160708091153/https://dribbble.com/teams?for_hire=on">Design Teams for Hire</a></li> <li class="separate"><a href="/web/20160708091153/https://dribbble.com/teams/info">Add Your Design Team</a></li> </ul> </li> <li id="t-stories"> <a href="/web/20160708091153/https://dribbble.com/stories">Stories</a> <ul class="tabs"> <li><a href="/web/20160708091153/https://dribbble.com/stories">Latest Stories</a></li> <ul class="latest-stories"> <li class="separate"><a href="/web/20160708091153/https://dribbble.com/stories/2016/07/07/shot-block-spot-illustrations">Shot Block: Spot Illustrations</a></li> <li><a href="/web/20160708091153/https://dribbble.com/stories/2016/07/06/timeout-jessica-paoli">Timeout: Jessica Paoli</a></li> <li><a href="/web/20160708091153/https://dribbble.com/stories/2016/07/05/weekly-replay">Weekly Replay: Jun 27</a></li> <li><a href="/web/20160708091153/https://dribbble.com/stories/2016/06/30/timeout-nikhil-vootkur">Timeout: Nikhil Vootkur</a></li> <li><a href="/web/20160708091153/https://dribbble.com/stories/2016/06/29/shot-block-noodles">Shot Block: Noodles</a></li> </ul> </ul> </li> <li id="t-meetups"> <a href="/web/20160708091153/https://dribbble.com/meetups">Meetups</a> <ul class="tabs"> <li><a href="/web/20160708091153/https://dribbble.com/meetups">Meetups</a></li> <li><a href="/web/20160708091153/https://dribbble.com/meetups/new">Host a Meetup</a></li> </ul> </li> <li id="t-shop"> <a class="desktop-shop-link" href="/web/20160708091153/https://dribbble.com/goods">Shop</a> <ul class="tabs"> <li><a href="/web/20160708091153/https://dribbble.com/goods">Goods by Designers</a></li> <li><a href="/web/20160708091153/https://dribbble.com/deals">Deals for Designers</a></li> <li class="separate"><a href="https://web.archive.org/web/20160708091153/http://shop.dribbble.com/">Dribbble Shop</a></li> </ul> </li> <li id="t-jobs"> <a href="/web/20160708091153/https://dribbble.com/jobs">Jobs</a> <ul class="tabs"> <li><a href="/web/20160708091153/https://dribbble.com/jobs">All</a></li> <li><a href="/web/20160708091153/https://dribbble.com/jobs?location=Anywhere">Remote / Anywhere</a></li> <li><a href="/web/20160708091153/https://dribbble.com/jobs?teams_only=true">@ Teams</a></li> <li class="separate"><a href="/web/20160708091153/https://dribbble.com/jobs/info">Post a Job</a></li> </ul> </li> <li id="t-more"> <a href="/web/20160708091153/https://dribbble.com/highlights"> <span>More</span> </a> <ul class="tabs"> <li><a href="/web/20160708091153/https://dribbble.com/highlights">Highlights</a></li> <li><a href="/web/20160708091153/https://dribbble.com/projects">Projects</a></li> <li><a href="/web/20160708091153/https://dribbble.com/buckets">Buckets</a></li> <li><a href="/web/20160708091153/https://dribbble.com/colors">Colors</a></li> <li><a href="/web/20160708091153/https://dribbble.com/tags">Tags</a></li> <li class="mobile-shop-link separate"><a href="/web/20160708091153/https://dribbble.com/goods">Goods by Designers</a></li> <li class="mobile-shop-link"><a href="/web/20160708091153/https://dribbble.com/deals">Deals for Designers</a></li> <li class="mobile-shop-link"><a href="https://web.archive.org/web/20160708091153/http://shop.dribbble.com/">Dribbble Shop</a></li> <li class="separate"><a href="/web/20160708091153/https://dribbble.com/about">About</a></li> <li><a href="/web/20160708091153/https://dribbble.com/stories">Blog</a></li> <li><a href="/web/20160708091153/https://dribbble.com/stories/categories/overtime">Podcast</a></li> <li class="separate"><a href="https://web.archive.org/web/20160708091153/http://twitter.com/dribbble">Twitter</a></li> <li><a href="https://web.archive.org/web/20160708091153/http://facebook.com/dribbble">Facebook</a></li> <li><a href="/web/20160708091153/https://dribbble.com/integrations">Integrations</a></li> <li class="separate"><a href="https://web.archive.org/web/20160708091153/http://help.dribbble.com/">Support</a></li> </ul> </li> </ul> </div> </div>  <hr/> <div class="ajax notice hide"> <h2></h2> </div> <div id="wrap"> <div class="full-pitch group"> <h1 class="compact"> <strong>What are you working on?</strong> Dribbble is show and tell for designers. <span class="full-pitch-actions"> <a text="Learn more" class="form-btn" href="/web/20160708091153/https://dribbble.com/about">Learn more</a> <a class="form-sub" href="/web/20160708091153/https://dribbble.com/signup">Sign up</a> </span> </h1> </div> <div class="full-tabs"> <ul class="shot-menu full-tabs-links"> <li class="more active"><a href="/web/20160708091153/https://dribbble.com/shots?list=animated">Popular</a><ul class="sub"><li><a href="/web/20160708091153/https://dribbble.com/shots?list=animated&sort=recent">Recent</a></li><li><a href="/web/20160708091153/https://dribbble.com/shots?list=animated&sort=views">Most Viewed</a></li><li><a href="/web/20160708091153/https://dribbble.com/shots?list=animated&sort=comments">Most Commented</a></li></ul></li> <li class="more active"><a href="/web/20160708091153/https://dribbble.com/shots?list=animated">Animated GIFs</a><ul class="sub"><li><a href="/web/20160708091153/https://dribbble.com/shots">Shots</a></li><li><a href="/web/20160708091153/https://dribbble.com/shots?list=debuts">Debuts</a></li><li><a href="/web/20160708091153/https://dribbble.com/shots?list=teams">Team Shots</a></li><li><a href="/web/20160708091153/https://dribbble.com/shots?list=playoffs">Playoffs</a></li><li><a href="/web/20160708091153/https://dribbble.com/shots?list=rebounds">Rebounds</a></li><li><a href="/web/20160708091153/https://dribbble.com/shots?list=attachments">Shots with Attachments</a></li></ul></li> <li class="more active"><a href="/web/20160708091153/https://dribbble.com/shots?list=animated">Now</a><ul class="sub"><li><a href="/web/20160708091153/https://dribbble.com/shots?list=animated&timeframe=week">This Past Week</a></li><li><a href="/web/20160708091153/https://dribbble.com/shots?list=animated&timeframe=month">This Past Month</a></li><li><a href="/web/20160708091153/https://dribbble.com/shots?list=animated&timeframe=year">This Past Year</a></li><li><a href="/web/20160708091153/https://dribbble.com/shots?list=animated&timeframe=ever">All Time</a></li></ul></li> </ul> <div class="screenshot-actions"> <div class="actions-menu"> <a class="action grid" href="#"> <span>Actions</span> </a> <ul class="actions-list"> <li class="shot-display"> <h3>Display Options</h3> <ul class="large-small"> <li rel="tipsy" data-tipsy-class="tipsy-alt" title="Small with info" class="small-with-meta active"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveaspectratio="xMidYMid" width="72" height="72" viewbox="0 0 72 72"> <path d="M48.992,53.0045 L23.009,53.0045 C21.358,53.0045 20.01,51.6595 20.01,50.0035 L20.01,21.9965 C20.01,20.3375 21.358,18.9955 23.009,18.9955 L48.992,18.9955 C50.649,18.9955 51.99,20.3375 51.99,21.9965 L51.99,50.0035 C51.99,51.6595 50.649,53.0045 48.992,53.0045 L48.992,53.0045 L48.992,53.0045 Z M27.989,47.9995 L43.989,47.9995 C45.094,47.9995 45.989,47.1045 45.989,45.9995 C45.989,44.8945 45.094,43.9995 43.989,43.9995 L27.989,43.9995 C26.884,43.9995 25.989,44.8945 25.989,45.9995 C25.989,47.1045 26.884,47.9995 27.989,47.9995 L27.989,47.9995 L27.989,47.9995 Z M45.993,24.9965 L26.008,24.9965 L26.008,39.0025 L45.993,39.0025 L45.993,24.9965 L45.993,24.9965 Z" fill="#333333"/> </svg> </a> </li> <li rel="tipsy" data-tipsy-class="tipsy-alt" title="Large with info" class="large-with-meta "> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveaspectratio="xMidYMid" width="72" height="72" viewbox="0 0 72 72"> <path d="M56.992,61.0045 L15.009,61.0045 C13.358,61.0045 12.01,59.6595 12.01,58.0035 L12.01,13.9965 C12.01,12.3375 13.358,10.9955 15.009,10.9955 L56.992,10.9955 C58.649,10.9955 59.99,12.3375 59.99,13.9965 L59.99,58.0035 C59.99,59.6595 58.649,61.0045 56.992,61.0045 L56.992,61.0045 Z M19.989,55.9995 L51.989,55.9995 C53.094,55.9995 53.989,55.1045 53.989,53.9995 C53.989,52.8945 53.094,51.9995 51.989,51.9995 L19.989,51.9995 C18.884,51.9995 17.989,52.8945 17.989,53.9995 C17.989,55.1045 18.884,55.9995 19.989,55.9995 L19.989,55.9995 Z M53.993,16.9965 L18.008,16.9965 L18.008,47.0025 L53.993,47.0025 L53.993,16.9965 L53.993,16.9965 Z" fill="#333333"/> </svg> </a> </li> <li rel="tipsy" data-tipsy-class="tipsy-alt" title="Small without info" class="small-without-meta "> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveaspectratio="xMidYMid" width="72" height="72" viewbox="0 0 72 72"> <path d="M48.992,49.0045 L23.009,49.0045 C21.358,49.0045 20.01,47.6595 20.01,46.0035 L20.01,25.9965 C20.01,24.3375 21.358,22.9955 23.009,22.9955 L48.992,22.9955 C50.649,22.9955 51.99,24.3375 51.99,25.9965 L51.99,46.0035 C51.99,47.6595 50.649,49.0045 48.992,49.0045 L48.992,49.0045 Z M45.993,28.9965 L26.008,28.9965 L26.008,43.0025 L45.993,43.0025 L45.993,28.9965 L45.993,28.9965 Z" fill="#333333"/> </svg> </a> </li> <li rel="tipsy" data-tipsy-class="tipsy-alt" title="Large without info" class="large-without-meta "> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveaspectratio="xMidYMid" width="72" height="72" viewbox="0 0 72 72"> <path d="M56.992,57.0045 L15.009,57.0045 C13.358,57.0045 12.01,55.6595 12.01,54.0035 L12.01,17.9965 C12.01,16.3375 13.358,14.9955 15.009,14.9955 L56.992,14.9955 C58.649,14.9955 59.99,16.3375 59.99,17.9965 L59.99,54.0035 C59.99,55.6595 58.649,57.0045 56.992,57.0045 L56.992,57.0045 Z M53.993,20.9965 L18.008,20.9965 L18.008,51.0025 L53.993,51.0025 L53.993,20.9965 L53.993,20.9965 Z" fill="#333333"/> </svg> </a> </li> </ul> </li> </ul> </div> </div> </div> <div id="wrap-inner"> <div id="content"> <div class="notice-alert"> <h3></h3> <a href="#" class="close"> <img width="25" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-shot-x-light-2x-a4fcd61bdb114023583740bd9f5a46734e243e5be2bff1baa3e1cc33e7877fcd.png" alt="Icon shot x light 2x"/> </a> </div> <div id="main" class="main-full"> <ol class="dribbbles group"> <li id="screenshot-2817989" class="group "> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2817989-Aircraft-zoom-interaction-for-travel-app-product-by-fantasy"><div data-picture data-alt="Aircraft zoom interaction for travel app product by fantasy"> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/1331/screenshots/2817989/boing747_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/1331/screenshots/2817989/boing747_still.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="Aircraft zoom interaction for travel app product by fantasy" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/1331/screenshots/2817989/boing747_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2817989-Aircraft-zoom-interaction-for-travel-app-product-by-fantasy"> <strong>Aircraft zoom inter...</strong> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2817989-Aircraft-zoom-interaction-for-travel-app-product-by-fantasy/fans">766</a> </li> <li class="cmnt"> <span> 33 </span> </li> <li class="views"> <span>8,649</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2817989-Aircraft-zoom-interaction-for-travel-app-product-by-fantasy/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2817989-Aircraft-zoom-interaction-for-travel-app-product-by-fantasy"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/Fantasy"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/1331/avatars/mini/4342af710a5562a5ebab677e2ee57833.png?1399489342"/> F螞NT螞SY</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/teams"> <span class="badge badge-team">Team</span> </a> </span> </h2> </li> <li id="screenshot-2822934" class="group "> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2822934-Messenger-Bots-Augmented-Video-Call-Concept"><div data-picture data-alt="Messenger Bots & Augmented Video Call Concept"> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/347241/screenshots/2822934/rayban-drib_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/347241/screenshots/2822934/rayban-drib_1x.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="Messenger Bots & Augmented Video Call Concept" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/347241/screenshots/2822934/rayban-drib_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2822934-Messenger-Bots-Augmented-Video-Call-Concept"> <strong>Messenger Bots & Au...</strong> <span class="comment">I thought about what could be an easy way to call bots when you know exactly which one you need -different than the case you know what you want to ...</span> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2822934-Messenger-Bots-Augmented-Video-Call-Concept/fans">527</a> </li> <li class="cmnt"> <span> 51 </span> </li> <li class="views"> <span>5,956</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2822934-Messenger-Bots-Augmented-Video-Call-Concept/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/shots/2822930-Messenger-Bots-Augmented-Video-Call-Concept-2"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2822934-Messenger-Bots-Augmented-Video-Call-Concept"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/isiluzum"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/347241/avatars/mini/f0ac011a481ee9db2ecf7ea3febaa35b.jpg?1429920703"/> Isil Uzum</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/pro"> <span class="badge badge-pro">Pro</span> </a> </span> </h2> </li> <li id="screenshot-2815864" class="group "> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2815864-LA-Gifathon-Day-3"><div data-picture data-alt="LA Gifathon Day 3"> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/566817/screenshots/2815864/lagifathon03_dribbble_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/566817/screenshots/2815864/lagifathon03_dribbble_1x.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="LA Gifathon Day 3" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/566817/screenshots/2815864/lagifathon03_dribbble_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2815864-LA-Gifathon-Day-3"> <strong>LA Gifathon Day 3</strong> <span class="comment">I rented a car.</span> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2815864-LA-Gifathon-Day-3/fans">549</a> </li> <li class="cmnt"> <span> 23 </span> </li> <li class="views"> <span>6,444</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2815864-LA-Gifathon-Day-3/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/slimjimstudios"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2815864-LA-Gifathon-Day-3"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/slimjimstudios"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/566817/avatars/mini/ae410dbc80723fb7b150122ab6afe152.png?1449163810"/> James Curran</a> </span> </h2> </li> <li id="screenshot-2823074" class="group team"> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2823074-Tubik-Studio-Book-Swap"><div data-picture data-alt="Tubik Studio | Book Swap"> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/973926/screenshots/2823074/tubik_studio___book_swap_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/973926/screenshots/2823074/tubik_studio___book_swap_1x.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="Tubik Studio | Book Swap" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/973926/screenshots/2823074/tubik_studio___book_swap_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2823074-Tubik-Studio-Book-Swap"> <strong>Tubik Studio | Book...</strong> <span class="comment">Hi mates! Let me introduce my new shot for you. This time it is the interface of a social network for readers concentrated on book swapping. Here y...</span> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2823074-Tubik-Studio-Book-Swap/fans">494</a> </li> <li class="cmnt"> <span> 40 </span> </li> <li class="views"> <span>5,633</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2823074-Tubik-Studio-Book-Swap/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2823074-Tubik-Studio-Book-Swap"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-team"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/Tubik"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/418188/avatars/mini/054c04e27e4527c4e813f78acc3dea8a.png?1436967219"/> T U B I K</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/teams"> <span class="badge badge-team">Team</span> </a> </span> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/ErnestAsanov"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/973926/avatars/mini/baf3bfff0c4b08885f4c79c76763f91d.jpg?1453154804"/> Ernest Asanov</a> </span> </h2> </li> <li id="screenshot-2818336" class="group "> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2818336-Donation-Screen"><div data-picture data-alt="Donation Screen"> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/824641/screenshots/2818336/donate_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/824641/screenshots/2818336/donate_1x.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="Donation Screen" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/824641/screenshots/2818336/donate_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2818336-Donation-Screen"> <strong>Donation Screen</strong> <span class="comment">The bear needs love!</span> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2818336-Donation-Screen/fans">483</a> </li> <li class="cmnt"> <span> 30 </span> </li> <li class="views"> <span>5,551</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2818336-Donation-Screen/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/shots/2745365-Environmental-Preservation-Landing-Page-Concept"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2818336-Donation-Screen"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/phamduyminh"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/824641/avatars/mini/28f65a0185635892bc0f04c388693056.jpg?1434190094"/> Minh Pham</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/pro"> <span class="badge badge-pro">Pro</span> </a> </span> </h2> </li> <li id="screenshot-2818477" class="group "> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2818477-I-m-going-freelancing"><div data-picture data-alt="I'm going freelancing! "> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/218750/screenshots/2818477/dribbble-green-bg_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/218750/screenshots/2818477/dribbble-green-bg_1x.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="I'm going freelancing! " src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/218750/screenshots/2818477/dribbble-green-bg_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2818477-I-m-going-freelancing"> <strong>I'm going freelanci...</strong> <span class="comment">I just wanted to make a little update and tell you guys that I鈥檓 now going freelancing full-time in London. I had my last day at Cub Studio a few ...</span> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2818477-I-m-going-freelancing/fans">421</a> </li> <li class="cmnt"> <span> 44 </span> </li> <li class="views"> <span>6,227</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2818477-I-m-going-freelancing/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/shots"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2818477-I-m-going-freelancing"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/linnfritz"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/218750/avatars/mini/d4a5fec87cc08590cd3627627c9290de.png?1460222410"/> Linn Fritz</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/pro"> <span class="badge badge-pro">Pro</span> </a> </span> </h2> </li> <li id="screenshot-2823461" class="group team"> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2823461-Big-Data"><div data-picture data-alt="Big Data"> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/43762/screenshots/2823461/big_data-msoft-dribbble_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/43762/screenshots/2823461/big_data-msoft-dribbble_1x.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="Big Data" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/43762/screenshots/2823461/big_data-msoft-dribbble_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2823461-Big-Data"> <strong>Big Data</strong> <span class="comment">Dont miss the making of behind the scenes gif attached! We were asked to help produce graphics to go over a series of videos for Microsoft Cloud. ...</span> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2823461-Big-Data/fans">319</a> </li> <li class="cmnt"> <span> 13 </span> </li> <li class="views"> <span>4,431</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2823461-Big-Data/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2823461-Big-Data"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-team"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/thefurrow"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/766345/avatars/mini/a8ba8338c72c11da5846e3b12fd58490.jpg?1440018032"/> The Furrow</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/teams"> <span class="badge badge-team">Team</span> </a> </span> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/seth_eckert"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/43762/avatars/mini/0067889d0f047e3b1bef0c0fedd1b089.jpg?1441375309"/> Seth Eckert</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/pro"> <span class="badge badge-pro">Pro</span> </a> </span> </h2> </li> <li id="screenshot-2821337" class="group team"> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2821337-Microsoft-Cloud"><div data-picture data-alt="Microsoft Cloud"> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/43762/screenshots/2821337/msoft-end-tag_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/43762/screenshots/2821337/msoft-end-tag_1x.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="Microsoft Cloud" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/43762/screenshots/2821337/msoft-end-tag_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2821337-Microsoft-Cloud"> <strong>Microsoft Cloud</strong> <span class="comment">We were asked to help produce graphics to go over a series of videos for Microsoft Cloud. This is a cut of some of our favorite parts. Lead Produc...</span> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2821337-Microsoft-Cloud/fans">313</a> </li> <li class="cmnt"> <span> 9 </span> </li> <li class="views"> <span>5,704</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2821337-Microsoft-Cloud/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/shots"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2821337-Microsoft-Cloud"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-team"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/thefurrow"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/766345/avatars/mini/a8ba8338c72c11da5846e3b12fd58490.jpg?1440018032"/> The Furrow</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/teams"> <span class="badge badge-team">Team</span> </a> </span> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/seth_eckert"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/43762/avatars/mini/0067889d0f047e3b1bef0c0fedd1b089.jpg?1441375309"/> Seth Eckert</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/pro"> <span class="badge badge-pro">Pro</span> </a> </span> </h2> </li> <li id="screenshot-2816929" class="group "> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2816929-I-Design-With-Code"><div data-picture data-alt="I Design With Code"> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/891352/screenshots/2816929/design-with-code_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/891352/screenshots/2816929/design-with-code_1x.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="I Design With Code" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/891352/screenshots/2816929/design-with-code_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2816929-I-Design-With-Code"> <strong>I Design With Code</strong> <span class="comment">An SVG animation for my site. Inspired by the wonderfully playful Creogram Check out the live SVG on CodePen here Twitter | CodePen | ello</span> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2816929-I-Design-With-Code/fans">352</a> </li> <li class="cmnt"> <span> 21 </span> </li> <li class="views"> <span>5,261</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2816929-I-Design-With-Code/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/chrisgannon"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2816929-I-Design-With-Code"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/chrisgannon"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/891352/avatars/mini/413b22fbeb0c1a1ffa37f7f662e746a0.png?1453455060"/> Chris Gannon</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/pro"> <span class="badge badge-pro">Pro</span> </a> </span> </h2> </li> <li id="screenshot-2820843" class="group team"> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2820843-Whoa"><div data-picture data-alt="Whoa!"> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/31664/screenshots/2820843/1_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/31664/screenshots/2820843/1_still.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="Whoa!" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/31664/screenshots/2820843/1_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2820843-Whoa"> <strong>Whoa!</strong> <span class="comment">A shot from a new piece that has gone live. You can see the whole animation here: http://www.cubstudio.com/#/ford/ Thanks to @akasugarblood for hi...</span> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2820843-Whoa/fans">301</a> </li> <li class="cmnt"> <span> 10 </span> </li> <li class="views"> <span>4,520</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2820843-Whoa/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2820843-Whoa"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-team"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/cubstudio"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/424563/avatars/mini/Cub_2.JPG?1401729235"/> Cub Studio</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/teams"> <span class="badge badge-team">Team</span> </a> </span> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/fraserdavidson"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/31664/avatars/mini/51727c182dd6a159888701bf9e14157f.png?1461056186"/> Fraser Davidson</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/pro"> <span class="badge badge-pro">Pro</span> </a> </span> </h2> </li> <li id="screenshot-2821343" class="group "> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2821343-Final-App-Interaction"><div data-picture data-alt="Final App Interaction"> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/25514/screenshots/2821343/final_app_interaction_ramotion_design_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/25514/screenshots/2821343/final_app_interaction_ramotion_design_1x.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="Final App Interaction" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/25514/screenshots/2821343/final_app_interaction_ramotion_design_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2821343-Final-App-Interaction"> <strong>Final App Interaction</strong> <span class="comment">Our team worked closely with Final, and it is finally here! It's been great doing design for such a promising product that we will use ourselves. ...</span> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2821343-Final-App-Interaction/fans">322</a> </li> <li class="cmnt"> <span> 18 </span> </li> <li class="views"> <span>5,439</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2821343-Final-App-Interaction/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/shots/2623849-Web-Onboarding-Steps"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2821343-Final-App-Interaction"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/Ramotion"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/25514/avatars/mini/070810be04e642201206c8fbdffcbf8a.png?1455536235"/> Ramotion</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/teams"> <span class="badge badge-team">Team</span> </a> </span> </h2> </li> <li id="screenshot-2818275" class="group team"> <div class="dribbble"> <div class="dribbble-shot"> <div class="dribbble-img"> <a class="dribbble-link" href="/web/20160708091153/https://dribbble.com/shots/2818275-Wood-Products-Landing-Page"><div data-picture data-alt="Wood Products Landing Page"> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/635475/screenshots/2818275/shot_wood_products_tubik_teaser.gif"></div> <div data-src="https://web.archive.org/web/20160708091153oe_/https://d13yacurqjgara.cloudfront.net/users/635475/screenshots/2818275/shot_wood_products_tubik_still.gif" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"></div> <noscript> <img alt="Wood Products Landing Page" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/635475/screenshots/2818275/shot_wood_products_tubik_teaser.gif"/> </noscript> </div> </a> <a class="dribbble-over" href="/web/20160708091153/https://dribbble.com/shots/2818275-Wood-Products-Landing-Page"> <strong>Wood Products Landi...</strong> <span class="comment">Greetings Everybody! Here is a landing page concept for the company offering handcrafted wood products for everyday life. The main design idea was...</span> <em class="timestamp"></em> </a></div> <ul class="tools group"> <li class="fav"> <a title="View fans of this shot" href="/web/20160708091153/https://dribbble.com/shots/2818275-Wood-Products-Landing-Page/fans">302</a> </li> <li class="cmnt"> <span> 15 </span> </li> <li class="views"> <span>4,591</span> </li> </ul> </div> <div class="extras"> <a href="/web/20160708091153/https://dribbble.com/shots/2818275-Wood-Products-Landing-Page/rebounds"> <span rel="tipsy" title="This shot has rebounds." class="rebound-mark has-rebounds"> 0 </span> </a> <a href="/web/20160708091153/https://dribbble.com/"> <span rel="tipsy" title="This shot is a rebound (reply) of another shot. View the original." class="rebound-mark is-rebound"> <img width="16" height="16" alt="Rebound" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png"/> </span> </a> <span rel="tipsy" title="This shot has attachments" class="attachments-mark"> <img width="16" height="16" alt="Attachments" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-attach-16-2x-e9c3932a8f6aea66c54a2971b83349a8b6fac457fcaff1117cb13f74fe6766b4.png"/> </span> </div> <div class="gif-indicator"></div> <a class="gif-target" href="/web/20160708091153/https://dribbble.com/shots/2818275-Wood-Products-Landing-Page"></a> </div> <h2 class="attribution hover-card-parent"> <span class="attribution-team"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/Tubik"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/418188/avatars/mini/054c04e27e4527c4e813f78acc3dea8a.png?1436967219"/> T U B I K</a> <a class="badge-link" href="/web/20160708091153/https://dribbble.com/teams"> <span class="badge badge-team">Team</span> </a> </span> <span class="attribution-user"> <a class="url hoverable" rel="contact" href="/web/20160708091153/https://dribbble.com/Kualla"><img class="photo" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/635475/avatars/mini/d1eaca92aa19b0a1316c471ab3776caa.jpg?1422605990"/> Alla Kudin </a> </span> </h2> </li> <script> var newestShots = [{ id: 2817989, title: "Aircraft zoom interaction for travel app product by fantasy", path: "/shots/2817989-Aircraft-zoom-interaction-for-travel-app-product-by-fantasy", created_at: 'July 05, 2016', is_rebound: false, rebounds_count: 0, attachments_count: 0, view_count: 8649, comments_count: 33, likes_count: 766, liked: false, liked_by_html: null, ga: [] },{ id: 2822934, title: "Messenger Bots \u0026 Augmented Video Call Concept", path: "/shots/2822934-Messenger-Bots-Augmented-Video-Call-Concept", created_at: 'July 07, 2016', is_rebound: true, rebounds_count: 0, attachments_count: 1, view_count: 5963, comments_count: 51, likes_count: 528, liked: false, liked_by_html: null, ga: [["isiluzum","UA-73886828-1"]] },{ id: 2815864, title: "LA Gifathon Day 3", path: "/shots/2815864-LA-Gifathon-Day-3", created_at: 'July 04, 2016', is_rebound: false, rebounds_count: 0, attachments_count: 0, view_count: 6447, comments_count: 23, likes_count: 549, liked: false, liked_by_html: null, ga: [] },{ id: 2823074, title: "Tubik Studio | Book Swap", path: "/shots/2823074-Tubik-Studio-Book-Swap", created_at: 'July 07, 2016', is_rebound: false, rebounds_count: 0, attachments_count: 1, view_count: 5645, comments_count: 40, likes_count: 494, liked: false, liked_by_html: null, ga: [["Tubik","UA-57384682-1"]] },{ id: 2818336, title: "Donation Screen", path: "/shots/2818336-Donation-Screen", created_at: 'July 05, 2016', is_rebound: true, rebounds_count: 0, attachments_count: 0, view_count: 5570, comments_count: 30, likes_count: 483, liked: false, liked_by_html: null, ga: [["phamduyminh","UA-78970512-1"]] },{ id: 2818477, title: "I'm going freelancing! ", path: "/shots/2818477-I-m-going-freelancing", created_at: 'July 05, 2016', is_rebound: false, rebounds_count: 0, attachments_count: 0, view_count: 6229, comments_count: 44, likes_count: 421, liked: false, liked_by_html: null, ga: [] },{ id: 2823461, title: "Big Data", path: "/shots/2823461-Big-Data", created_at: 'July 07, 2016', is_rebound: false, rebounds_count: 0, attachments_count: 1, view_count: 4431, comments_count: 13, likes_count: 319, liked: false, liked_by_html: null, ga: [["seth_eckert","UA-58354040-1"]] },{ id: 2821337, title: "Microsoft Cloud", path: "/shots/2821337-Microsoft-Cloud", created_at: 'July 06, 2016', is_rebound: false, rebounds_count: 0, attachments_count: 0, view_count: 5704, comments_count: 9, likes_count: 313, liked: false, liked_by_html: null, ga: [["seth_eckert","UA-58354040-1"]] },{ id: 2816929, title: "I Design With Code", path: "/shots/2816929-I-Design-With-Code", created_at: 'July 04, 2016', is_rebound: false, rebounds_count: 0, attachments_count: 0, view_count: 5270, comments_count: 21, likes_count: 352, liked: false, liked_by_html: null, ga: [["chrisgannon","UA-23263147-1"]] },{ id: 2820843, title: "Whoa!", path: "/shots/2820843-Whoa", created_at: 'July 06, 2016', is_rebound: false, rebounds_count: 0, attachments_count: 0, view_count: 4521, comments_count: 10, likes_count: 301, liked: false, liked_by_html: null, ga: [["cubstudio","UA-50452395-2"]] },{ id: 2821343, title: "Final App Interaction", path: "/shots/2821343-Final-App-Interaction", created_at: 'July 06, 2016', is_rebound: true, rebounds_count: 0, attachments_count: 0, view_count: 5444, comments_count: 18, likes_count: 322, liked: false, liked_by_html: null, ga: [["Ramotion","UA-54968620-1"],["Ramotion","UA-54968620-1"]] },{ id: 2818275, title: "Wood Products Landing Page", path: "/shots/2818275-Wood-Products-Landing-Page", created_at: 'July 05, 2016', is_rebound: false, rebounds_count: 0, attachments_count: 1, view_count: 4594, comments_count: 15, likes_count: 302, liked: false, liked_by_html: null, ga: [["Tubik","UA-57384682-1"]] }]; if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.add(newestShots); Dribbble.TeaserStats.init(newestShots); } else { if (typeof newShots === "undefined") { var newShots = []; } newShots = newShots.concat(newestShots); } </script> </ol> <div class="page"> <div class="pagination"><span class="previous_page disabled">← Prev</span> <a class="next_page" rel="next" href="/web/20160708091153/https://dribbble.com/shots?list=animated&page=2">Next →</a></div> </div> <div class="infinite"> <a class="form-sub sign-up-to-continue" href="/web/20160708091153/https://dribbble.com/signup">Sign up to continue</a> <a href="/web/20160708091153/https://dribbble.com/session/new">or sign in</a> </div> <div class="loading-more"> <span class="processing">Loading more…</span> </div> <div class="back-to-top" style="display: none"> <a href="#"><img title="Back to Top" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-backtotop-1b04df73090f6b0f3192a3b71874ca3b3cc19dff16adc6cf365cd0c75897f6c0.png" alt="Icon backtotop"/></a> </div> </div> </div> </div> </div> <hr/> <div id="footer"> <div id="footer-inner"> <div class="group"> <div class="footer-mod"> <p class="logo"><a href="/web/20160708091153/https://dribbble.com/"><img width="80" alt="dribbble" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/logo-footer-hd-a05db77841b4b27c0bf23ec1378e97c988190dfe7d26e32e1faea7269f9e001b.png"/></a><br/>Show and tell for designers</p> <p class="about">What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.</p> </div> <div class="footer-mod"> <ul class="extra-links"> <li><a id="f-home" href="/web/20160708091153/https://dribbble.com/about">About</a></li> <li><a href="https://web.archive.org/web/20160708091153/http://help.dribbble.com/">Help</a></li> <li><a href="/web/20160708091153/https://dribbble.com/contact">Contact</a></li> <li><a href="/web/20160708091153/https://dribbble.com/terms">Terms</a></li> <li><a href="/web/20160708091153/https://dribbble.com/privacy">Privacy</a></li> <li><a href="https://web.archive.org/web/20160708091153/http://shop.dribbble.com/">Shop</a></li> <li><a href="/web/20160708091153/https://dribbble.com/testimonials">Testimonials</a></li> <li><a href="https://web.archive.org/web/20160708091153/http://help.dribbble.com/handbook">Handbook</a></li> <li><a href="/web/20160708091153/https://dribbble.com/branding">Brand</a></li> <li><a href="/web/20160708091153/https://dribbble.com/advertise">Advertise</a></li> <li><a href="https://web.archive.org/web/20160708091153/http://developer.dribbble.com/">API</a></li> <li><a href="/web/20160708091153/https://dribbble.com/integrations">Integrations</a></li> </ul> </div> <div class="footer-mod"> <h3> <a href="/web/20160708091153/https://dribbble.com/jobs"> Jobs <span class="meta">for Designers</span> </a> </h3> <ol class="jobs-list"> <li class="group"> <a class="item-team" rel="tipsy" title="Visit the team's profile" href="/web/20160708091153/https://dribbble.com/LivingSocial"> <img src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/587072/avatars/normal/bubbleAvatar.png?1401463897" alt="Bubbleavatar"/> </a> <a class="job-edit" rel="tipsy" title="Edit this job" data-creator-id="587072" href="/web/20160708091153/https://dribbble.com/account/jobs/11368/edit"> <img src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-edit-button-8d0f2493aa649d9e18d5cf27ee32c93aaa6488ddda85b481f6ca341b85fde845.png" alt="Icon edit button"/> </a> <a class="item-link group" data-url="https://web.archive.org/web/20160708091153/https://boards.greenhouse.io/livingsocial/jobs/234887" href="/web/20160708091153/https://dribbble.com/jobs/11368"> <span class="item-info"> <span class="item-title">LivingSocial</span> <span class="item-desc">Senior Product (Visual) Designer</span> </span> <span class="item-meta">Washington D.C.</span> </a></li> <li class="group"> <a class="item-team" rel="tipsy" title="Visit the team's profile" href="/web/20160708091153/https://dribbble.com/driveskurt"> <img src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/users/1243254/avatars/normal/abf8bc2fed0bf03bbd5376c4d1e19e55.png?1466631287" alt="Abf8bc2fed0bf03bbd5376c4d1e19e55"/> </a> <a class="job-edit" rel="tipsy" title="Edit this job" data-creator-id="1243254" href="/web/20160708091153/https://dribbble.com/account/jobs/11316/edit"> <img src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-edit-button-8d0f2493aa649d9e18d5cf27ee32c93aaa6488ddda85b481f6ca341b85fde845.png" alt="Icon edit button"/> </a> <a class="item-link group" data-url="https://web.archive.org/web/20160708091153/https://angel.co/skurt/jobs/148292-senior-graphic-designer" href="/web/20160708091153/https://dribbble.com/jobs/11316"> <span class="item-info"> <span class="item-title">Skurt</span> <span class="item-desc">Senior Graphic Designer</span> </span> <span class="item-meta">Los Angeles, CA</span> </a></li> </ol> </div> <div class="footer-mod last"> <div class="ad thedeck target group notloaded"> <a href="https://web.archive.org/web/20160708091153/http://decknetwork.net/" class="flag">Ads via The Deck</a> </div> </div> </div> <h4 id="pixels-total" class="group"> <strong>545,809,546,706</strong> pixels dribbbled </h4> <p>Copyright © 2009–2016 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.</p> <p class="follow"> <a href="/web/20160708091153/https://dribbble.com/dribbble"><img width="24" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-team-dribbble-8706862cdb0afa7f43f9e0218b073515f0a2bef19780961d324ae4620ebe249b.png" alt="Icon team dribbble"/></a> <a href="https://web.archive.org/web/20160708091153/http://twitter.com/dribbble"><img width="24" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-team-twitter-1fa6921d96b16e47f00ad0381ebbab59ba089c22b21f9bce783c9a4a077f40e9.png" alt="Icon team twitter"/></a> <a href="https://web.archive.org/web/20160708091153/http://facebook.com/dribbble"><img width="24" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-team-facebook-4d63851997b88eb903858057327d93df9f950a55c5104a3a19206f2005682ea3.png" alt="Icon team facebook"/></a> <a href="https://web.archive.org/web/20160708091153/http://instagram.com/dribbble"><img width="24" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-team-instagram-5dfdcd1478ea4a1c1e109b32adbd3878062aa1eb571da63ac379e0da1d2d5762.png" alt="Icon team instagram"/></a> <a href="/web/20160708091153/https://dribbble.com/stories"> <img width="24" src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-team-blog-2705adcb7ee6522051e175d10683208f0fa0ad17daa15fdf3f36aca99c540312.png" alt="Icon team blog"/> </a> </p> </div> </div>  <div class="shot-overlay" style="display:none;" tabindex="-1"> <a href="#" class="close-overlay"> <img src="https://web.archive.org/web/20160708091153im_/https://d13yacurqjgara.cloudfront.net/assets/icon-shot-x-light-40c073cd65443c99d4ac129b69bf578c8cf97d69b78990c00c4f8c5873b0d601.png" alt="Icon shot x light"/> </a> <div class="overlay-content group" style="display: none"></div> </div> <div class="attachment-overlay" style="display:none;" tabindex="-1"></div> <script src="//web.archive.org/web/20160708091153js_/https://js.honeybadger.io/v0.2/honeybadger.min.js"></script> <script> Honeybadger.configure({ api_key: '1f1d2734', // Public API key environment: 'production', disabled: false, onerror: false, ssl: true }); Honeybadger.setContext({ userId: null, serverTime: 1467969113000, clientTime: +new Date(), clientTimeString: (new Date()).toString() }) </script> <script src="//web.archive.org/web/20160708091153js_/https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  <script> if (typeof jQuery == 'undefined') { document.write(unescape('%3Cscript src="https://web.archive.org/web/20160708091153/https://d13yacurqjgara.cloudfront.net/assets/jquery-1.8.3.min-2354e6d50cb409b198f3260f3a78ccbbfe15a9b16411559b488f592d8f9f1ec9.js">%3C/script>')) } </script> <script src="https://web.archive.org/web/20160708091153js_/https://d13yacurqjgara.cloudfront.net/assets/global-05ce20b4568d16f0cdd2475699bc11662bf73ad12f6d5ce9bea4b9f78c544fe8.js"></script> <script src="https://web.archive.org/web/20160708091153js_/https://d13yacurqjgara.cloudfront.net/assets/shots-manifest-9c78727a32ba8cea68cd747fb3cb5a3c3b44a2bd00d00bfaf9198d77357d6418.js"></script><script> $(function() { Dribbble.Screenshots.initialize({"enable_overlay":true}); }); </script> <script> (function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,"script","//web.archive.org/web/20160708091153/https://www.google-analytics.com/analytics.js","ga"); ga("create", "UA-24041469-1", "auto"); </script> <script> if (window.location.pathname == "/") { ga("send", "pageview", "/shots" + location.search); } else { ga("send", "pageview", "/shots?list=animated"); } if ($(".ad.thedeck.target").length > 0) { ga("send", "event", "Deck", "View", "View of a Deck ad", 1); } </script> <div class="thedeck loading-dock hide"> <script> Dribbble.DeckAd.enable(); Dribbble.DeckAd.load(); </script> </div> </body> </html>