{"id":15921,"date":"2011-11-18T15:43:36","date_gmt":"2011-11-18T13:43:36","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=15921"},"modified":"2011-11-18T15:43:36","modified_gmt":"2011-11-18T13:43:36","slug":"parallax-scrolling-showcase","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2011\/11\/18\/parallax-scrolling-showcase\/","title":{"rendered":"Parallax scrolling showcase"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"15922\" data-permalink=\"https:\/\/mamchenkov.net\/wordpress\/2011\/11\/18\/parallax-scrolling-showcase\/parallax-scrolling\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2011\/11\/Parallax-Scrolling.png?fit=956%2C481&amp;ssl=1\" data-orig-size=\"956,481\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Parallax Scrolling\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2011\/11\/Parallax-Scrolling.png?fit=660%2C332&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2011\/11\/Parallax-Scrolling-500x251.png?resize=500%2C251&#038;ssl=1\" alt=\"\" title=\"Parallax Scrolling\" width=\"500\" height=\"251\" class=\"aligncenter size-medium wp-image-15922\" srcset=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2011\/11\/Parallax-Scrolling.png?resize=500%2C251&amp;ssl=1 500w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2011\/11\/Parallax-Scrolling.png?w=956&amp;ssl=1 956w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>A colleague sent me this link to a <a href=\"http:\/\/webdesignerwall.com\/trends\/mind-blowing-parallax-scrolling-sites\">collection of parallax scrolling website designs<\/a>.  Some of them are really awesome, especially considering the fact that they are implemented in HTML5 &#8211; no flash or other proprietary plugin required.  I particularly liked how the car assembles and disassembles on the <a href=\"http:\/\/www.smartusa.com\/\">Smart USA<\/a> website and how the glass of beer empties and refills on the <a href=\"http:\/\/www.smokeybones.com\/\">Smokey Bones<\/a> website.  Unbelievable, creative, and inspirational!<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>A colleague sent me this link to a collection of parallax scrolling website designs. Some of them are really awesome, especially considering the fact that they are implemented in HTML5 &#8211; no flash or other proprietary plugin required. I particularly liked how the car assembles and disassembles on the Smart USA website and how the &hellip; <a href=\"https:\/\/mamchenkov.net\/wordpress\/2011\/11\/18\/parallax-scrolling-showcase\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Parallax scrolling showcase<\/span><\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[1190,1336,1157],"keyring_services":[],"class_list":["post-15921","post","type-post","status-publish","format-standard","hentry","category-general","category-technology","category-web-work","tag-html","tag-inspiration","tag-web-design"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":21493,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/04\/10\/on-infinite-scrolling\/","url_meta":{"origin":15921,"position":0},"title":"On infinite scrolling","author":"Leonid Mamchenkov","date":"April 10, 2014","format":"status","excerpt":"Two years ago (to the day) I blogged my opinion of the infinite scrolling. \u00a0And what do I do now? \u00a0I enable the infinite scrolling for this blog! \u00a0Consistency? Who needs that ...","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18390,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/06\/20\/infinite-scrolling-lets-bottom\/","url_meta":{"origin":15921,"position":1},"title":"Infinite Scrolling: Let\u2019s Get To The Bottom Of This","author":"Leonid Mamchenkov","date":"June 20, 2013","format":"link","excerpt":"Infinite Scrolling: Let\u2019s Get To The Bottom Of This","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24135,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/05\/18\/fullpage-js-create-beautiful-fullscreen-scrolling-websites\/","url_meta":{"origin":15921,"position":2},"title":"fullPage.js &#8211; Create Beautiful Fullscreen Scrolling Websites","author":"Leonid Mamchenkov","date":"May 18, 2015","format":"link","excerpt":"fullPage.js - Create Beautiful Fullscreen Scrolling Websites","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18480,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/07\/08\/infinite-scrolling-in-wordpress-themes\/","url_meta":{"origin":15921,"position":3},"title":"Infinite scrolling in WordPress themes","author":"Leonid Mamchenkov","date":"July 8, 2013","format":"link","excerpt":"Infinite scrolling in WordPress themes","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":16219,"url":"https:\/\/mamchenkov.net\/wordpress\/2012\/04\/10\/infinite-scrolling-no-go\/","url_meta":{"origin":15921,"position":4},"title":"Infinite scrolling : no go!","author":"Leonid Mamchenkov","date":"April 10, 2012","format":false,"excerpt":"Jeffro of WP Tavern fame asks an interesting question about infinite scrolling: Thanks to\u00a0Pinterest, many websites think it\u2019s cool to provide the ability to infinitely scroll down a page. Over the past few weeks, I\u2019ve noticed a variety of tutorials that explain how you can add this functionality to WordPress\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":28981,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/11\/18\/glider-js-fast-light-weight-dependency-free-responsive-native-scrolling-list-with-paging-controls\/","url_meta":{"origin":15921,"position":5},"title":"Glider.js &#8211; fast, light-weight, dependency free, responsive, native scrolling list with paging controls","author":"Leonid Mamchenkov","date":"November 18, 2018","format":false,"excerpt":"For anyone who needs an image gallery or any scrolling list for that matter, Glider.js looks like a good option.\u00a0 It's super simple to use, light, responsive, and dependency free.\u00a0 Have a look at some demos here.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/15921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=15921"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/15921\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=15921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=15921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=15921"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=15921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}