{"id":42988,"date":"2018-01-25T18:01:51","date_gmt":"2018-01-25T10:01:51","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=42988"},"modified":"2023-04-06T19:08:03","modified_gmt":"2023-04-06T11:08:03","slug":"kernelcss-frontend-framework","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/","title":{"rendered":"Streamline Your Frontend with Kernel.css &#8211; The Lightweight Solution"},"content":{"rendered":"<p>Developers know the pain of <strong>recreating code from scratch<\/strong>. Thankfully, the web development community offers a lot in the way of <a href=\"https:\/\/www.hongkiat.com\/blog\/open-source-community-give-back\/\">open source<\/a> and frontend frameworks.<\/p>\n<p>Popular frameworks such as Bootstrap <strong>work well<\/strong> but can also <strong>feel too bloated<\/strong>. Thankfully, there are <a href=\"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/\">alternatives<\/a> and one of my newest favorites is <strong><a href=\"https:\/\/ionogy.github.io\/kernel.css\/\" target=\"_blank\" rel=\"noopener\">Kernel.css<\/a><\/strong>.<\/p>\n<figure><a href=\"https:\/\/ionogy.github.io\/kernel.css\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/kernelcss-frontend-framework\/01-kernel-css-framework-homepage.jpg\" alt=\"Kernel.css style UI kit\" width=\"1000\" height=\"536\"><\/a><\/figure>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/minimalist-css-framework-wing\/\" rel=\"noopener\">Wing \u2013 Minimalist CSS Framework Web Designers Want<\/a><\/p>\n<p>Kernel calls itself an <strong>unintrusive framework<\/strong>, meaning it\u2019ll <strong>operate like a thin layer<\/strong> on top of your page. It doesn\u2019t feel bothersome or difficult to customize and the classes are <strong>fully compliant with modern <a href=\"https:\/\/www.hongkiat.com\/blog\/html-5-semantics\/\">HTML5 specs<\/a><\/strong>.<\/p>\n<p>Frontend developer work should <strong>follow proper semantics<\/strong> for <a href=\"https:\/\/www.hongkiat.com\/blog\/web-accessibility-design-guide\/\">accessibility<\/a> and the highest level of browser support. Using a framework such as Kernel saves loads of time and frustration solving common issues.<\/p>\n<p>Here are some of the best-selling aspects of Kernel:<\/p>\n<ul>\n<li>Its grid system <strong>runs on <a href=\"https:\/\/www.hongkiat.com\/blog\/flexbox-froggy\/\">flexbox<\/a><\/strong>.<\/li>\n<li><strong>Fully responsive<\/strong> and <strong>mobile-friendly<\/strong>.<\/li>\n<li><strong>Custom transitions<\/strong> through CSS & JavaScript<\/li>\n<li><strong>Pre-styled elements<\/strong> for cards, tables, and headers.<\/li>\n<li><strong>Simple color scheme<\/strong> modeled after material design.<\/li>\n<\/ul>\n<p>You can preview <strong>all the Kernel elements<\/strong> on the main <a href=\"https:\/\/ionogy.github.io\/kernel.css\/\" target=\"_blank\" rel=\"noopener\">demo page<\/a> which includes <strong>sample source codes<\/strong>, too.<\/p>\n<figure><a href=\"https:\/\/ionogy.github.io\/kernel.css\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/kernelcss-frontend-framework\/02-kernelcss-demo-buttons.jpg\" alt=\"Kernel.css open source framework\" width=\"1000\" height=\"718\"><\/a><\/figure>\n<p>You\u2019ll notice many items such as buttons and headers offer different class names. This means you can <strong>easily change a button\u2019s color<\/strong> just by altering the class.<\/p>\n<p>It also comes with <strong>default notification classes on buttons for certain actions<\/strong>, such as <code>.btn-primary<\/code> for a blue \u201cclean\u201d button or <code>.btn-warning<\/code> with a brighter yellow flair.<\/p>\n<p>The best part of Kernel is that you can <strong>easily customize this framework<\/strong> to suit your needs. Want to add Font Awesome to your buttons? No problem. How about <a href=\"https:\/\/www.hongkiat.com\/blog\/optimize-google-webfonts\/\">adding Google Webfonts<\/a> to your headers? Just <strong>overwrite the styles in your CSS sheet<\/strong> and you\u2019re good to go.<\/p>\n<p>If you want a <strong>lightweight starting point<\/strong> to structure fantastic layouts then Kernel.css is the framework for the job.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/vital-css-web-framework\/\" rel=\"noopener\">Vital CSS \u2013 A Minimally Invasive Web Framework<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Developers know the pain of recreating code from scratch. Thankfully, the web development community offers a lot in the way of open source and frontend frameworks. Popular frameworks such as Bootstrap work well but can also feel too bloated. Thankfully, there are alternatives and one of my newest favorites is Kernel.css. Read Also: Wing \u2013&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":[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.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Streamline Your Frontend with Kernel.css - The Lightweight Solution - Hongkiat<\/title>\n<meta name=\"description\" content=\"Developers know the pain of recreating code from scratch. Thankfully, the web development community offers a lot in the way of open source and frontend\" \/>\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\/kernelcss-frontend-framework\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Streamline Your Frontend with Kernel.css - The Lightweight Solution\" \/>\n<meta property=\"og:description\" content=\"Developers know the pain of recreating code from scratch. Thankfully, the web development community offers a lot in the way of open source and frontend\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/\" \/>\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-25T10:01:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T11:08:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/kernelcss-frontend-framework\/01-kernel-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\\\/kernelcss-frontend-framework\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Streamline Your Frontend with Kernel.css &#8211; The Lightweight Solution\",\"datePublished\":\"2018-01-25T10:01:51+00:00\",\"dateModified\":\"2023-04-06T11:08:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/\"},\"wordCount\":331,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/kernelcss-frontend-framework\\\/01-kernel-css-framework-homepage.jpg\",\"keywords\":[\"CSS\",\"CSS Frameworks\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/\",\"name\":\"Streamline Your Frontend with Kernel.css - The Lightweight Solution - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/kernelcss-frontend-framework\\\/01-kernel-css-framework-homepage.jpg\",\"datePublished\":\"2018-01-25T10:01:51+00:00\",\"dateModified\":\"2023-04-06T11:08:03+00:00\",\"description\":\"Developers know the pain of recreating code from scratch. Thankfully, the web development community offers a lot in the way of open source and frontend\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/kernelcss-frontend-framework\\\/01-kernel-css-framework-homepage.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/kernelcss-frontend-framework\\\/01-kernel-css-framework-homepage.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/kernelcss-frontend-framework\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Streamline Your Frontend with Kernel.css &#8211; The Lightweight Solution\"}]},{\"@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":"Streamline Your Frontend with Kernel.css - The Lightweight Solution - Hongkiat","description":"Developers know the pain of recreating code from scratch. Thankfully, the web development community offers a lot in the way of open source and frontend","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\/kernelcss-frontend-framework\/","og_locale":"en_US","og_type":"article","og_title":"Streamline Your Frontend with Kernel.css - The Lightweight Solution","og_description":"Developers know the pain of recreating code from scratch. Thankfully, the web development community offers a lot in the way of open source and frontend","og_url":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-01-25T10:01:51+00:00","article_modified_time":"2023-04-06T11:08:03+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/kernelcss-frontend-framework\/01-kernel-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\/kernelcss-frontend-framework\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Streamline Your Frontend with Kernel.css &#8211; The Lightweight Solution","datePublished":"2018-01-25T10:01:51+00:00","dateModified":"2023-04-06T11:08:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/"},"wordCount":331,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/kernelcss-frontend-framework\/01-kernel-css-framework-homepage.jpg","keywords":["CSS","CSS Frameworks"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/","url":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/","name":"Streamline Your Frontend with Kernel.css - The Lightweight Solution - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/kernelcss-frontend-framework\/01-kernel-css-framework-homepage.jpg","datePublished":"2018-01-25T10:01:51+00:00","dateModified":"2023-04-06T11:08:03+00:00","description":"Developers know the pain of recreating code from scratch. Thankfully, the web development community offers a lot in the way of open source and frontend","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/kernelcss-frontend-framework\/01-kernel-css-framework-homepage.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/kernelcss-frontend-framework\/01-kernel-css-framework-homepage.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/kernelcss-frontend-framework\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Streamline Your Frontend with Kernel.css &#8211; The Lightweight Solution"}]},{"@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-bbm","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/42988","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=42988"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/42988\/revisions"}],"predecessor-version":[{"id":65704,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/42988\/revisions\/65704"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=42988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=42988"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=42988"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=42988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}