{"id":42900,"date":"2018-01-04T21:01:53","date_gmt":"2018-01-04T13:01:53","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=42900"},"modified":"2018-01-04T21:12:20","modified_gmt":"2018-01-04T13:12:20","slug":"shoelacecss-frontend-starter-kit","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/","title":{"rendered":"CSS Starter Kit for Developers &#8211; Shoelace.css"},"content":{"rendered":"<p>Frontend developers need all the best resources they can get. Usually, this means <strong>working on top of a framework<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/boostrap-4-best-features\/\">such as Bootstrap<\/a> because it comes packed with basically everything.<\/p>\n<p>However, there are <a href=\"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/\">plenty of alternatives<\/a> and <strong><a href=\"https:\/\/shoelace.style\/\" target=\"_blank\">Shoelace.css<\/a><\/strong> is one such example you should be familiar with.<\/p>\n<p>This <strong>free CSS kit<\/strong> isn\u2019t really a full framework. Instead, it\u2019s more like a <strong>starter\u2019s kit for developers<\/strong> who don\u2019t want to build dozens of custom CSS styles from scratch.<\/p>\n<p>You can always use a <a href=\"https:\/\/www.hongkiat.com\/blog\/normalized-css\/\">CSS reset<\/a> but that only formats each browser equally. A reset is <strong>not a cover-all for handling more complex tasks<\/strong>, and that\u2019s exactly the point of Shoelace.<\/p>\n<figure><a href=\"https:\/\/shoelace.style\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/shoelacecss-frontend-starter-kit\/01-shoelace-css-framework-homepage.jpg\" alt=\"Shoelace.css homepage\" width=\"1000\" height=\"694\"><\/a><\/figure>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/css-mint-ui-kit\/\">Build Colorful Flat-Themed Websites with CSS Mint UI Kit<\/a><\/p>\n<p>It comes as a <strong>package with a CLI running on <a href=\"https:\/\/www.hongkiat.com\/blog\/node-js-server-side-javascript\/\">Node<\/a><\/strong> that you can install with any project. Although, it also <strong>has a <a href=\"https:\/\/shoelace.style\/\" target=\"_blank\">CDN version<\/a><\/strong> if you don\u2019t want to use npm.<\/p>\n<p>To get this all set up, check out the <strong><a href=\"https:\/\/shoelace.style\/docs\/installing.html\" target=\"_blank\">installation guide<\/a><\/strong> in the official documentation. Despite this being labeled as a CSS library, it <strong>does come with JavaScript components<\/strong>, too. Although <strong>most of those run on jQuery<\/strong>, so you\u2019ll need to include that as a dependency.<\/p>\n<p>If you dig further into the docs you\u2019ll find the <strong><a href=\"https:\/\/shoelace.style\/docs\/customizing.html\" target=\"_blank\">customization page<\/a><\/strong> which shows you <strong>how to edit variables in CSS<\/strong>. These let you build custom components and alter the default Shoelace styles with ease.<\/p>\n<figure><a href=\"https:\/\/shoelace.style\/docs\/dropdowns.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/shoelacecss-frontend-starter-kit\/02-shoelace-dropdown-example.jpg\" alt=\"Shoelace.css stylesheet dropdown sample\" width=\"1000\" height=\"562\"><\/a><\/figure>\n<p>Each component <strong>does have a Bootstrap-y feel to the design<\/strong>, so Shoelace will work for pretty much any layout.<\/p>\n<p>However, it also <strong>has a steeper learning curve than Bootstrap<\/strong>, since it\u2019s not as popular, nor does it have as much support. As of this writing, Shoelace is still in v1.0 beta so it\u2019s got plenty of time to catch up with the larger frontend frameworks.<\/p>\n<p>A quick look at the docs should prove this is <strong>ready for a production site<\/strong>. It\u2019s really up to you if Shoelace would be worth learning and implementing.<\/p>\n<p>Take a peek at the <strong><a href=\"https:\/\/github.com\/shoelace-style\/shoelace\" target=\"_blank\">GitHub repo<\/a> to grab a copy<\/strong> and the <strong><a href=\"https:\/\/shoelace.style\/docs\/installing.html\" target=\"_blank\">online docs<\/a> for more setup info<\/strong>. If you have any questions or suggestions for Shoelace you can also drop a line to the creator on Twitter <a href=\"https:\/\/twitter.com\/claviska\" target=\"_blank\">@claviska<\/a>.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/vital-css-web-framework\/\">Vital CSS \u2013 A Minimally Invasive Web Framework<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Frontend developers need all the best resources they can get. Usually, this means working on top of a framework such as Bootstrap because it comes packed with basically everything. However, there are plenty of alternatives and Shoelace.css is one such example you should be familiar with. This free CSS kit isn\u2019t really a full framework.&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":[4109,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>CSS Starter Kit for Developers - Shoelace.css - Hongkiat<\/title>\n<meta name=\"description\" content=\"Frontend developers need all the best resources they can get. Usually, this means working on top of a framework such as Bootstrap because it comes packed\" \/>\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\/shoelacecss-frontend-starter-kit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Starter Kit for Developers - Shoelace.css\" \/>\n<meta property=\"og:description\" content=\"Frontend developers need all the best resources they can get. Usually, this means working on top of a framework such as Bootstrap because it comes packed\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/\" \/>\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=\"2018-01-04T13:01:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-01-04T13:12:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/shoelacecss-frontend-starter-kit\/01-shoelace-css-framework-homepage.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\\\/shoelacecss-frontend-starter-kit\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"CSS Starter Kit for Developers &#8211; Shoelace.css\",\"datePublished\":\"2018-01-04T13:01:53+00:00\",\"dateModified\":\"2018-01-04T13:12:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/\"},\"wordCount\":384,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/shoelacecss-frontend-starter-kit\\\/01-shoelace-css-framework-homepage.jpg\",\"keywords\":[\"CSS Frameworks\",\"Web Developers\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/\",\"name\":\"CSS Starter Kit for Developers - Shoelace.css - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/shoelacecss-frontend-starter-kit\\\/01-shoelace-css-framework-homepage.jpg\",\"datePublished\":\"2018-01-04T13:01:53+00:00\",\"dateModified\":\"2018-01-04T13:12:20+00:00\",\"description\":\"Frontend developers need all the best resources they can get. Usually, this means working on top of a framework such as Bootstrap because it comes packed\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/shoelacecss-frontend-starter-kit\\\/01-shoelace-css-framework-homepage.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/shoelacecss-frontend-starter-kit\\\/01-shoelace-css-framework-homepage.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/shoelacecss-frontend-starter-kit\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS Starter Kit for Developers &#8211; Shoelace.css\"}]},{\"@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":"CSS Starter Kit for Developers - Shoelace.css - Hongkiat","description":"Frontend developers need all the best resources they can get. Usually, this means working on top of a framework such as Bootstrap because it comes packed","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\/shoelacecss-frontend-starter-kit\/","og_locale":"en_US","og_type":"article","og_title":"CSS Starter Kit for Developers - Shoelace.css","og_description":"Frontend developers need all the best resources they can get. Usually, this means working on top of a framework such as Bootstrap because it comes packed","og_url":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-01-04T13:01:53+00:00","article_modified_time":"2018-01-04T13:12:20+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/shoelacecss-frontend-starter-kit\/01-shoelace-css-framework-homepage.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\/shoelacecss-frontend-starter-kit\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"CSS Starter Kit for Developers &#8211; Shoelace.css","datePublished":"2018-01-04T13:01:53+00:00","dateModified":"2018-01-04T13:12:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/"},"wordCount":384,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/shoelacecss-frontend-starter-kit\/01-shoelace-css-framework-homepage.jpg","keywords":["CSS Frameworks","Web Developers"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/","url":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/","name":"CSS Starter Kit for Developers - Shoelace.css - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/shoelacecss-frontend-starter-kit\/01-shoelace-css-framework-homepage.jpg","datePublished":"2018-01-04T13:01:53+00:00","dateModified":"2018-01-04T13:12:20+00:00","description":"Frontend developers need all the best resources they can get. Usually, this means working on top of a framework such as Bootstrap because it comes packed","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/shoelacecss-frontend-starter-kit\/01-shoelace-css-framework-homepage.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/shoelacecss-frontend-starter-kit\/01-shoelace-css-framework-homepage.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/shoelacecss-frontend-starter-kit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS Starter Kit for Developers &#8211; Shoelace.css"}]},{"@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-b9W","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/42900","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=42900"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/42900\/revisions"}],"predecessor-version":[{"id":42902,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/42900\/revisions\/42902"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=42900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=42900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=42900"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=42900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}