{"id":38035,"date":"2019-09-16T18:19:36","date_gmt":"2019-09-16T10:19:36","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=38035"},"modified":"2019-09-29T20:41:43","modified_gmt":"2019-09-29T12:41:43","slug":"rellaxjs-parallax-script","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/","title":{"rendered":"Rellax.js &#8211; Free Parallax Features Using Vanilla JavaScript"},"content":{"rendered":"<p><strong>Parallax scrolling<\/strong> looks incredible <a href=\"https:\/\/www.hongkiat.com\/blog\/web-design-scrolling\/\">when done right<\/a>. It\u2019s not a feature you\u2019ll want on every website but for creative sites and landing pages, parallax elements <strong>grab attention fast<\/strong>.<\/p>\n<p>There are tons of free JavaScript libraries for <strong><a href=\"https:\/\/www.hongkiat.com\/blog\/scrolling-effects-js-libraries\/\">animated scrolling effects<\/a><\/strong> but many are bloated or just too complex for some people.<\/p>\n<p>That\u2019s why I recommend <strong><a href=\"https:\/\/dixonandmoe.com\/rellax\/\" target=\"_blank\" rel=\"noopener noreferrer\">Rellax.js<\/a><\/strong> for your parallax needs. It\u2019s a free open source plugin built on vanilla JavaScript, so it <strong>doesn\u2019t have any dependencies<\/strong>.<\/p>\n<p>By default, it <strong>requires only a simple function call<\/strong> to assign the parallax class to page elements. Then, as you scroll, these elements <strong>stay fixed<\/strong> and move along with the user\u2019s viewpoint.<\/p>\n<p>You can customize these elements to appear closer, further away, or behind page elements. This creates the <strong>illusion of depth<\/strong> on the page and it all works through one simple JavaScript library.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/infinite-page-scroll\/\" rel=\"noopener noreferrer\">How to Implement Infinite Page Scroll Effect in Static Webpages [Tutorial]<\/a><\/p>\n<p>All of the Rellax source code is available for free <a href=\"https:\/\/github.com\/dixonandmoe\/rellax\" target=\"_blank\" rel=\"noopener noreferrer\">on GitHub<\/a> if you wanna download a copy.<\/p>\n<p>The entire setup <strong>uses a single JS function<\/strong> targeting the <strong>.rellax<\/strong> class like so:<\/p>\n<pre>\r\nvar rellax = new Rellax('.rellax');\r\n<\/pre>\n<p>Note you can use pretty much <strong>any class you want<\/strong>, but the example demo uses <code>.rellax<\/code> for simplicity\u2019s sake.<\/p>\n<p>From here, you just <strong>wrap your parallax elements<\/strong> inside a div with the <code>.rellax<\/code> class and <strong>set the speed attribute<\/strong>. This works through the <code>data-rellax-speed<\/code> <a href=\"https:\/\/www.hongkiat.com\/blog\/better-ux-html-data-attributes\/\">custom attribute<\/a> which accepts values from -10 to +10.<\/p>\n<p>Here\u2019s an <strong>example snippet<\/strong> from the HTML on the demo page:<\/p>\n<pre>\r\n&lt;div class=\"rellax\" data-rellax-speed=\"-7\"&gt;\r\n  I'm extra slow and smooth\r\n&lt;\/div&gt;\r\n<\/pre>\n<p>You can also <strong>center elements<\/strong> on the page and <strong>customize the element positions<\/strong> via CSS.<\/p>\n<p>Rellax doesn\u2019t tell you how to structure the page or how to define CSS elements on your page. All it does is <strong>create a natural parallax scrolling effect<\/strong> with pure JavaScript. How you use this is totally up to you.<\/p>\n<figure><a href=\"https:\/\/dixonandmoe.com\/rellax\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/rellaxjs-parallax-script\/02-parallax-demo-rellaxjs.jpg\" alt=\"Rellax.js parallax plugin\" width=\"794\" height=\"660\"><\/a><\/figure>\n<p>To see a <strong>live demo<\/strong>, take a peek at the <a href=\"https:\/\/dixonandmoe.com\/rellax\/\" target=\"_blank\" rel=\"noopener noreferrer\">main site<\/a> or browse through the <a href=\"https:\/\/github.com\/dixonandmoe\/rellax\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub repo<\/a>. This includes some documentation, along with links to live websites using Rellax.js.<\/p>\n<p>And best of all, the team is constantly willing to take pull requests, so if you notice any issues or have suggestions for features just <a href=\"https:\/\/github.com\/dixonandmoe\" target=\"_blank\" rel=\"noopener noreferrer\">send a quick message<\/a> over to the team.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/parallax-scrolling-stickystack-js\/\" rel=\"noopener noreferrer\">Parallax Scrolling Made Easy With StickyStack.js<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Parallax scrolling looks incredible when done right. It\u2019s not a feature you\u2019ll want on every website but for creative sites and landing pages, parallax elements grab attention fast. There are tons of free JavaScript libraries for animated scrolling effects but many are bloated or just too complex for some people. That\u2019s why I recommend Rellax.js&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[4117,2644,4406,511],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Rellax.js - Free Parallax Features Using Vanilla JavaScript - Hongkiat<\/title>\n<meta name=\"description\" content=\"Parallax scrolling looks incredible when done right. It&#039;s not a feature you&#039;ll want on every website but for creative sites and landing pages, parallax\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rellax.js - Free Parallax Features Using Vanilla JavaScript\" \/>\n<meta property=\"og:description\" content=\"Parallax scrolling looks incredible when done right. It&#039;s not a feature you&#039;ll want on every website but for creative sites and landing pages, parallax\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-16T10:19:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-29T12:41:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/rellaxjs-parallax-script\/02-parallax-demo-rellaxjs.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Rellax.js &#8211; Free Parallax Features Using Vanilla JavaScript\",\"datePublished\":\"2019-09-16T10:19:36+00:00\",\"dateModified\":\"2019-09-29T12:41:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/\"},\"wordCount\":382,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/rellaxjs-parallax-script\\\/02-parallax-demo-rellaxjs.jpg\",\"keywords\":[\"Javascripts\",\"parallax scrolling\",\"vanilla\",\"Web Developers\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/\",\"name\":\"Rellax.js - Free Parallax Features Using Vanilla JavaScript - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/rellaxjs-parallax-script\\\/02-parallax-demo-rellaxjs.jpg\",\"datePublished\":\"2019-09-16T10:19:36+00:00\",\"dateModified\":\"2019-09-29T12:41:43+00:00\",\"description\":\"Parallax scrolling looks incredible when done right. It's not a feature you'll want on every website but for creative sites and landing pages, parallax\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/rellaxjs-parallax-script\\\/02-parallax-demo-rellaxjs.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/rellaxjs-parallax-script\\\/02-parallax-demo-rellaxjs.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rellaxjs-parallax-script\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rellax.js &#8211; Free Parallax Features Using Vanilla JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Rellax.js - Free Parallax Features Using Vanilla JavaScript - Hongkiat","description":"Parallax scrolling looks incredible when done right. It's not a feature you'll want on every website but for creative sites and landing pages, parallax","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/","og_locale":"en_US","og_type":"article","og_title":"Rellax.js - Free Parallax Features Using Vanilla JavaScript","og_description":"Parallax scrolling looks incredible when done right. It's not a feature you'll want on every website but for creative sites and landing pages, parallax","og_url":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2019-09-16T10:19:36+00:00","article_modified_time":"2019-09-29T12:41:43+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/rellaxjs-parallax-script\/02-parallax-demo-rellaxjs.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Rellax.js &#8211; Free Parallax Features Using Vanilla JavaScript","datePublished":"2019-09-16T10:19:36+00:00","dateModified":"2019-09-29T12:41:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/"},"wordCount":382,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/rellaxjs-parallax-script\/02-parallax-demo-rellaxjs.jpg","keywords":["Javascripts","parallax scrolling","vanilla","Web Developers"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/","url":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/","name":"Rellax.js - Free Parallax Features Using Vanilla JavaScript - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/rellaxjs-parallax-script\/02-parallax-demo-rellaxjs.jpg","datePublished":"2019-09-16T10:19:36+00:00","dateModified":"2019-09-29T12:41:43+00:00","description":"Parallax scrolling looks incredible when done right. It's not a feature you'll want on every website but for creative sites and landing pages, parallax","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/rellaxjs-parallax-script\/02-parallax-demo-rellaxjs.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/rellaxjs-parallax-script\/02-parallax-demo-rellaxjs.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/rellaxjs-parallax-script\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Rellax.js &#8211; Free Parallax Features Using Vanilla JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-9Tt","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/38035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=38035"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/38035\/revisions"}],"predecessor-version":[{"id":48814,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/38035\/revisions\/48814"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=38035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=38035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=38035"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=38035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}