CINXE.COM

<!doctype html> <html 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://html.adobe.com/?promoid=JZEFF","20130423104935","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1366714175"); </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="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=9"> <title>Adobe & HTML</title> <meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale = 1.0">   <script src="/web/20130423104935js_/http://html.adobe.com/_/js/modernizr.custom.95873.js"></script> <script> (function(doc){ var htmlElement = doc.getElementsByTagName('html')[0], transformsPrefix = Modernizr.testAllProps('transform') ? '' : 'no-'; htmlElement.className += htmlElement.className.length>0 ? ' '+transformsPrefix+'csstransforms' : transformsPrefix+'csstransforms'; })(document); </script> <link rel="stylesheet" href="/web/20130423104935cs_/http://html.adobe.com/_/css/screen.css" type="text/css" media="screen"> <link rel="shortcut icon" href="/web/20130423104935im_/http://html.adobe.com/_/img/favicon.ico"> <script type="text/javascript" src="https://web.archive.org/web/20130423104935js_/http://use.typekit.com/vze1tyc.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript" src="/web/20130423104935js_/http://html.adobe.com/_/js/css3-mediaqueries.js"></script> </head> <body id="home"> <header role="banner"> <div class="container clearfix"> <div id="menuicon"><a href="#footer_nav">Menu</a></div> <h1><a href="/web/20130423104935/http://html.adobe.com/">Adobe & HTML</a></h1> <nav role="navigation"> <ul id="header_nav"> <li><a href="/web/20130423104935/http://html.adobe.com/mission/">Our Mission</a></li> <li><a href="/web/20130423104935/http://html.adobe.com/webplatform/">Web Platform</a></li> <li><a href="/web/20130423104935/http://html.adobe.com/opensource/">Open Source</a></li> <li><a href="/web/20130423104935/http://html.adobe.com/edge/">Edge Tools & Services</a></li> <li><a href="/web/20130423104935/http://html.adobe.com/events/">Events</a></li> </ul> </nav> <h2><a href="https://web.archive.org/web/20130423104935/http://www.adobe.com/" target="_blank">Adobe</a></h2> </div> </header> <section id="subheader" role="region"> <div class="flexslider"> <ul class="slides"> <li id="slide_filterlab"> <h2>Adobe CSS FilterLab</h2> <h3>Conquer the next frontier in web graphics with CSS FilterLab. <a href="https://web.archive.org/web/20130423104935/http://www.youtube.com/watch?v=rcGLBVJ2d_Y" class="bluebtn">Watch video <span class="visuallyhidden">on Adobe TV</span> →</a></h3> <a href="https://web.archive.org/web/20130423104935/http://www.youtube.com/watch?v=rcGLBVJ2d_Y"><img src="/web/20130423104935im_/http://html.adobe.com/_/img/slides/cssfilterlab/slides_filterlab_video.png" alt="Experience responsive web design on BostonGlobe.com video"></a> </li> <li id="slide_edgereflow"> <h2>Adobe Edge Reflow</h2> <h3>New release available now. <a href="/web/20130423104935/http://html.adobe.com/edge/reflow/" class="bluebtn">Learn more <span class="visuallyhidden">about Edge Reflow</span> →</a></h3> <img src="/web/20130423104935im_/http://html.adobe.com/_/img/edge/reflow/edge_reflow_hero.png" alt="Adobe Edge Reflow"> </li> <li id="slide_max"> <h2>MAX and Creative Cloud</h2> <h3>Get a free year of Creative Cloud when you register for MAX. <a href="https://web.archive.org/web/20130423104935/http://max.adobe.com/?promoid=KDTIN" class="bluebtn">Learn more <span class="visuallyhidden">about web experience sessions at Adobe MAX 2013</span> →</a></h3> <img src="/web/20130423104935im_/http://html.adobe.com/_/img/slides/max/slides_max_logo.png" alt="Adobe MAX 2013" id="slide_max_logo_full"> <h4><time datetime="2013-05-04">May 4</time>-<time datetime="2013-05-08">8</time>, 2013, Los Angeles, CA</h4> </li> <li id="slide_edgetools"> <h2>Adobe Edge Tools & Services</h2> <h3>Updates now available to Edge Animate and Edge Code. <a href="/web/20130423104935/http://html.adobe.com/edge/" class="bluebtn">Learn more <span class="visuallyhidden">about Edge Tools & Services</span> →</a></h3> <div class="toolsheroes"> <a href="/web/20130423104935/http://html.adobe.com/edge/animate/"><img src="/web/20130423104935im_/http://html.adobe.com/_/img/edge/tools/icons/hero/an.jpg" class="heroicon"> <span class="heroname">Edge Animate</span></a> <a href="/web/20130423104935/http://html.adobe.com/edge/reflow/"><img src="/web/20130423104935im_/http://html.adobe.com/_/img/edge/tools/icons/hero/rf.jpg" class="heroicon"> <span class="heroname">Edge Reflow</span></a> <a href="/web/20130423104935/http://html.adobe.com/edge/code/"><img src="/web/20130423104935im_/http://html.adobe.com/_/img/edge/tools/icons/hero/co.jpg" class="heroicon"> <span class="heroname">Edge Code</span></a> <a href="/web/20130423104935/http://html.adobe.com/edge/inspect/"><img src="/web/20130423104935im_/http://html.adobe.com/_/img/edge/tools/icons/hero/in.jpg" class="heroicon"><span class="heroname">Edge Inspect</span></a><br> <a href="/web/20130423104935/http://html.adobe.com/edge/webfonts"><img src="/web/20130423104935im_/http://html.adobe.com/_/img/edge/tools/icons/hero/wf.jpg" class="heroicon"><span class="heroname">Edge Web Fonts</span></a> <a href="/web/20130423104935/http://html.adobe.com/edge/typekit/"><img src="/web/20130423104935im_/http://html.adobe.com/_/img/edge/tools/icons/hero/t.jpg" class="heroicon"><span class="heroname">Typekit</span></a> <a href="/web/20130423104935/http://html.adobe.com/edge/phonegap-build/"><img src="/web/20130423104935im_/http://html.adobe.com/_/img/edge/tools/icons/hero/bd.jpg" class="heroicon"><span class="heroname">PhoneGap Build</span></a> </div> </li> <li id="slide_edgeinspect"> <h2>Adobe Edge Inspect</h2> <h3>Experience responsive web design on BostonGlobe.com. <a href="https://web.archive.org/web/20130423104935/http://tv.adobe.com/watch/customer-stories-web/the-boston-globe-filament-group-inc-and-upstatement-and-rwd/" class="bluebtn">Watch video <span class="visuallyhidden">on Adobe TV</span> →</a></h3> <a href="https://web.archive.org/web/20130423104935/http://tv.adobe.com/watch/customer-stories-web/the-boston-globe-filament-group-inc-and-upstatement-and-rwd/"><img src="/web/20130423104935im_/http://html.adobe.com/_/img/slides/edgeinspect/slides_edgeinspect_video.png" alt="Experience responsive web design on BostonGlobe.com video"></a> </li> <li id="slide_adobeweb"> <h2>Adobe & the web</h2> <h3>Our mission to help move the web forward. <a href="/web/20130423104935/http://html.adobe.com/mission/" class="bluebtn">Learn more <span class="visuallyhidden">about the Adobe Web</span> →</a></h3> </li>     </ul> </div> </section> <section id="main"> <div id="sections" class="row" role="region"> <div class="fourcol"> <h3>Champion</h3> <p>See what we’re doing with others to cultivate and champion new ideas to make an even better web.</p> <p><a href="/web/20130423104935/http://html.adobe.com/webplatform/">See our Web Standards work →</a></p> </div> <div class="fourcol" role="region"> <h3>Contribute</h3> <p>Join us in open source projects that make building content and applications easier. Use technologies you know and love to make a difference.</p> <p><a href="/web/20130423104935/http://html.adobe.com/opensource/">View Open Source projects →</a></p> </div> <div class="fourcol last" role="region"> <h3>Create</h3> <p>Get tools and services that make your life simpler. Work fast, have fun, be awesome.</p> <p><a href="/web/20130423104935/http://html.adobe.com/edge/">Get Edge Tools & Services →</a></p> </div> </div> <div id="feed" class="row"> <div id="blogs" class="sevencol" role="region"> <h3>From the blogs</h3> <p> <ul id="rssoutput"> <li>Loading...</li> </ul> </p> </div> <div id="where" class="fivecol last" role="region"> <h3>Where we’ll be</h3> <p><ul> <li><a href="https://web.archive.org/web/20130423104935/http://html5devconf.com/">HTML5 Developer Conference</a> — San Francisco, CA Apr 1–3</li> <li><a href="https://web.archive.org/web/20130423104935/http://fitc.ca/event/to13/">FITC Toronto</a> — Toronto, Canada April 21–23 </li> <li><a href="https://web.archive.org/web/20130423104935/http://max.adobe.com/"><span class="title">Adobe MAX</span></a> — Los Angeles, CA May 4–8</li> <li><a href="https://web.archive.org/web/20130423104935/http://www.webvisionsevent.com/portland/">WebVisions</a> — Portland, OR May 22–24</li> <li><a href="https://web.archive.org/web/20130423104935/http://cssconf.com/">CSSConf</a> — Amelia Island, FL May 28</li> <li><a href="https://web.archive.org/web/20130423104935/http://fluentconf.com/fluent2013">Fluent</a> — San Francisco, CA May 28–30</li> <li><a href="https://web.archive.org/web/20130423104935/http://2013.jsconf.us/"><span class="title">JSConfUS</span></a> — Amelia Island, FL May 29–31</li> </ul> </p> <p><a href="/web/20130423104935/http://html.adobe.com/events/">Find more upcoming events →</a></p> </div> </div> </section> <footer role="contentinfo"> <div class="container clearfix row"> <div class="eightcol right"> <nav role="navigation"> <ul id="footer_nav"> <li><a href="/web/20130423104935/http://html.adobe.com/mission/">Our Mission</a></li> <li><a href="/web/20130423104935/http://html.adobe.com/webplatform/">Web Platform</a></li> <li><a href="/web/20130423104935/http://html.adobe.com/opensource/">Open Source</a></li> <li><a href="/web/20130423104935/http://html.adobe.com/edge/">Edge Tools & Services</a></li> <li><a href="/web/20130423104935/http://html.adobe.com/events/">Events</a></li> </ul> </nav> </div> <div id="legal" class="fourcol first right"> <p>Copyright © 2013 Adobe Systems Incorporated. All rights reserved. Use of this website signifies your agreement to the <a href="https://web.archive.org/web/20130423104935/http://www.adobe.com/go/gffooter_terms_of_use" target="_blank">Terms of Use</a> and <a href="https://web.archive.org/web/20130423104935/http://www.adobe.com/privacy" target="_blank">Privacy Policy and Cookies</a>.</p> <p><strong>English</strong> | <a href="/web/20130423104935/http://html.adobe.com/fr/" onclick="location.assign(document.URL.replace(/(http:\/\/html\.adobe\.com\/|http:\/\/html\.stage\.adobe\.com\/)/ig,'/fr/')); return false;" title="French">Français</a> | <a href="/web/20130423104935/http://html.adobe.com/jp/" onclick="location.assign(document.URL.replace(/(http:\/\/html\.adobe\.com\/|http:\/\/html\.stage\.adobe\.com\/)/ig,'/jp/')); return false;" title="Japanese">日本語</a></p> </div> </div> </footer> <script src="https://web.archive.org/web/20130423104935js_/http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="/web/20130423104935js_/http://html.adobe.com/_/js/jquery.flexslider.a11y.min.js"></script> <script type="text/javascript"> $(function() { $('.flexslider').flexslider({ animation: "slide", touch: false, slideDirection: "horizontal", animationDuration: 400, directionNav: false, pauseOnHover: true, useCSS: false }).data('flexslider').controlNav.each( function() { // for each controlNav item we update the aria-label and text to match // the the first h2 element within its corresponding tabpanel var label = $('#'+$(this).attr('aria-controls')).find('h2:first').text(); if (label.length) $(this).text(label).attr({'title':label,'aria-label':label}); }); $('.flexslider').find('a').bind('focus',function(){ $('.flexslider').scrollLeft(0).scrollTop(0); }); // on resize, correct heights of rotator slides so that they are all the same $(this).resize(function(e) { var $slides = $(".slides > li"), $slide, commonheight = 0; $slides.height('auto'); $slides.each(function(){ $slide=$(this); if($slide.height()>commonheight) commonheight = $slide.height(); }).height(commonheight); }).resize(); }); </script>  <script src="https://web.archive.org/web/20130423104935js_/http://www.google.com/jsapi?key=AIzaSyA5m1Nc8ws2BbmPRwKu5gFradvD_hgq6G0" type="text/javascript"></script> <script type="text/javascript"> google.load("feeds", "1"); // Callback function, for when a feed is loaded. function feedLoaded(result) { if (!result.error) { // Grab the container we will put the results into var container = document.getElementById("rssoutput"); container.innerHTML = ''; // Loop through the feeds, putting each entry in its own object for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; // Create all tags for container inner HTML var row = document.createElement("li"); var link = document.createElement("a"); var dateSpan = document.createElement("span"); var titleSpan = document.createElement("span"); // Clean up the entry link in the RSS feed var entryLink = entry.link.replace("ec2-174-129-28-157.compute-1.amazonaws.com","blog.brackets.io"); entryLink.replace("174.129.28.157","blog.brackets.io"); // Clean up the encoded characters in the RSS feed var entryTitle = entry.title.replace("…","..."); // Assign attributes for all tags if (entryLink.indexOf("typekit.com") > -1) row.setAttribute("class","typekit"); else if (entryLink.indexOf("phonegap.com") > -1) row.setAttribute("class","phonegap"); else if (entryLink.indexOf("brackets.io") > -1) row.setAttribute("class","brackets"); else row.setAttribute("class","adobe"); link.setAttribute("href",entryLink); dateSpan.setAttribute("class","date"); titleSpan.setAttribute("class","title"); // Append the tag contents from inside out var entryDate= new Date(entry.publishedDate); dateSpan.appendChild(document.createTextNode(formatDate(entryDate))); titleSpan.appendChild(document.createTextNode(entryTitle)); link.appendChild(dateSpan); link.appendChild(document.createTextNode(" ")); link.appendChild(titleSpan); row.appendChild(link); container.appendChild(row); } } } function OnLoad() { // Create a feed instance var feed = new google.feeds.Feed("https://web.archive.org/web/20130423104935/http://feeds.feedburner.com/adobeandhtml"); feed.setNumEntries(10); // Calling load sends the request off. It requires a callback function. feed.load(feedLoaded); } // For format Sep 24 function formatDate(obj) { var month=new Array(); month[0]="Jan"; month[1]="Feb"; month[2]="Mar"; month[3]="Apr"; month[4]="May"; month[5]="Jun"; month[6]="Jul"; month[7]="Aug"; month[8]="Sep"; month[9]="Oct"; month[10]="Nov"; month[11]="Dec"; var m = month[obj.getMonth()]; return m + " " + obj.getDate(); } google.setOnLoadCallback(OnLoad); </script>  <script language="JavaScript" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"></script>  <script language="JavaScript" type="text/javascript"> </script> </body> </html>