Marking the 20th anniversary of New Balance 580, HYPEBEAST [http://hypebeast.com]and New Balance have collaborated to come up with 2 designs. “Space” and “Earth”. This landing page was built using CSS3 [http://www.w3schools.com/css/css3_intro.asp] transitions [http://www.w3schools.com/css/css3_transitions.asp] and transforms [http://www.w3schools.com/cssref/css3_pr_transform.asp] 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 [https://jquery.com/] plugin from 360slider [http://www.360slider.com/]. 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 [https://jquery.com/], CSS, and video DOM [http://www.w3schools.com/tags/ref_av_dom.asp]. 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 [https://github.com/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 [https://jquerymobile.com/] event “swipe”. Check out the post here [http://hypebeast.com/2016/8/hypebeast-x-new-balance-2016-exploration-pack] over at hypebeast.com [http://hypebeast.com] MRT580 DECONSTRUCTED SpaceMRT580 Earth