{"id":2024,"date":"2011-04-07T00:01:19","date_gmt":"2011-04-06T23:01:19","guid":{"rendered":"http:\/\/www.art-spire.com\/?p=2024"},"modified":"2019-02-16T20:56:01","modified_gmt":"2019-02-16T18:56:01","slug":"web-design-trend-vertical-parallax-using-js","status":"publish","type":"post","link":"https:\/\/www.art-spire.com\/en\/webdesign\/web-design-trend-vertical-parallax-using-js\/","title":{"rendered":"Web Design Trend : vertical parallax using JS"},"content":{"rendered":"

<\/p>\n

\n

If you follow the web design trends, you probably already know that a new one is growing fast for several weeks. If one-page website (based on an anchors navigation) are popular for many months now, those using parallax effects also start to multiply.\u00a0Nike launched the\u00a0phenomena\u00a0at the beginning of the year with the amazing and innovating\u00a0Nike Better World<\/a>. Since, a lot of websites more or less inspired by this site have appear online. We show you some interesting examples below. For those who love the effect and have great ideas in mind, you can read\u00a0this tutorial<\/a><\/strong> to learn how to do that using JavaScript (jQuery).<\/p>\n

\n
\"\"<\/a><\/div>\n<\/div>\n

ap-o<\/a><\/p>\n

\n
\"\"<\/a><\/div>\n<\/div>\n

Be a Vampire Victim<\/a><\/p>\n

\n
\"\"<\/a><\/div>\n<\/div>\n

David Beckham 7<\/a><\/p>\n

\n
\"\"<\/a><\/div>\n<\/div>\n

Drupalcon Denver 2012<\/a><\/p>\n

\n
\"\"<\/a><\/div>\n<\/div>\n

Improving speed on your website<\/a><\/p>\n

\n
\"\"<\/a><\/div>\n<\/div>\n

Manufacture d’Essai<\/a><\/p>\n

\n
\"\"<\/a><\/div>\n<\/div>\n

Nike Better World<\/a><\/p>\n

\n
\"\"<\/a><\/div>\n<\/div>\n

theChrisbox<\/a><\/p>\n

\n
\"\"<\/a><\/div>\n<\/div>\n

Unfold<\/a><\/p>\n

\n
\"\"<\/a><\/div>\n<\/div>\n

YEBO Creative<\/a><\/div>\n

<\/p>","protected":false},"excerpt":{"rendered":"

If you follow the web design trends, you probably already know that a new one is growing fast for several weeks. If one-page website (based on an anchors navigation) are popular for many months now, those using parallax effects also start to multiply.\u00a0<\/p>\n","protected":false},"author":5851,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[4],"tags":[83,287,438,2048,2046,8,2045,2047,28,6672,224],"acf":[],"_links":{"self":[{"href":"https:\/\/www.art-spire.com\/en\/wp-json\/wp\/v2\/posts\/2024"}],"collection":[{"href":"https:\/\/www.art-spire.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.art-spire.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.art-spire.com\/en\/wp-json\/wp\/v2\/users\/5851"}],"replies":[{"embeddable":true,"href":"https:\/\/www.art-spire.com\/en\/wp-json\/wp\/v2\/comments?post=2024"}],"version-history":[{"count":0,"href":"https:\/\/www.art-spire.com\/en\/wp-json\/wp\/v2\/posts\/2024\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.art-spire.com\/en\/wp-json\/wp\/v2\/media?parent=2024"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.art-spire.com\/en\/wp-json\/wp\/v2\/categories?post=2024"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.art-spire.com\/en\/wp-json\/wp\/v2\/tags?post=2024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}