{"id":37587,"date":"2017-08-02T18:01:39","date_gmt":"2017-08-02T10:01:39","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=37587"},"modified":"2023-04-06T19:13:01","modified_gmt":"2023-04-06T11:13:01","slug":"flexbox-based-responsive-framework-spectre","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/","title":{"rendered":"Spectre.css: The Ultimate Responsive CSS Framework"},"content":{"rendered":"<p>If you wanna dive into <strong><a href=\"https:\/\/www.hongkiat.com\/blog\/flexbox-froggy\/\">flexbox layouts<\/a><\/strong> then now is the best time to start. Modern browsers are <strong>finally accepting flexbox properties<\/strong> and more developers are getting into the action.<\/p>\n<p>But, why start from scratch when you can <strong>build on top of reusable code<\/strong>? <strong><a href=\"https:\/\/picturepan2.github.io\/spectre\/\" target=\"_blank\" rel=\"noopener\">Spectre.css<\/a><\/strong> is one of the best frameworks to start using if you\u2019re new to flexbox.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/ui-design-an-intro-to-flexible-box\/\" rel=\"noopener\">UI Design: An Intro to Flexible Box<\/a><\/p>\n<p>This free open-source framework comes pre-built with a <strong>functioning grid system<\/strong> and <strong>common flexbox properties<\/strong>. It <strong>relies on <a href=\"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gulp-js\/\">Gulp<\/a><\/strong> for compiling and running CSS on the fly, from any computer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/flexbox-based-responsive-framework-spectre\/flexbox-grid.jpg\" alt=\"flexbox grid\" width=\"1200\" height=\"463\"><\/p>\n<p>It also <strong>uses <a href=\"https:\/\/www.hongkiat.com\/blog\/less-basic\/\">LESS<\/a><\/strong> instead of Sass, which can make Spectre and a terrific choice for all LESS users.<\/p>\n<p>One download from npm comes with everything you need: <strong>CSS icons, mixins, variables<\/strong>, and pretty much anything else you would expect from a typical CSS framework.<\/p>\n<p>All code is <strong>fully semantic<\/strong> and <strong>supports all HTML text elements<\/strong>, even the newer ones like <code><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/time\" target=\"_blank\" rel=\"noopener\">&lt;time&gt;<\/a><\/code>. Text styles also <strong>support East-Asian fonts<\/strong> with languages such as Chinese, Japanese, and Korean.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/flexbox-based-responsive-framework-spectre\/east-asian-fonts-support.jpg\" alt=\"east asian fonts support\" width=\"1200\" height=\"825\"><\/p>\n<p>You can find <strong>tons of examples<\/strong> on the <a href=\"https:\/\/picturepan2.github.io\/spectre\/elements.html\" target=\"_blank\" rel=\"noopener\">\u201cElements\u201d page<\/a> which <strong>lists design samples<\/strong> for text, buttons, tables, icons, and web forms (among other things).<\/p>\n<figure><a href=\"https:\/\/picturepan2.github.io\/spectre\/components.html\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/flexbox-based-responsive-framework-spectre\/autocomplete.jpg\" alt=\"Spectre.css autocomplete\" width=\"1070\" height=\"454\"><\/a><\/figure>\n<p>Spectre also comes with <strong>tons of <a href=\"https:\/\/picturepan2.github.io\/spectre\/components.html\" target=\"_blank\" rel=\"noopener\">components<\/a><\/strong> that can save you hours of time spent coding from scratch. <strong>Dynamic features<\/strong>, such as <strong>pop-overs<\/strong> and <strong>dropdown menus<\/strong>, are super easy to add to any layout, with just a few lines of code.<\/p>\n<p>This framework is <strong>still pretty new<\/strong> and it\u2019s always undergoing changes. At the time of this writing, Spectre is in <strong>v0.2<\/strong> and has <strong>plenty of experimental features<\/strong> you can try.<\/p>\n<p>But, the primary components, page elements, and grids are <strong>fully functional<\/strong> and <strong>ready for a live production site<\/strong>. Spectre is one of the best CSS frameworks running on Less with flexbox grids.<\/p>\n<p>To learn more and get started, visit the <strong><a href=\"https:\/\/picturepan2.github.io\/spectre\/index.html\" target=\"_blank\" rel=\"noopener\">documentation page<\/a><\/strong> covering installation & setup.<\/p>\n<p>You can also download a copy of the code <strong><a href=\"https:\/\/github.com\/picturepan2\/spectre\" target=\"_blank\" rel=\"noopener\">right from GitHub<\/a><\/strong> which also has a small section for documentation. And, if you\u2019d like to share your thoughts you can tweet the official account <a href=\"https:\/\/twitter.com\/spectrecss\" target=\"_blank\" rel=\"noopener\">@spectrecss<\/a>.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/bulma-framework\/\" rel=\"noopener\">Bulma is The Only Flexbox-Powered CSS Framework You\u2019ll Ever Need<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>If you wanna dive into flexbox layouts then now is the best time to start. Modern browsers are finally accepting flexbox properties and more developers are getting into the action. But, why start from scratch when you can build on top of reusable code? Spectre.css is one of the best frameworks to start using if&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[3393],"tags":[507,4109],"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.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Spectre.css: The Ultimate Responsive CSS Framework - Hongkiat<\/title>\n<meta name=\"description\" content=\"If you wanna dive into flexbox layouts then now is the best time to start. Modern browsers are finally accepting flexbox properties and more developers\" \/>\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\/flexbox-based-responsive-framework-spectre\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spectre.css: The Ultimate Responsive CSS Framework\" \/>\n<meta property=\"og:description\" content=\"If you wanna dive into flexbox layouts then now is the best time to start. Modern browsers are finally accepting flexbox properties and more developers\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/\" \/>\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=\"2017-08-02T10:01:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T11:13:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/flexbox-based-responsive-framework-spectre\/flexbox-grid.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\\\/flexbox-based-responsive-framework-spectre\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Spectre.css: The Ultimate Responsive CSS Framework\",\"datePublished\":\"2017-08-02T10:01:39+00:00\",\"dateModified\":\"2023-04-06T11:13:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/\"},\"wordCount\":374,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flexbox-based-responsive-framework-spectre\\\/flexbox-grid.jpg\",\"keywords\":[\"CSS\",\"CSS Frameworks\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/\",\"name\":\"Spectre.css: The Ultimate Responsive CSS Framework - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flexbox-based-responsive-framework-spectre\\\/flexbox-grid.jpg\",\"datePublished\":\"2017-08-02T10:01:39+00:00\",\"dateModified\":\"2023-04-06T11:13:01+00:00\",\"description\":\"If you wanna dive into flexbox layouts then now is the best time to start. Modern browsers are finally accepting flexbox properties and more developers\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flexbox-based-responsive-framework-spectre\\\/flexbox-grid.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flexbox-based-responsive-framework-spectre\\\/flexbox-grid.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexbox-based-responsive-framework-spectre\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spectre.css: The Ultimate Responsive CSS Framework\"}]},{\"@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":"Spectre.css: The Ultimate Responsive CSS Framework - Hongkiat","description":"If you wanna dive into flexbox layouts then now is the best time to start. Modern browsers are finally accepting flexbox properties and more developers","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\/flexbox-based-responsive-framework-spectre\/","og_locale":"en_US","og_type":"article","og_title":"Spectre.css: The Ultimate Responsive CSS Framework","og_description":"If you wanna dive into flexbox layouts then now is the best time to start. Modern browsers are finally accepting flexbox properties and more developers","og_url":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-08-02T10:01:39+00:00","article_modified_time":"2023-04-06T11:13:01+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/flexbox-based-responsive-framework-spectre\/flexbox-grid.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\/flexbox-based-responsive-framework-spectre\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Spectre.css: The Ultimate Responsive CSS Framework","datePublished":"2017-08-02T10:01:39+00:00","dateModified":"2023-04-06T11:13:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/"},"wordCount":374,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/flexbox-based-responsive-framework-spectre\/flexbox-grid.jpg","keywords":["CSS","CSS Frameworks"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/","url":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/","name":"Spectre.css: The Ultimate Responsive CSS Framework - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/flexbox-based-responsive-framework-spectre\/flexbox-grid.jpg","datePublished":"2017-08-02T10:01:39+00:00","dateModified":"2023-04-06T11:13:01+00:00","description":"If you wanna dive into flexbox layouts then now is the best time to start. Modern browsers are finally accepting flexbox properties and more developers","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/flexbox-based-responsive-framework-spectre\/flexbox-grid.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/flexbox-based-responsive-framework-spectre\/flexbox-grid.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/flexbox-based-responsive-framework-spectre\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Spectre.css: The Ultimate Responsive CSS Framework"}]},{"@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-9Mf","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37587","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=37587"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37587\/revisions"}],"predecessor-version":[{"id":65816,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37587\/revisions\/65816"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=37587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=37587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=37587"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=37587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}