{"id":18661,"date":"2013-11-18T18:01:17","date_gmt":"2013-11-18T10:01:17","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=18661"},"modified":"2023-06-26T20:45:09","modified_gmt":"2023-06-26T12:45:09","slug":"sublime-text-color-addition","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/","title":{"rendered":"Easy Color Picking in Sublime Text"},"content":{"rendered":"<p>If you have been accustomed to a <a href=\"https:\/\/www.hongkiat.com\/blog\/free-code-editors-reviewed\/\">code editor<\/a> that comes with GUI buttons, Sublime Text being a plain simple code editor with minimal buttons, may frustrate you. For example, when adding Color, I usually end up running <a href=\"https:\/\/www.hongkiat.com\/blog\/11-free-alternatives-softwares-to-adobe-photoshop\/\">another<\/a> <a href=\"https:\/\/www.hongkiat.com\/blog\/11-free-alternatives-softwares-to-adobe-photoshop\/\">application<\/a> \u2013 Photoshop or Colorzilla \u2013 for just getting color codes.<\/p>\n<p>But wouldn\u2019t our workflow be more streamlined if we were able to <strong>pick up colors without having to leave Sublime Text?<\/strong> If you are facing this same problem, we have a tip for you in the form of a plugin.<\/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>ColorPicker<\/h2>\n<p><a rel=\"nofollow noopener\" href=\"https:\/\/github.com\/weslly\/ColorPicker\">Color Picker<\/a> is a Sublime Text plugin by Weslly Honorato. This plugin is cross-platform; it works in Windows, macOS, and Linux.<\/p>\n<p>Once installed, go to the Command Palette in Sublime Text by hitting the <span class=\"key\">Command<\/span> + <span class=\"key\">Shift<\/span> + <span class=\"key\">P<\/span> or (<span class=\"key\">Ctrl<\/span> + <span class=\"key\">Shift<\/span> + <span class=\"key\">P<\/span> for Windows). Then search for ColorPicker.<\/p>\n<p>Or you can do it faster just by pressing <span class=\"key\">Command<\/span> + <span class=\"key\">Shift<\/span> + <span class=\"key\">C<\/span>. This will open the native color picker from your OS. This screenshot below shows the color picker in OS X.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-color-addition\/color-picker.jpg\" width=\"500\" height=\"300\"><\/figure>\n<p>If you are on Windows and Linux, the UI will be different.<\/p>\n<p>Select the color, and hit the <strong>Pick<\/strong> button, and the color will be inserted into Sublime Text in Hex color format, like so.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-color-addition\/pick-the-color.jpg\" width=\"500\" height=\"300\"><\/figure>\n<h3>HEX To RGB Converter<\/h3>\n<p>Note that this tool only generates HEX color format. So if you need RGB format, you will need to install one more plugin that helps you convert HEX color format to RGB color format.<\/p>\n<p>Go to Package Control and install <a rel=\"nofollow noopener\" href=\"https:\/\/github.com\/vitorleal\/hex-2-rgb\">HEX to RGB Converter<\/a> by Vitor Leal. Once installed, select the Hex color number and hit <span class=\"key\">Shift<\/span> + <span class=\"key\">Cmd<\/span> + <span class=\"key\">R<\/span> to get the RGB code.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-color-addition\/rgb-color.jpg\" width=\"500\" height=\"180\"><\/figure>\n<h3>Color Highlighter<\/h3>\n<p>Another plugin that will be very helpful is <a rel=\"nofollow noopener\" href=\"https:\/\/github.com\/Monnoroch\/ColorHighlighter\">Color Highlighter<\/a>. Don\u2019t confuse this with Syntax Highlighter, Color Highlighter will let you preview <strong>the color<\/strong> when you selet the color code number. Here is what it looks like.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-color-addition\/color-highlighter.jpg\" width=\"500\" height=\"180\"><\/figure>\n<p>This plugin supports HEX, RGB, and RGBA color formats.<\/p>\n<h2>More<\/h2>\n<p>Here are more posts related to Sublime Text we have previously posted:<\/p>\n<ul>\n<li> <a href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-refresh-browser\/\">How to Refresh Changes On Browser with Sublime Text<\/a> <\/li>\n<li> <a href=\"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/\">Snippets in Sublime Text<\/a> <\/li>\n<li> <a href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-task-management\/\">Manage Notes and Lists With Sublime Text<\/a> <\/li>\n<li> <a href=\"https:\/\/www.hongkiat.com\/blog\/identify-code-errors-sublime-linter\/\">Identify Code Error In Sublime Text With Sublime Linter<\/a> <\/li>\n<li> <a href=\"https:\/\/www.hongkiat.com\/blog\/css-automatic-vendor-prefix\/\">Adding CSS Vendor Prefix Automatically with Sublime Text<\/a> <\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>If you have been accustomed to a code editor that comes with GUI buttons, Sublime Text being a plain simple code editor with minimal buttons, may frustrate you. For example, when adding Color, I usually end up running another application \u2013 Photoshop or Colorzilla \u2013 for just getting color codes. But wouldn\u2019t our workflow be&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":[352],"tags":[1833,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>Easy Color Picking in Sublime Text - Hongkiat<\/title>\n<meta name=\"description\" content=\"If you have been accustomed to a code editor that comes with GUI buttons, Sublime Text being a plain simple code editor with minimal buttons, may\" \/>\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\/sublime-text-color-addition\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Easy Color Picking in Sublime Text\" \/>\n<meta property=\"og:description\" content=\"If you have been accustomed to a code editor that comes with GUI buttons, Sublime Text being a plain simple code editor with minimal buttons, may\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/\" \/>\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-18T10:01:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-26T12:45:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-color-addition\/color-picker.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\\\/sublime-text-color-addition\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Easy Color Picking in Sublime Text\",\"datePublished\":\"2013-11-18T10:01:17+00:00\",\"dateModified\":\"2023-06-26T12:45:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/\"},\"wordCount\":382,\"commentCount\":8,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-color-addition\\\/color-picker.jpg\",\"keywords\":[\"Color Tools\",\"sublime text\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/\",\"name\":\"Easy Color Picking in Sublime Text - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-color-addition\\\/color-picker.jpg\",\"datePublished\":\"2013-11-18T10:01:17+00:00\",\"dateModified\":\"2023-06-26T12:45:09+00:00\",\"description\":\"If you have been accustomed to a code editor that comes with GUI buttons, Sublime Text being a plain simple code editor with minimal buttons, may\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-color-addition\\\/color-picker.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-color-addition\\\/color-picker.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-color-addition\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Easy Color Picking 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":"Easy Color Picking in Sublime Text - Hongkiat","description":"If you have been accustomed to a code editor that comes with GUI buttons, Sublime Text being a plain simple code editor with minimal buttons, may","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\/sublime-text-color-addition\/","og_locale":"en_US","og_type":"article","og_title":"Easy Color Picking in Sublime Text","og_description":"If you have been accustomed to a code editor that comes with GUI buttons, Sublime Text being a plain simple code editor with minimal buttons, may","og_url":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-11-18T10:01:17+00:00","article_modified_time":"2023-06-26T12:45:09+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-color-addition\/color-picker.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\/sublime-text-color-addition\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Easy Color Picking in Sublime Text","datePublished":"2013-11-18T10:01:17+00:00","dateModified":"2023-06-26T12:45:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/"},"wordCount":382,"commentCount":8,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-color-addition\/color-picker.jpg","keywords":["Color Tools","sublime text"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/","url":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/","name":"Easy Color Picking in Sublime Text - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-color-addition\/color-picker.jpg","datePublished":"2013-11-18T10:01:17+00:00","dateModified":"2023-06-26T12:45:09+00:00","description":"If you have been accustomed to a code editor that comes with GUI buttons, Sublime Text being a plain simple code editor with minimal buttons, may","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-color-addition\/color-picker.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-color-addition\/color-picker.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Easy Color Picking 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-4QZ","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18661","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=18661"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18661\/revisions"}],"predecessor-version":[{"id":67766,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18661\/revisions\/67766"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=18661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=18661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=18661"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=18661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}