TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Pushing HTML5/CSS to the max for a museum touchscreen interactive

12 pointsby makenosoundover 13 years ago

1 comment

makenosoundover 13 years ago
This is the online version of a project I/we (<a href="http://icelab.com.au" rel="nofollow">http://icelab.com.au</a>) made for the National Museum of Australia. Originally built as a WebKit-only touchscreen, it's been deployed to one of their permanent galleries running in Google Chrome for the last couple of months.<p>Some technical details:<p>* All animation is done with CSS transitions.<p>* Each page is actually a separate HTML file thats pulled in via AJAX.<p>* A small JS wrapper handles the transitions between page states.<p>* The background "panograph" is built in canvas.<p>* We're using the History API for pushing real state into the history stack.<p>* It works in IE6+ with the help of JavaScript animation and VML