{"id":79,"date":"2015-10-08T18:19:58","date_gmt":"2015-10-08T18:19:58","guid":{"rendered":"http:\/\/kcobs.com\/?p=79"},"modified":"2015-10-08T18:23:07","modified_gmt":"2015-10-08T18:23:07","slug":"3-the-parallax-effect-mutations","status":"publish","type":"post","link":"https:\/\/kcobs.com\/?p=79","title":{"rendered":"The Parallax effect mutations"},"content":{"rendered":"<h3>Parallax has evolved into many different mutations that have one thing in common: designers use page scrolling or mouse movement to animate elements or properties of the page. If you look carefully, most of the websites showcased\u00a0in this article use this logic. Here are some additional\u00a0examples.<\/h3>\n<h4>Scroll events and hand drawn animation<\/h4>\n<p><a title=\"mintdesigncompany.com\" href=\"http:\/\/mintdesigncompany.com\/\" target=\"_blank\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-58666\" src=\"https:\/\/nnbdesigner.wpengine.com\/designer-blog\/wp-content\/uploads\/sites\/2\/2014\/12\/Use_of_Java_Script.jpg\" alt=\"Use_of_Java_Script\" width=\"624\" height=\"314\" \/><\/a><br \/>\nIt\u2019s easy to appreciate\u00a0Mint Design Company\u2019s creative use of an old CSS sprite technique. The result is an engaging and unique take on an otherwise straightforward company website.<\/p>\n<h4>Innovative\u00a0scrolling<strong><br \/>\n<\/strong><\/h4>\n<p><a title=\"www.quoplus.com\" href=\"http:\/\/www.quoplus.com\/\" target=\"_blank\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-58802\" src=\"https:\/\/nnbdesigner.wpengine.com\/designer-blog\/wp-content\/uploads\/sites\/2\/2014\/12\/quo_s3_opisy.jpg\" alt=\"quo_s3_opisy\" width=\"624\" height=\"684\" \/><\/a><\/p>\n<p>The QUO+ headset page takes you on a wild, maze-like journey through their site\u00a0with\u00a0vertical\u00a0and\u00a0horizontal scrolling \u2013 along with an interesting section where you \u201cscroll\u201d through their product colors too.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Parallax has evolved into many different mutations that have one thing in common: designers use page scrolling or mouse movement to animate elements or properties of the page. If you look carefully, most of the websites showcased\u00a0in this article use this logic. Here are some additional\u00a0examples. Scroll events and hand drawn animation It\u2019s easy to&#8230;<\/p>\n","protected":false},"author":1,"featured_media":81,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,4],"tags":[],"_links":{"self":[{"href":"https:\/\/kcobs.com\/index.php?rest_route=\/wp\/v2\/posts\/79"}],"collection":[{"href":"https:\/\/kcobs.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kcobs.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kcobs.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kcobs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=79"}],"version-history":[{"count":2,"href":"https:\/\/kcobs.com\/index.php?rest_route=\/wp\/v2\/posts\/79\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/kcobs.com\/index.php?rest_route=\/wp\/v2\/posts\/79\/revisions\/82"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kcobs.com\/index.php?rest_route=\/wp\/v2\/media\/81"}],"wp:attachment":[{"href":"https:\/\/kcobs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=79"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kcobs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=79"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kcobs.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}