Marking the 20th anniversary of New Balance 580, HYPEBEAST and New Balance have collaborated to come up with 2 designs. “Space” and “Earth”.

This landing page was built using CSS3 transitions and transforms which play the main component of shifting between content by clicking on either “Space” or “Earth” panels.

These 2 pairs of sneakers are 360 rotatable using a combination of 60 images and with the help of a jQuery plugin from 360slider.

This is a special kind of video player where 2 videos of similar content are played in sync. The video player features a before/after slider which is built purely on jQuery, CSS, and video DOM.

The layout is also responsive and mobile friendly where the player is played inlined for iOS where otherwise not possible without using the plugin from bfred-it iPhone Inline Video. The 360s are disabled due to high data usage on images. Swiping is also enabled to change panels using the jQuery mobile event “swipe”.

Check out the post here over at hypebeast.com