{"id":19512,"date":"2014-03-12T18:01:49","date_gmt":"2014-03-12T10:01:49","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=19512"},"modified":"2025-04-04T01:42:52","modified_gmt":"2025-04-03T17:42:52","slug":"codekit-2","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/","title":{"rendered":"What&#8217;s New In Codekit 2"},"content":{"rendered":"<p><strong><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codekitapp.com\/\">Codekit<\/a><\/strong> 2 was released a few weeks ago, and as expected, there are some big changes in this new version. For those of you who\u2019ve just heard of it, <strong>Codekit<\/strong> is an <strong>application that puts together a number of modern web development tools<\/strong> including <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/sass-lang.com\/\">Sass<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/lesscss.org\/\">LESS<\/a>, Jade, Kit, JavaScript mangler (Uglify.js), and JavaScript <em>linters<\/em> (<a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.jslint.com\/\">JSLint<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jshint.com\/\">JSHint<\/a>).<\/p>\n<p>With  the refreshing new user interface design and new icon, Codekit 2 also brings a bunch of new features under the hood. We\u2019ve got our hands on it, and  will show you how  Codekit 2  can benefit  your web development process, making it more efficient. Let\u2019s check it out.<\/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\/kit-language\/\" class=\"ref-block__link\" title=\"Read More: A look Into: The Kit Language\" rel=\"bookmark\"><span class=\"screen-reader-text\">A look Into: The Kit Language<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/kit-language.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-19295 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/kit-language.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">A look Into: The Kit Language<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tLet's say you were building prototypes for a website with HTML files. You have about 10 HTML pages...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Built-in Server<\/h2>\n<p>Codekit is able to <strong>automatically reload the page on the browser<\/strong>; so as soon as you make a change within your project files, you will immediately see the result, giving you the experience of <strong>live editing<\/strong>.<\/p>\n<p>But there is one problem in Codekit 1 that I had always encountered. If you do not configure the settings properly, you could end up making Codekit refresh the page, including other pages that are not part of your project.<\/p>\n<p>This disrupts other activities you have running on other pages, because <strong>Codekit refreshed all opened pages<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/built-in-server.jpg\" height=\"120\" width=\"500\" alt=\"built in server\"><\/figure>\n<p>In version 2, Codekit solves this by introducing a <strong>built-in server<\/strong>. When you launch it, you will notice a green light at the top right of the application window, showing that the server is \u201con\u201d. Click on it, and you will see the server information such as: the Port number, and the address to access your project through the server.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/server-status.jpg\" height=\"280\" width=\"500\" alt=\"server status\"><\/figure>\n<p>You can use the address to <strong>access your project on any device<\/strong> within the same network. There are two given address formats; one with a nice name, and one with your network IP address format, which you can use in devices (most likely Android) that do not support Bonjour.<\/p>\n<p>So, you now have to serve your pages within the browser through this address, like so.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/bonjour-address.jpg\" alt=\"bonjour address\" height=\"150\" width=\"500\"><\/figure>\n<h3>Tip: Change the Address<\/h3>\n<p>The nice-name-address format is derived from your computer name. So, if your computer name is \u201cJohn Doe\u2019s Macbook\u201d, you will likely get a long address in return, something like <code>http:\/\/john-doe-macbook.local:5757<\/code>. To change it, go to <strong>OSX System Preference &gt; Sharing<\/strong>, then change the <strong>Computer Name<\/strong> to something shorter.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/computer-name.jpg\" height=\"150\" width=\"500\" alt=\"computer name\"><\/figure>\n<h2>Bower Components<\/h2>\n<p>The second feature that we\u2019re going to take a look at is the Bower Component. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/bower.io\/\">Bower<\/a> is a <strong>package manager for web development <\/strong>\u2014 it is similar to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/brew.sh\/\">Homebrew<\/a> for OSX package manager. There are a bunch of packages that you can find through the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/bower.io\/search\/\">Bower registry<\/a> including Bootstrap, jQuery, and Normalize.css.<\/p>\n<p>In Codekit 2, you can now install Bower packages directly through it. Go to the<strong> Assets<\/strong> menu (positioned at the left side of <strong>Server<\/strong> menu). The Codekit author has listed a few selected packages under the <strong>Favorites<\/strong> tab.<\/p>\n<p>The complete list can be found under the Components tab, and all installed components will go in the <strong>Installed<\/strong> Tab.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/bower.jpg\" height=\"320\" width=\"500\" alt=\"bower\"><\/figure>\n<p>This would be very useful to start off a new project. If you need Normalize.css for example, you can install it through Codekit, then import it using the <code>@import<\/code> rule from your stylesheets, like so.<\/p>\n<pre>\r\n@import (inline) \"bower_components\/normalize-css\/normalize.css\";\r\n<\/pre>\n<p>If a new version is available for it, you can simply update it through Codekit too, like so.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/update-bower.jpg\" height=\"267\" width=\"500\" alt=\"update bower\"><\/figure>\n<h2>Zurb Foundation Project<\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/get.foundation\/\">Foundation<\/a> is one of the more popular responsive frameworks, making it sort of a contender for Bootstrap. In Codekit 1, you can easily setup a Compass project with a few clicks, but setting up a Foundation project could be a bit of hassle, as it uses customized <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/saas-compass\/\" rel=\"noopener\">Sass\/Compass<\/a> binary.<\/p>\n<p>In version 2, it is simplified. You can just go to <strong>File &gt; New Zurb Foundation Project<\/strong> and you are all set.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/new-zurb.jpg\" height=\"230\" width=\"500\" alt=\"zurb\"><\/figure>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-2\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/a-look-into-foundation-4-responsive-framework\/\" class=\"ref-block__link\" title=\"Read More: A look into: Foundation 4 Responsive Framework\" rel=\"bookmark\"><span class=\"screen-reader-text\">A look into: Foundation 4 Responsive Framework<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/a-look-into-foundation-4-responsive-framework.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-17775 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/a-look-into-foundation-4-responsive-framework.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">A look into: Foundation 4 Responsive Framework<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tZURB has recently released a new version of their popular responsive framework, Foundation. In this version, they've made...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Final Thought<\/h2>\n<p>These new features make Codekit 2 a superior application for web development, and Codekit 1 now seems outdated by comparison. Note that Codekit is an <strong>OSX-only app<\/strong>.<\/p>\n<p>If you are running on a Windows machine, you can try <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/prepros.io\/\">Prepros<\/a>, which also offers similar functionalities (minus the Kit language support, I think). Alternatively, you can also try <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gruntjs.com\/\">GruntJS<\/a>, Prepros or Koala so long as they get the job done.<\/p>","protected":false},"excerpt":{"rendered":"<p>Codekit 2 was released a few weeks ago, and as expected, there are some big changes in this new version. For those of you who\u2019ve just heard of it, Codekit is an application that puts together a number of modern web development tools including Sass, LESS, Jade, Kit, JavaScript mangler (Uglify.js), and JavaScript linters (JSLint&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":[4117,1980,2190],"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>What&#039;s New In Codekit 2 - Hongkiat<\/title>\n<meta name=\"description\" content=\"Codekit 2 was released a few weeks ago, and as expected, there are some big changes in this new version. For those of you who&#039;ve just heard of it, Codekit\" \/>\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\/codekit-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What&#039;s New In Codekit 2\" \/>\n<meta property=\"og:description\" content=\"Codekit 2 was released a few weeks ago, and as expected, there are some big changes in this new version. For those of you who&#039;ve just heard of it, Codekit\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/codekit-2\/\" \/>\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=\"2014-03-12T10:01:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T17:42:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/built-in-server.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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"What&#8217;s New In Codekit 2\",\"datePublished\":\"2014-03-12T10:01:49+00:00\",\"dateModified\":\"2025-04-03T17:42:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/\"},\"wordCount\":693,\"commentCount\":13,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/codekit-2\\\/built-in-server.jpg\",\"keywords\":[\"Javascripts\",\"Less\",\"sass\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/\",\"name\":\"What's New In Codekit 2 - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/codekit-2\\\/built-in-server.jpg\",\"datePublished\":\"2014-03-12T10:01:49+00:00\",\"dateModified\":\"2025-04-03T17:42:52+00:00\",\"description\":\"Codekit 2 was released a few weeks ago, and as expected, there are some big changes in this new version. For those of you who've just heard of it, Codekit\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/codekit-2\\\/built-in-server.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/codekit-2\\\/built-in-server.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/codekit-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What&#8217;s New In Codekit 2\"}]},{\"@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":"What's New In Codekit 2 - Hongkiat","description":"Codekit 2 was released a few weeks ago, and as expected, there are some big changes in this new version. For those of you who've just heard of it, Codekit","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\/codekit-2\/","og_locale":"en_US","og_type":"article","og_title":"What's New In Codekit 2","og_description":"Codekit 2 was released a few weeks ago, and as expected, there are some big changes in this new version. For those of you who've just heard of it, Codekit","og_url":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-03-12T10:01:49+00:00","article_modified_time":"2025-04-03T17:42:52+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/built-in-server.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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"What&#8217;s New In Codekit 2","datePublished":"2014-03-12T10:01:49+00:00","dateModified":"2025-04-03T17:42:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/"},"wordCount":693,"commentCount":13,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/built-in-server.jpg","keywords":["Javascripts","Less","sass"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/codekit-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/","url":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/","name":"What's New In Codekit 2 - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/built-in-server.jpg","datePublished":"2014-03-12T10:01:49+00:00","dateModified":"2025-04-03T17:42:52+00:00","description":"Codekit 2 was released a few weeks ago, and as expected, there are some big changes in this new version. For those of you who've just heard of it, Codekit","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/codekit-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/built-in-server.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/codekit-2\/built-in-server.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/codekit-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What&#8217;s New In Codekit 2"}]},{"@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-54I","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19512","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=19512"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19512\/revisions"}],"predecessor-version":[{"id":73664,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19512\/revisions\/73664"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=19512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=19512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=19512"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=19512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}