login/register

Snip!t from collection of Alan Dix

see all channels for Alan Dix

Snip
summary

Paper by FiftyThree
by FiftyThree plus
1 month ago
More
... by FiftyThree” free from the App Store. #madewithpaper

Paper by FiftyThree on Vimeo
http://vimeo.com/37254322

Categories

/Channels/physicality

[ go to category ]

For Snip

loading snip actions ...

For Page

loading url actions ...

More
See all Show me
1. Paper by FiftyThree
1 month ago
Paper is where ideas begin. It’s the easiest and most beautiful way to create on the new iPad. Capture your ideas as sketches, diagrams, illustrations, notes or drawings and instantly share them across the web. Download “Paper by FiftyThree” free from the App Store. #madewithpaper

HTML

<div id="header"><div class="rightside"><div class="title">Paper by FiftyThree</div> <div class="byline">by <a href="/fiftythree">FiftyThree</a> <a href="/fiftythree"><img src="http://a.vimeocdn.com/images/plus_icon.gif" alt="plus" class="plus_graphic"></a></div> <div class="date" onmouseover="swap('clip-timeago','clip-date');" onmouseout="swap('clip-date','clip-timeago');"> <span id="clip-timeago">1 month ago</span> <span id="clip-date" style="display: none;">1 month ago: Wed, Feb 22, 2012 11:52am EST (Eastern Standard Time)</span> </div> </div> <div class="clear"></div> </div> <div id="meat"> <div class="video_container_hd"> <div class="video"> <div class="vimeo_holder" style="position: relative; width: 640px; height: 360px;"> <style> .vimeo_holder div, .vimeo_holder dl, .vimeo_holder dt, .vimeo_holder dd, .vimeo_holder ul, .vimeo_holder ol, .vimeo_holder li, .vimeo_holder h1, .vimeo_holder h2, .vimeo_holder h3, .vimeo_holder h4, .vimeo_holder h5, .vimeo_holder h6, .vimeo_holder pre, .vimeo_holder form, .vimeo_holder fieldset, .vimeo_holder input, .vimeo_holder textarea, .vimeo_holder p, .vimeo_holder blockquote, .vimeo_holder th, .vimeo_holder td{margin:0;padding:0;} .vimeo_holder div, .vimeo_holder aside, .vimeo_holder header {background:transparent;} .vimeo_holder table{border-collapse:collapse;border-spacing:0;} .vimeo_holder fieldset, .vimeo_holder img{border:0;} .vimeo_holder address, .vimeo_holder caption, .vimeo_holder cite, .vimeo_holder code, .vimeo_holder dfn, .vimeo_holder em, .vimeo_holder strong, .vimeo_holder th, .vimeo_holder var{font-style:normal;font-weight:normal;} .vimeo_holder ol, .vimeo_holder ul {list-style:none;} .vimeo_holder caption, .vimeo_holder th {text-align:left;} .vimeo_holder q:before, .vimeo_holder q:after{content:'';} .vimeo_holder abbr, .vimeo_holder acronym {border:0;} .vimeo_holder * {line-height: normal;} </style> <!--[if lt IE 9]><style scoped="scoped">.a.d .ab {display: block;}.a.d .bp {background: #000;filter: alpha(opacity='70');}</style><![endif]--><style scoped="scoped">.f {overflow: hidden;padding: 0;margin: 0;width: 100%;height: 100%;background: transparent;}.f > div {width: 100%;height: 100%;}.f .t .at,.f .t .b {visibility: hidden !important;}.f .t .k,.f .t .j,.f .t .b {opacity: 0;filter:alpha(opacity=0);}.f .ab {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-color: #000;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;background-size: 100% auto;}.by.t .ab + div {position: absolute;z-index: 2;opacity: 1 !important;}.f .x,.f .w {background: #000;}.f .x .ab {-webkit-background-size: auto 100% !important;-moz-background-size: auto 100% !important;background-size: auto 100% !important;}.f .w .ab {-webkit-background-size: 100% auto !important;-moz-background-size: 100% auto !important;background-size: 100% auto !important;}.f object {z-index: 2;position: absolute;}body.aa {overflow: hidden;}body.aa .f .b, .a.r .b {max-width: 50%;margin-left: -25%;left: 50%;}.br {display: none !important;}.an {opacity: 0 !important;filter: alpha(opacity='0');}.bn {visibility: hidden !important;}</style><div id="player_37254322_1222068367" class="f player"><style scoped="scoped">.a aside button.z.ce:after {content: 'Remove';}.a aside button.z:after {content: 'Later';}.a aside button.bl.ce:after {content: ' on';}.a aside button.bl:after {content: ' off';}</style><div class="by"><div class="bf br"><div class="ab br" style="background-image: url(&quot;http://b.vimeocdn.com/ts/269/727/269727603_640.jpg&quot;);" data-thumb="http://b.vimeocdn.com/ts/269/727/269727603_640.jpg"></div></div><object style="visibility: visible;" data="http://a.vimeocdn.com/p/flash/moogaloop/5.2.19/moogaloop.swf?v=1.0.0" class="" name="player37254322_1222068367" id="player37254322_1222068367" type="application/x-shockwave-flash" height="100%" width="100%"><param value="always" name="allowscriptaccess"><param value="true" name="allowfullscreen"><param value="noscale" name="scalemode"><param value="high" name="quality"><param value="opaque" name="wmode"><param value="#000000" name="bgcolor"><param value="server=vimeo.com&amp;player_server=player.vimeo.com&amp;cdn_server=a.vimeocdn.com&amp;embed_location=http%3A%2F%2Fwww.facebook.com%2F&amp;force_embed=0&amp;force_info=0&amp;moogaloop_type=moogaloop_local&amp;js_api=1&amp;js_getConfig=player37254322_1222068367.getConfig&amp;js_setConfig=player37254322_1222068367.setConfig&amp;clip_id=37254322&amp;fullscreen=1&amp;js_onLoad=player37254322_1222068367.player.moogaloopLoaded&amp;js_onThumbLoaded=player37254322_1222068367.player.moogaloopThumbLoaded" name="flashvars"></object></div></div></div> </div> <div class="video_stuff"> <div id="context_browser_1"> <style type="text/css"> .brozar .content .clip .info span, .brozar .content .clip .info .byline, .brozar .content .clip .info .index, .brozar .content .clip .info .time { color: #969696; } .brozar .content .current img { border: 5px solid #77d4fd; } .brozar .tabs .softcorner, .add_to .option label, .brozar .context span { color: #3e3e3e; } .add_to .disabled label { color: #969696; } .brozar .content .current .style_wrap { color: #3e3e3e; /*background: #F5F5F1;*/ } .brozar .add_to .title { color: #969696; } .brozar .dropdown { border: 3px solid #CFCEC3; } </style> <div class="brozar"> <div class="tabs" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_tab_more_on" class="softcorner native" style="background-color: rgb(244, 244, 238); border-top-left-radius: 8px; border-top-right-radius: 8px; display: none;" onclick="brozar_tab('brozar813f7e3b2dd636d442885b315ffc4410', 'more');"> <span class="faux_link" onmouseover="faux_link(this)" onmouseout="faux_link(this)">More</span></div> <div id="brozar813f7e3b2dd636d442885b315ffc4410_tab_more_off" class="softcorner native" style="background-color: rgb(231, 231, 222); border-top-left-radius: 8px; border-top-right-radius: 8px;"> More</div> <div class="clear"></div> </div> <div class="softcorner native everything" style="background-color: rgb(231, 231, 222); border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_add" class="add" style="display: none;"> <div class="softcorner native scrolly_container" style="background-color: rgb(255, 255, 255); border-radius: 10px 10px 10px 10px;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_area" class="scrolly_area" style="width: 240px; height: 289px;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_window" class="content" style="width: 228px; height: 289px; overflow: hidden;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll"></div> </div> <div id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_bar" class="scrolly" style="height: 100%;"> <object data="/assets/flash/scrolly.swf" name="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_swf" id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_swf" type="application/x-shockwave-flash" height="100%" width="12"><param value="always" name="allowscriptaccess"><param value="opaque" name="wmode"><param value="showAll" name="scalemode"><param value="medium" name="quality"><param value="content_id=brozar813f7e3b2dd636d442885b315ffc4410_add_scroll&amp;content_height=0&amp;bg_click_offset=0&amp;snap_to=0&amp;rollover=77d4fd&amp;rollout=5F5F58&amp;bg=ffffff&amp;bg_lines=CFCEC3&amp;start_position=undefined" name="flashvars"></object> </div> <div class="clear"></div> </div> <input id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_height_offset" value="0" type="hidden"> </div> </div> <div id="brozar813f7e3b2dd636d442885b315ffc4410_more" class="more"> <div class="context"> <a id="brozar813f7e3b2dd636d442885b315ffc4410_see_all_link" href="/fiftythree/videos/sort:date" class="see_all">See all</a> <span>Show me</span> <div id="_1222068367" class="dropdown" style="position: relative; width: 130px;"> <div id="_1222068367_value" class="value">FiftyThree's&nbsp;videos</div> </div> <div class="clear"></div> </div> <div class="softcorner native scrolly_container" style="background-color: rgb(255, 255, 255); border-radius: 10px 10px 10px 10px;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_area" class="scrolly_area" style="width: 240px; height: 253px;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_window" class="content" style="width: 228px; height: 253px; overflow: hidden;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll"> <div id="brozar_current_clip" class="clip current"> <div class="style_wrap" style="background: url(&quot;http://a.vimeocdn.com/thumbnails/defaults/default.75x100.jpg&quot;) no-repeat scroll 0% 0% transparent;"> <img src="http://b.vimeocdn.com/ts/269/727/269727603_100.jpg" alt=""> <div class="info" style="width: 110px;"> <span class="index">1.</span> Paper by FiftyThree <div class="byline">by <a href="/fiftythree">FiftyThree</a></div> <div class="time">1 month ago</div> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_bar" class="scrolly" style="height: 100%;"> <object data="/assets/flash/scrolly.swf" name="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_swf" id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_swf" type="application/x-shockwave-flash" height="100%" width="12"><param value="always" name="allowscriptaccess"><param value="opaque" name="wmode"><param value="showAll" name="scalemode"><param value="medium" name="quality"><param value="content_id=brozar813f7e3b2dd636d442885b315ffc4410_more_scroll&amp;content_height=75&amp;bg_click_offset=10&amp;snap_to=0&amp;rollover=77d4fd&amp;rollout=5F5F58&amp;bg=ffffff&amp;bg_lines=CFCEC3&amp;on_scroll_top=function scrolly_browse_top(id) { var arr = id.split(&quot;_&quot;); KaiserSoze_array[arr[0]].top(); }&amp;on_scroll_bottom=function scrolly_browse_bottom(id) { var arr = id.split(&quot;_&quot;); KaiserSoze_array[arr[0]].bottom(); }&amp;on_scroll_near_top=function scrolly_browse_top(id) { var arr = id.split(&quot;_&quot;); KaiserSoze_array[arr[0]].top(); }&amp;on_scroll_near_bottom=function scrolly_browse_bottom(id) { var arr = id.split(&quot;_&quot;); KaiserSoze_array[arr[0]].bottom(); }&amp;start_position=-85" name="flashvars"></object> </div> <div class="clear"></div> </div> <input id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_height_offset" value="-10" type="hidden"> </div> </div></div></div> </div> </div> <div class="clear"></div> </div> <div class="description_container"> <div id="description"> Paper is where ideas begin. It&#x2019;s the easiest and most beautiful way to create on the new iPad. Capture your ideas as sketches, diagrams, illustrations, notes or drawings and instantly share them across the web. Download &#x201c;Paper by FiftyThree&#x201d; free from the App Store. #madewithpaper<br> </div></div></div>