{"id":708,"date":"2010-10-11T06:47:57","date_gmt":"2010-10-11T06:47:57","guid":{"rendered":"http:\/\/cssreset.com\/?p=708"},"modified":"2015-04-17T18:17:42","modified_gmt":"2015-04-17T18:17:42","slug":"html5-css3-timeline-reader-from-associated-press-labs","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/html5-css3-timeline-reader-from-associated-press-labs\/","title":{"rendered":"HTML5 \/ CSS3 Timeline Reader from Associated Press Labs"},"content":{"rendered":"

One of the sweetest examples of HTML5 \/ CSS3 \/ Javascript user-interfaces I’ve seen recently comes from, of all people, the Associated Press. It’s an HTML5 Timeline News reader that has a UI as sweet as GrooveShark but without any Flash in sight…<\/p>\n

\"AP<\/p>\n

This slick HTML5 webapp allows users to easily sort through the news as it happens<\/em>. News stories pop open when hovered giving you a glimpse of what’s new.<\/p>\n

I’d deeply love to see something like this for Google live search results. I feel like this is what they were going for with Google Wave, but this concept and execution just knocks it clean out of the water.<\/p>\n

I’m envisaging other ways an interface like this could be employed… not just search results – what about movie trailers, images, torrents, music, anything – even web development articles 8-o!<\/p>\n

It appears to be using local storage to save your options, but I haven’t dug into the code so I suppose it could be cookies. In any case… I just love it. Congrats AP labs.<\/p>\n

Definitely check this out at http:\/\/html5.labs.ap.org\/<\/p>\n

Share and Enjoy !<\/h3>
0<\/span><\/span>Shares<\/small><\/div>
<\/i>0<\/span><\/span><\/a><\/span>\n<\/i><\/a><\/span>\n<\/i><\/a><\/span>\n<\/i>0<\/span><\/span><\/a><\/span>\n<\/i><\/a><\/span>\n<\/i><\/a><\/span><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"

One of the sweetest examples of HTML5 \/ CSS3 \/ Javascript user-interfaces I’ve seen recently comes from, of all people, the Associated Press. It’s an HTML5 Timeline News reader that has a UI as sweet as GrooveShark but without any […]<\/p>\n

Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":711,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/708"}],"collection":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/comments?post=708"}],"version-history":[{"count":5,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/708\/revisions"}],"predecessor-version":[{"id":1720,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/708\/revisions\/1720"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media\/711"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}