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.

Pure HTML5 + CSS: Replica of a Mac OS X system preference pane

22 pointsby aupajoabout 15 years ago
Hello!<p>I built a replica of the Magic Mouse system preference pane using HTML5 and WebKit CSS extensions. <i>Not a single image is used.</i> You need a developer build of Chrome or WebKit to view the live demo properly.<p>Demo: http://aupajo.github.com/webkit-fu/mouse-dialog/<p>Side-by-side comparison screenshot: http://imgur.com/6Kt6L.png<p>It takes advantage of WebKit-specific CSS gradients, transforms, box-shadows, etc. Not a single image is used. The video is, of course, done with the HTML5 video element.<p>Code is freely available on GitHub (http://github.com/aupajo/webkit-fu).<p>Put it together for a weekend BarCamp (http://barcamp.org/BarCamp-Christchurch-2010).<p>This is a repost from a few days ago, but it went completely under the radar. Seeing a few posts today about the subject, I thought I'd try again.

1 comment

whimsyabout 15 years ago
Very impressive.