{"id":23177,"date":"2015-01-26T21:01:56","date_gmt":"2015-01-26T13:01:56","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=23177"},"modified":"2018-04-03T14:28:42","modified_gmt":"2018-04-03T06:28:42","slug":"bootstrap-alternatives","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/","title":{"rendered":"10 Lightweight Alternatives To Bootstrap &#038; Foundation"},"content":{"rendered":"<p>Choosing the <a href=\"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/\">right framework<\/a> that is the perfect fit for your projects could be a little bit overwhelming \u2013 there are <strong>a lot to choose from.<\/strong> Perhaps, you want to go with popular choices like Bootstrap or <a href=\"https:\/\/www.hongkiat.com\/blog\/a-look-into-foundation-4-responsive-framework\/\">Foundation<\/a>, but if your website is going to be a fairly simple one, <strong>you won\u2019t be needing most of the building blocks and materials<\/strong> included in the default package.<\/p>\n<p>The good news is that there are a handful of alternatives that are much leaner than Bootstrap or Foundation. Most of these frameworks ship with <strong>just the right amount of styles and components<\/strong> to help you get started, while allowing you to be able to <a href=\"https:\/\/www.hongkiat.com\/blog\/angularjs-frameworks\/\">extend them<\/a> in the direction you want for your project.<\/p>\n<p>Here are <strong>10 lightweight alternatives to Bootstrap and Foundation<\/strong> that you should use for <strong>building smaller-scale websites<\/strong>.<\/p>\n<p><strong>More on Hongkiat.com:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/www.hongkiat.com\/blog\/twitter-bootstrap\/\">Getting started with Twitter Bootstrap<\/a><\/li>\n<li><a href=\"https:\/\/www.hongkiat.com\/blog\/bootstrap-and-sass\/\">Using Bootstrap 3 With Sass<\/a><\/li>\n<li><a href=\"https:\/\/www.hongkiat.com\/blog\/html-bootstrap-layoutit\/\">Bootstrap Tool: Build HTML Bootstrap Layouts<\/a><\/li>\n<li><a href=\"https:\/\/www.hongkiat.com\/blog\/bootstrap-plugin-modal-window\/\">Working With Bootstrap Plugin: Modal Window<\/a><\/li>\n<li><a href=\"https:\/\/www.hongkiat.com\/blog\/bootstrap-megamenu-yamm3\/\">Bootstrap Tool: Build Megamenu with YAMM3<\/a><\/li>\n<\/ul>\n<h2>1. Skeleton<\/h2>\n<p><a href=\"http:\/\/getskeleton.com\/\">Skeleton<\/a> has finally gotten a facelift. It\u2019s a total revamp from the ground up, and yet it is still as light as it used to be. The new Skeleton grid system now adopts <a href=\"https:\/\/www.lukew.com\/resources\/mobile_first.asp\">mobile-first philosphy<\/a>, which ensures that the layout takes center stage regardless of how small the device screen is.<\/p>\n<p>All components that were included in the earlier version \u2013 buttons, forms and input elements \u2013 are still present but basic typography styles are now set in <code>rem<\/code> unit.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/skeleton.jpg\" width=\"100%\"><\/p>\n<h2>2. CardinalCSS<\/h2>\n<p><a href=\"https:\/\/cardinalcss.com\/\">CardinalCSS<\/a> is a CSS framework built with a focus on performance, readability and most importantly maintainability. CardinalCSS adopts some modern approaches such as mobile-first for shaping up the grid; and CSS Box Model that allows you to easily determine element width and height.<\/p>\n<p>CardinalCSS also comes with a handful of helper classes that allow you to quickly apply styles upon an element, for example, the <code>drop-cap<\/code> which applies the drop-cap effect for the first character in the paragraph.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/cardinal.jpg\" width=\"100%\"><\/p>\n<h2>3. ConciseCSS<\/h2>\n<p><a href=\"https:\/\/concisecss.com\/\">ConciseCSS<\/a> is a CSS framework \u2013 without the bloat. It is a lean framework built on top of Sass, LESS, and Stylus which paves its golden path to CSS maintainability. But, if you prefer plain simple vanilla CSS, you can have that as well.<\/p>\n<p>Similarly, ConciseCSS also comes with base styles for essential elements such as the headings, paragraphs, tables, forms, and a set of helpers class to create button UI.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/concisecss.jpg\" width=\"100%\"><\/p>\n<h2>4. PowertoCSS<\/h2>\n<p>PowertoCSS is lightweight and a solid frontend framework. Class names that are used to build the grid and apply styles are simple and easy to remember e.g. <code>.button<\/code>. You can also add your own theme. Head over to their StarterKit to get started.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/powertocss.jpg\" width=\"100%\"><\/p>\n<h2>5. Furtive<\/h2>\n<p><a href=\"http:\/\/furtive.co\/\">Furtive<\/a> is a mobile-first CSS framework built around the cutting-edge web standards like the use of Flexbox for the grid and <code>rem<\/code> unit for sizing elements (including font size). Furtive retains a small CSS footprint by not supporting older browsers (*cough* Internet Explorer) since they require some CSS hacking. Hence Furtive is a perfect framework if you are designing a website for the future.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/furtive.jpg\" width=\"100%\"><\/p>\n<h2>6. BassCSS<\/h2>\n<p><a href=\"http:\/\/www.basscss.com\/\" rel=\"nofollow\">BassCSS<\/a> offers a lightweight set of base element styles, utilities, layout and color styles, in modular form for buildilng a responsive web application. The SCSS files are included to customize the style easily. You can play with typography, white space, breakpoints, and UI elements.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/basscss.jpg\" width=\"100%\"><\/p>\n<h2>7. Mueller<\/h2>\n<p><a href=\"https:\/\/muellergridsystem.com\/\">Mueller<\/a> is a modular responsive grid system built on top of Sass and Compass. With Mueller, you can build the grid either by adding classes straight to the HTML elements, or if you prefer your HTML elements to be neat and clean, using the <code>grid()<\/code> function. Mueller grid can be used in tandem with the Masonry Javascript library to create a Pinterest-like layout.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/mueller.jpg\" width=\"100%\"><\/p>\n<h2>8. Tuktuk<\/h2>\n<p>Tuktuk is a very unique name for a framework. Compared to Bootstrap or Foundation, Tuktuk is much lighter as it only comes with just the proper amount of components to build a presentable website including for the grid system, basic styling for typography, tables, and a couple of UI like navbar and <em>modals<\/em>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/tuktuk.jpg\" width=\"100%\"><\/p>\n<h2>9. Base<\/h2>\n<p>Base is built on top of LESS and Sass, and it includes only the most essential of components to build websites: the grid and the basic styling of HTML elements. Base does not come with Javascript components, yet it provides great browser compatibility so much so that it works even with IE7.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/base.jpg\" width=\"100%\"><\/p>\n<h2>10. Toast<\/h2>\n<p>The last of our list is <a href=\"https:\/\/daneden.github.io\/Toast\/\">Toast<\/a>. Through the SCSS stylesheet is included in the package, Toast allows you to easily configure the grid class names, the gutter, and even the column-base. For example, if you want the grid to be a 9-base column instead of 12, you can do that. Toast is a minimal CSS framework with very flexible configurations catered to meet your requirements.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/toast.jpg\" width=\"100%\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Choosing the right framework that is the perfect fit for your projects could be a little bit overwhelming \u2013 there are a lot to choose from. Perhaps, you want to go with popular choices like Bootstrap or Foundation, but if your website is going to be a fairly simple one, you won\u2019t be needing most&hellip;<\/p>\n","protected":false},"author":141,"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":[2289],"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>10 Lightweight Alternatives To Bootstrap &amp; Foundation - Hongkiat<\/title>\n<meta name=\"description\" content=\"Choosing the right framework that is the perfect fit for your projects could be a little bit overwhelming &ndash; there are a lot to choose from. Perhaps,\" \/>\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\/bootstrap-alternatives\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Lightweight Alternatives To Bootstrap &amp; Foundation\" \/>\n<meta property=\"og:description\" content=\"Choosing the right framework that is the perfect fit for your projects could be a little bit overwhelming &ndash; there are a lot to choose from. Perhaps,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/\" \/>\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=\"2015-01-26T13:01:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-04-03T06:28:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/skeleton.jpg\" \/>\n<meta name=\"author\" content=\"Agus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bagusdesain\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Agus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/\"},\"author\":{\"name\":\"Agus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/b23dad06815dff0bcc222088bed549dd\"},\"headline\":\"10 Lightweight Alternatives To Bootstrap &#038; Foundation\",\"datePublished\":\"2015-01-26T13:01:56+00:00\",\"dateModified\":\"2018-04-03T06:28:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/\"},\"wordCount\":794,\"commentCount\":35,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/bootstrap-alternatives\\\/skeleton.jpg\",\"keywords\":[\"Bootstrap\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/\",\"name\":\"10 Lightweight Alternatives To Bootstrap & Foundation - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/bootstrap-alternatives\\\/skeleton.jpg\",\"datePublished\":\"2015-01-26T13:01:56+00:00\",\"dateModified\":\"2018-04-03T06:28:42+00:00\",\"description\":\"Choosing the right framework that is the perfect fit for your projects could be a little bit overwhelming &ndash; there are a lot to choose from. Perhaps,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/bootstrap-alternatives\\\/skeleton.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/bootstrap-alternatives\\\/skeleton.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bootstrap-alternatives\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Lightweight Alternatives To Bootstrap &#038; Foundation\"}]},{\"@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\\\/b23dad06815dff0bcc222088bed549dd\",\"name\":\"Agus\",\"description\":\"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/bagusdesain\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/agus\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"10 Lightweight Alternatives To Bootstrap & Foundation - Hongkiat","description":"Choosing the right framework that is the perfect fit for your projects could be a little bit overwhelming &ndash; there are a lot to choose from. Perhaps,","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\/bootstrap-alternatives\/","og_locale":"en_US","og_type":"article","og_title":"10 Lightweight Alternatives To Bootstrap & Foundation","og_description":"Choosing the right framework that is the perfect fit for your projects could be a little bit overwhelming &ndash; there are a lot to choose from. Perhaps,","og_url":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-01-26T13:01:56+00:00","article_modified_time":"2018-04-03T06:28:42+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/skeleton.jpg","type":"","width":"","height":""}],"author":"Agus","twitter_card":"summary_large_image","twitter_creator":"@bagusdesain","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Agus","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/"},"author":{"name":"Agus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/b23dad06815dff0bcc222088bed549dd"},"headline":"10 Lightweight Alternatives To Bootstrap &#038; Foundation","datePublished":"2015-01-26T13:01:56+00:00","dateModified":"2018-04-03T06:28:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/"},"wordCount":794,"commentCount":35,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/skeleton.jpg","keywords":["Bootstrap"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/","url":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/","name":"10 Lightweight Alternatives To Bootstrap & Foundation - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/skeleton.jpg","datePublished":"2015-01-26T13:01:56+00:00","dateModified":"2018-04-03T06:28:42+00:00","description":"Choosing the right framework that is the perfect fit for your projects could be a little bit overwhelming &ndash; there are a lot to choose from. Perhaps,","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/skeleton.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/bootstrap-alternatives\/skeleton.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"10 Lightweight Alternatives To Bootstrap &#038; Foundation"}]},{"@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\/b23dad06815dff0bcc222088bed549dd","name":"Agus","description":"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.","sameAs":["https:\/\/x.com\/bagusdesain"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/agus\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-61P","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23177","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\/141"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=23177"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23177\/revisions"}],"predecessor-version":[{"id":43510,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23177\/revisions\/43510"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=23177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=23177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=23177"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=23177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}