Vimeo Toys

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_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="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://vimeo.com/toys","20101130120714","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1291118834"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,chrome=1"/> <meta http-equiv="imagetoolbar" content="no"/> <title>Vimeo Toys</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=1024,maximum-scale=1.0"/> <meta name="description" content="Vimeo is a respectful community of creative people who are passionate about sharing the videos they make. Use Vimeo if you want the best tools and highest quality video in the universe."/> <meta name="keywords" content="video, video sharing, digital cameras, videoblog, vidblog, video blogging, home video, home movie"/> <link rel="stylesheet" type="text/css" media="all" href="https://web.archive.org/web/20101130120714cs_/http://a.vimeocdn.com/combine.php?type=css&version=8ba54&files=global,lightbox,toys&ssl=0"/>   <script type="text/javascript" src="https://web.archive.org/web/20101130120714js_/http://a.vimeocdn.com/combine.php?type=js&version=8ba54&files=mootools.v1.11_jsmin,mootools_ext,lab,toys&ssl=0"></script> </head> <body> <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> <input type="hidden" id="xsrft" class="xsrft" name="token" value="c26ad8fa8af22eef6a8e785a9a8acde2"/> <img src="https://web.archive.org/web/20101130120714im_/http://a.vimeocdn.com/images/smoke.png" id="lightbox_wrapper" class="lightbox_wrapper" style="display:none;" alt=""/> <div id="lightbox"></div> <div id="everything"> <div id="top"> <a href="/web/20101130120714/http://vimeo.com/"><img src="https://web.archive.org/web/20101130120714im_/http://a.vimeocdn.com/images/logo_vimeo.png" alt="Vimeo" id="vimeo_logo" width="192" height="55"/></a> <div id="newmenudo"> <div id="capright" class="menudo_image"></div> <ul id="nav" class="grandpappy"> <li class="firstborn search" id="menudo_search_subtier"> <div class="rounded_input"> <div class="contain menudo_image"> <form action="/web/20101130120714/http://vimeo.com/videos/" method="get" onsubmit="menudo_search(); return false;"> <input name="search" id="menudo_search_field" type="text" onblur="menudo_search_blur()" onclick="menudo_search_click()" value="Search Videos" class="field" autocomplete="off" maxlength="50"/> <input type="submit" value="" onclick="menudo_search(); return false;" class="button"/> </form> </div> </div> <ul class="dotted favoritechild menudo_subtier"> <li id="menudo_search_videos" class="first selected first"> <a href="javascript:void(0)" onclick="menudo_search_change('Videos')">Search Videos</a> <div class="left_shoulder menudo_image"></div> <div class="right_shoulder menudo_image"></div> </li> <li id="menudo_search_people" class=""><a href="javascript:void(0)" onclick="menudo_search_change('People')">Search People</a></li> <li id="menudo_search_groups" class=""><a href="javascript:void(0)" onclick="menudo_search_change('Groups')">Search Groups</a></li> <li id="menudo_search_channels" class=""><a href="javascript:void(0)" onclick="menudo_search_change('Channels')">Search Channels</a></li> <li id="menudo_search_forums" class="last"><a href="javascript:void(0)" onclick="menudo_search_change('Forums')">Search Forums</a></li> <li style="margin-top: 0px; background: transparent;"> <div class="cheek_left menudo_image"></div> <div class="cheek_fill"></div> <div class="cheek_right menudo_image"></div> </li> </ul> </li> <li class="firstborn help"> <a class="label" href="/web/20101130120714/http://vimeo.com/help">Help</a> <ul class="dotted favoritechild"> <li class="first"> <div class="left_shoulder menudo_image"></div> <div class="right_shoulder menudo_image"></div> <a href="/web/20101130120714/http://vimeo.com/help">Help Center</a> </li> <li><a href="/web/20101130120714/http://vimeo.com/help/basics">Vimeo Basics</a></li> <li><a href="/web/20101130120714/http://vimeo.com/guidelines">Community Guidelines</a></li> <li><a href="/web/20101130120714/http://vimeo.com/forums">Community Forums</a></li> <li class="last"><a href="/web/20101130120714/http://vimeo.com/api">Developers</a></li> <li style="margin-top: 0px; background: transparent;"> <div class="cheek_left menudo_image"></div> <div class="cheek_fill"></div> <div class="cheek_right menudo_image"></div> </li> </ul> </li> <li class="firstborn explore" id="menudo_explore"> <a href="/web/20101130120714/http://vimeo.com/explore" class="label">Explore</a> <ul class="favoritechild dotted"> <li class="first"> <a href="/web/20101130120714/http://vimeo.com/categories">Categories</a> <div class="left_shoulder menudo_image"></div> <div class="right_shoulder menudo_image"></div> </li> <li> <a href="/web/20101130120714/http://vimeo.com/groups">Groups</a> </li> <li> <a href="/web/20101130120714/http://vimeo.com/channels">Channels</a> </li> <li><a href="/web/20101130120714/http://vimeo.com/hd">HD Videos</a></li> <li><a href="/web/20101130120714/http://vimeo.com/staffpicks">Staff Picks</a></li> <li><a href="/web/20101130120714/http://vimeo.com/forum:vimeo_projects">Projects</a></li> <li class="last"><a href="/web/20101130120714/http://vimeo.com/toys">Toys</a></li> <li style="margin-top: 0px; background: transparent;"> <div class="cheek_left menudo_image"></div> <div class="cheek_fill"></div> <div class="cheek_right menudo_image"></div> </li> </ul> </li> <li class="firstborn login"> <a class="label" href="/web/20101130120714/http://vimeo.com/log_in" rel="nofollow" onclick="loginLightbox('login'); return false;">Log In</a> </li> <li class="firstborn join"> <a href="/web/20101130120714/http://vimeo.com/join" title="Join Vimeo"><div class="joinimage"></div></a> </li> </ul> </div> </div> <div id="main" class="main" style="background: #fff url('https://web.archive.org/web/20101130120714im_/http://a.vimeocdn.com/images/main_cap.gif') no-repeat top left;"> <div id="toolbar"> </div> <div id="header"> <div id="logoVimeoToys"><h1>Vimeo Toys</h1></div> <div id="intro"> Interactive visualizations of what's happening right now. Wanna create a Vimeo Toy of your own? <span class="faux_link" onclick="$('learnHow').toggle();">Learn how</span> <img src="https://web.archive.org/web/20101130120714im_/http://a.vimeocdn.com/images/white940.gif" alt="" id="wgo_topline"/> <img src="https://web.archive.org/web/20101130120714im_/http://a.vimeocdn.com/images/white940.gif" alt="" id="wgo_bottomline"/> </div> </div> <div class="columns"> <div class="column" id="columnA"> <div id="learnHow" style="display: none;"> <p>Vimeo Toys are all about cool ways to visualize current activity on Vimeo. We've included a sample XML file with some activity from Vimeo for you to work with while creating your Toy. If we dig the toy you create, we'll put it up on Vimeo. If it does get put up on Vimeo, you'll need to be able to swap out that static file with the URL of a live XML file (so keep that in mind as you're coding). We've given you 50 activity items in the sample XML file. Those activity items represent comments, likes, and uploads. Each item includes an active_user (the user that took the action), and a video that the action was taken on. If the user commented on a video, there will also be a comment tag. We're excited to see what you can come up with!</p> <strong>Download assets:</strong> <a href="/web/20101130120714/http://vimeo.com/toys/sample.xml">sample.xml</a> / <a href="/web/20101130120714/http://vimeo.com/toys/icons.ai">icons.ai</a> </div> <div class="thumbnailLeft" id="thumbnailLeft_1"> <a href="/web/20101130120714/http://vimeo.com/toys/vimeoland" onmouseover="mouseOver('thumbnailLeft_1', '#378FC6')" onmouseout="mouseOut('thumbnailLeft_1', '#E7E7DE')"><img src="https://web.archive.org/web/20101130120714im_/http://a.vimeocdn.com/images/toys_thumbnail_vimeoland.jpg" alt="" id="Vimeoland" border="0"/></a> </div> <div class="thumbnailRight" id="thumbnailRight_1"> <a href="/web/20101130120714/http://vimeo.com/toys/pulse" onmouseover="mouseOver('thumbnailRight_1', '#378FC6')" onmouseout="mouseOut('thumbnailRight_1', '#E7E7DE')"><img src="https://web.archive.org/web/20101130120714im_/http://a.vimeocdn.com/images/toys_thumbnail_vimeopulse.jpg" alt="" id="Vimeo Pulse" border="0"/></a> </div> <div style="clear:both;"></div> </div> </div> <div class="clear"></div> <div id="bottom"> <ul> <li> <span class="category">Vimeo:</span> <a href="/web/20101130120714/http://vimeo.com/about">About</a> / <a href="/web/20101130120714/http://vimeo.com/blog">Blog</a> / <a href="/web/20101130120714/http://vimeo.com/api">Developers</a> / <a href="/web/20101130120714/http://vimeo.com/jobs">Jobs</a> / <a href="/web/20101130120714/http://vimeo.com/guidelines">Community Guidelines</a> / <a href="/web/20101130120714/http://vimeo.com/forums">Community Forums</a> / <a href="/web/20101130120714/http://vimeo.com/help">Help Center</a> / <a href="/web/20101130120714/http://vimeo.com/site_map">Site Map</a> / <a href="https://web.archive.org/web/20101130120714/http://www.bustedtees.com/vimeo" target="_blank">Merchandise</a> / <a href="/web/20101130120714/http://vimeo.com/plus">Get Vimeo <img src="https://web.archive.org/web/20101130120714im_/http://a.vimeocdn.com/images/plus_icon.gif" alt="plus" style="margin-bottom: -2px;"/></a> </li> <li> <div class="legal_container"> <span class="category">Legal:</span> <span class="legal_eagle">TM + ©2010 Vimeo, LLC. All rights reserved.</span> / <a href="/web/20101130120714/http://vimeo.com/terms">Terms of Service</a> / <a href="/web/20101130120714/http://vimeo.com/privacy" rel="nofollow">Privacy Statement</a> </div> <div class="clear"></div> </li> </ul> </div> </div> </div> <script type="text/javascript"> var vimeo_startup = { domain: '.vimeo.com', vimeo_url: 'vimeo.com' }; </script> <script type="text/javascript" src="https://web.archive.org/web/20101130120714js_/http://a.vimeocdn.com/js/global.js?8ba54"></script> <script type="text/javascript"> var cur_search_type = 'Videos'; EventCenter.fire('domready'); </script> <script type="text/javascript"> var _qoptions = { qacct: 'p-53jJe1KAP5ehs' }; var tracker = null; function trigger_pageview(url) { tracker._trackPageview(url); } $LAB .script("https://web.archive.org/web/20101130120714/http://edge.quantserve.com/quant.js") .script("https://web.archive.org/web/20101130120714/http://www.google-analytics.com/ga.js") .wait(function() { tracker = _gat._getTracker('UA-76641-8'); tracker._setLocalRemoteServerMode(); tracker._setDomainName('.vimeo.com'); tracker._setLocalGifPath('https://web.archive.org/web/20101130120714/http://utmtrk.vimeo.com/__utm.gif'); tracker._initData(); tracker._setVar('logged_out'); tracker._trackPageview(); }); </script> </body> </html>

CINXE.COM

Vimeo Toys