Web technologist Cameron Adams recently created a mashup of 23 Daft Punk songs titled Definitive Daft Punk. Like any good music mashup as you’re listening it becomes easy to get lost in the track and figure out where one track begins and ends. To illustrate the layering and composition Cameron created this killer HTML5 and CSS3 visualization of the mashup. Make sure you view it in a modern browser like Chrome or Safari.
With subtle glowing edges and high-contast elements, Traction is the latest futuristic yet simple three column premium theme from Style Hatch. Choose either the light or dark style and customize your colors, background and 60+ appearance options—see all the customization options. Buy the theme for only $49.
I had a lot of fun building this theme out with the latest HTML5 and CSS3 techniques. If you look closely at the source you’ll notice only three images are being used in the theme at a light-weight 20kb. All of the rounded corners, inner and outer glows, drop shadows, font-face icons, and insets are stylized using CSS3. Plus, I added CSS3 animation touches throughout the theme—try it out by rolling over a few links, linked images, and clicking inside the search bar. If you’re viewing the site on an anchient browser like Internet Explorer everything will degrade nicely to more simplistic design elements.
I first spotted the experimental CSS3 buttons on Dribbble last week, and now the interactive designer, simurai, posted a demo of the buttons on his site. Overall the implementation is well done and all it needs is a few hacks to get it working on older browsers and IE. The buttons also feature Drew Wilson’s font-face icon set Pictos.