Jonathan Moore

Jonathan Moore

I am a designer who lives in code, entrepreneur, and an idea incubator driven to make our world a better place.

Instagram

Liked Posts

Showing 4 posts tagged css3

Anatomy of a Mashup:Definitive Daft Punk visualized 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.

Anatomy of a Mashup:
Definitive Daft Punk visualized

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.

Traction Premium Theme 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. If you have any other questions about the theme or need support send me an email - traction@stylehatch.co.  Also expect updates to Backburner, Inspire Well, Nova and Savory before the end of the year.

Traction Premium Theme

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.

If you have any other questions about the theme or need support send me an email - traction@stylehatch.co.  Also expect updates to Backburner, Inspire Well, Nova and Savory before the end of the year.