Apple.com Embraces HTML5 With Sleek New Redesign

John Brownlee (5:57 am PDT, Jan 26 2011)

Apple.com Embraces HTML5 With Sleek New Redesign

As it sometimes does, the Apple Store went down in the wee hours of the morning, its virtual space on the Internet reserved by the yellow post-it — inscrutable sometimes-harbinger of new products — that we all know so well.

When the post-it was yanked off, though, Apple.com wasn’t host to a line of new products, but rather a darker and glossier HTML5 redesign.

Adding a more robust set of features for mobile users as well as many of the animation features of HTML5, notable changes include a new search box that dynamically resizes itself according to your query and a product slider interface which animates different families of products in both the Mac and iPod sections.

It all looks familiar, yet sleeker, like an iPhone redesign. Apple has been a strong proponent of HTML5 as the successor to Flash for animated and interactive content on both the desktop and mobile web, so it’s nice to see them finally put their money where their mouth is and turn over the corporate site to its embrace, once and for all.

What do you think? Let us know in the comments.

DON'T MISS
Occupy Flash: Let’s Kill Flash Once And For All Because HTML5 Is The 99%

Apps you might like

6 comments »

  • Clayton

    I like it, it’s shiny.

  • Pepe

    I like the new navigation concept. Well, I never really liked the horizontal scrolling window that’s now gone. I don’t care if the grey is a little darker or more shiny.

  • http://pixeldock.com Jay

    I quite like the design. Still, just setting the Doctype to HTML5 and using a handfull of CSS3 animations does not make this a shining example of an HTML5 page. Source code wise the page is disappointing as it does not use any semantic HTML5 tags (such as ‘header’, ‘footer’ etc.) The page is still a cluster of ‘div’ tags.

    Nice design, but not really HTML5.

    • Moritz Schmale

      That’s true.
      I think that too many people say Oh wow this is so HTML 5 whenever they see some nice-animated transitions. This can be done since years ago through JavaScript for example with jQeury or CSS3-Transitions as Jay said. There are some new Elements in HTML5 like the Canvas-element or the audio and video tags.
      If you titled your webpage like “Apple is using new Web standards for their Website”, I’d agree with it but not with this.

  • Paul Lloyd Johnson

    Looks like we’ll be getting a shiny charcoal grey UI in OSX Lion?

    Normally the Apple website’s title bar and OSX’s ‘chrome’ go hand in hand right?

  • Michael Cowling

    Didn’t AppleTV used to be in the Mac section? It’s now in
    the iPod section, which is quite telling since it’s basically an
    iPod Touch with an external (TV) screen!

About the author

John BrownleeJohn Brownlee is news editor here at Cult of Mac, and has also written about a lot of things for a lot of different places, including Wired, Playboy, Boing Boing, Popular Mechanics, Gizmodo, Kotaku, Lifehacker, AMC, Geek and the Consumerist. He lives in Cambridge with his charming inamorata and a tiny budgerigar punningly christened after Nabokov's most famous pervert. You can follow him here on Twitter.

(sorry, you need Javascript to see this e-mail address)| Read more posts by .

Posted in News |