{"id":18638,"date":"2013-11-14T18:01:05","date_gmt":"2013-11-14T10:01:05","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=18638"},"modified":"2025-04-04T01:38:21","modified_gmt":"2025-04-03T17:38:21","slug":"identify-code-errors-sublime-linter","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/","title":{"rendered":"How to Identify Code Errors in Sublime Text"},"content":{"rendered":"<p>Writing code for hours only to find that it returns errors is one of the most distressing things about a developer\u2019s life. This is made worse when we have no idea what went wrong. And when things go wrong, developers cope in every way they can (check out Jake\u2019s post for <a href=\"https:\/\/www.hongkiat.com\/blog\/things-programmers-say\/\">30 common ways we deal with code errors<\/a>).<\/p>\n<p>However, if you write code with Sublime Text, here is a small tip to minimize this frequent problem and stop you from giving up coding.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/\" class=\"ref-block__link\" title=\"Read More: Streamlining Your Workflow with Code Snippets in Sublime Text\" rel=\"bookmark\"><span class=\"screen-reader-text\">Streamlining Your Workflow with Code Snippets in Sublime Text<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/sublime-code-snippets.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-17378 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/sublime-code-snippets.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Streamlining Your Workflow with Code Snippets in Sublime Text<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tAs developers, we often find ourselves reusing the same pieces of code multiple times. One efficient way to...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Lint and Linters<\/h2>\n<p>In programming, \u201clint\u201d refers to the process of analyzing potential errors or bugs within the code. A <strong>linter<\/strong> is the tool used for <strong>linting<\/strong>. There are numerous linters available for almost any language, such as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.jslint.com\/\">JS<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.icosaedro.it\/phplint\/\">PHP<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/findbugs.sourceforge.net\/\">Java<\/a>, and even <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/csslint.net\/\">CSS<\/a>.<\/p>\n<p>By <strong>linting<\/strong>, you can not only minimize errors and bugs, but also become a better coder as it encourages you to follow standard rules and best practices in writing code. Fortunately, there is a Sublime Text plugin that packs all these linters into one package, allowing you to lint various codes seamlessly.<\/p>\n<h3>Installing SublimeLinter<\/h3>\n<p>First, you need to install <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/packagecontrol.io\">Package Control<\/a> for the easiest way to install Sublime Text plugins. If you have it installed, press <span class=\"key\">Shift<\/span> + <span class=\"key\">Command<\/span> + <span class=\"key\">P<\/span> and search for \u201c<strong>Install Package<\/strong>\u201c. This will load the package repository.<\/p>\n<p>Once loaded, search for <strong>SublimeLinter<\/strong>, and press <span class=\"key\">Enter<\/span> to install.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/identify-code-errors-sublime-linter\/install-linter.jpg\" alt=\"install linter\" width=\"500\" height=\"250\"><\/figure>\n<h3>Adjusting When Linting Happens<\/h3>\n<p>By default, the linting process runs in the background as you write the code. For a more convenient experience, I suggest changing this behavior (but if you are fine with the current setting, feel free to skip ahead).<\/p>\n<p>Go to <strong>Preferences &gt; Package Settings &gt; SublimeLinter &gt; Settings \u2013 User<\/strong>, which opens in a new tab.<\/p>\n<p>Then, add the following line to ensure that linting only occurs upon saving a file.<\/p>\n<pre>\r\n{\r\n  \"sublimelinter\": \"save-only\"\r\n}\r\n<\/pre>\n<h2>Linting CSS<\/h2>\n<p>Now, let\u2019s try it out with our code, starting with <strong>CSS<\/strong>. We have the following adjoining class selector without the closing curly bracket.<\/p>\n<pre>\r\n.class.anotherclass {\r\n  border-radius: 5px;\r\n<\/pre>\n<p>After saving the file, it turns out that I got 1 caution and 1 warning.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/identify-code-errors-sublime-linter\/css-errors.jpg\" alt=\"CSS errors\" width=\"500\" height=\"150\"><\/figure>\n<p>The error message can be found in the status bar, to the left of the line number, marked with a warning sign. In my example, it notified me of the missing curly bracket and also advised me to avoid using adjoining class selectors as they have some issues in Internet Explorer 6.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/identify-code-errors-sublime-linter\/error-message.jpg\" alt=\"error message\" width=\"500\" height=\"150\"><\/figure>\n<h2>Linting JavaScript<\/h2>\n<p>Next, let\u2019s try this with JavaScript. This time we have the following JavaScript function taken from <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.w3schools.com\/js\/tryit.asp?filename=tryjs_ifthen\">W3School<\/a>. I have introduced errors into it by removing the semicolons, something programmers often forget to do.<\/p>\n<pre>\r\nfunction myFunction() {\r\n  var x = \"\"\r\n  var time = new Date().getHours();\r\n  if (time &lt;= 20) {\r\n    x = \"Good day\"\r\n  }\r\n  document.getElementById(\"demo\").innerHTML = x\r\n}\r\n<\/pre>\n<p>After saving the file, (ta-da) yes, I am missing a few semicolons.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/identify-code-errors-sublime-linter\/js-errors.jpg\" alt=\"JavaScript errors\" width=\"500\" height=\"150\"><\/figure>\n<h2>Final Thought<\/h2>\n<p>If you are coding with Sublime Text, I think SublimeLinter is a must-install plugin. Not only does it help cut down on the time you need to find errors in your code, but it also helps you become a better coder in the long run.<\/p>","protected":false},"excerpt":{"rendered":"<p>Writing code for hours only to find that it returns errors is one of the most distressing things about a developer\u2019s life. This is made worse when we have no idea what went wrong. And when things go wrong, developers cope in every way they can (check out Jake\u2019s post for 30 common ways we&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3392],"tags":[2499],"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.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Identify Code Errors in Sublime Text - Hongkiat<\/title>\n<meta name=\"description\" content=\"Writing code for hours only to find that it returns errors is one of the most distressing things about a developer&#039;s life. This is made worse when we have\" \/>\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\/identify-code-errors-sublime-linter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Identify Code Errors in Sublime Text\" \/>\n<meta property=\"og:description\" content=\"Writing code for hours only to find that it returns errors is one of the most distressing things about a developer&#039;s life. This is made worse when we have\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/\" \/>\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=\"2013-11-14T10:01:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T17:38:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/identify-code-errors-sublime-linter\/install-linter.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"How to Identify Code Errors in Sublime Text\",\"datePublished\":\"2013-11-14T10:01:05+00:00\",\"dateModified\":\"2025-04-03T17:38:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/\"},\"wordCount\":499,\"commentCount\":26,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/identify-code-errors-sublime-linter\\\/install-linter.jpg\",\"keywords\":[\"sublime text\"],\"articleSection\":[\"Coding\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/\",\"name\":\"How to Identify Code Errors in Sublime Text - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/identify-code-errors-sublime-linter\\\/install-linter.jpg\",\"datePublished\":\"2013-11-14T10:01:05+00:00\",\"dateModified\":\"2025-04-03T17:38:21+00:00\",\"description\":\"Writing code for hours only to find that it returns errors is one of the most distressing things about a developer's life. This is made worse when we have\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/identify-code-errors-sublime-linter\\\/install-linter.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/identify-code-errors-sublime-linter\\\/install-linter.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/identify-code-errors-sublime-linter\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Identify Code Errors in Sublime Text\"}]},{\"@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\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Identify Code Errors in Sublime Text - Hongkiat","description":"Writing code for hours only to find that it returns errors is one of the most distressing things about a developer's life. This is made worse when we have","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\/identify-code-errors-sublime-linter\/","og_locale":"en_US","og_type":"article","og_title":"How to Identify Code Errors in Sublime Text","og_description":"Writing code for hours only to find that it returns errors is one of the most distressing things about a developer's life. This is made worse when we have","og_url":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-11-14T10:01:05+00:00","article_modified_time":"2025-04-03T17:38:21+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/identify-code-errors-sublime-linter\/install-linter.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"How to Identify Code Errors in Sublime Text","datePublished":"2013-11-14T10:01:05+00:00","dateModified":"2025-04-03T17:38:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/"},"wordCount":499,"commentCount":26,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/identify-code-errors-sublime-linter\/install-linter.jpg","keywords":["sublime text"],"articleSection":["Coding"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/","url":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/","name":"How to Identify Code Errors in Sublime Text - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/identify-code-errors-sublime-linter\/install-linter.jpg","datePublished":"2013-11-14T10:01:05+00:00","dateModified":"2025-04-03T17:38:21+00:00","description":"Writing code for hours only to find that it returns errors is one of the most distressing things about a developer's life. This is made worse when we have","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/identify-code-errors-sublime-linter\/install-linter.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/identify-code-errors-sublime-linter\/install-linter.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Identify Code Errors in Sublime Text"}]},{"@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\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-4QC","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18638","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\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=18638"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18638\/revisions"}],"predecessor-version":[{"id":73634,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18638\/revisions\/73634"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=18638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=18638"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=18638"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=18638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}