{"id":18039,"date":"2013-09-03T23:01:13","date_gmt":"2013-09-03T15:01:13","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=18039"},"modified":"2025-04-21T18:08:47","modified_gmt":"2025-04-21T10:08:47","slug":"designers-developers-monthly-09-2013","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (September 2013)"},"content":{"rendered":"<p>Four months to go before we revisit another round of <a href=\"https:\/\/www.hongkiat.com\/blog\/new-year-resolution-ios-apps\/\">New Year\u2019s resolutions<\/a>. In the meantime, let\u2019s see what\u2019s in store for September\u2019s roundup of fresh resources for designers and developers like you.<\/p>\n<p>In this list, we\u2019ve got a Photoshop plugin that allows you to create a new open image format called WebP, a source for free illustrations, and another for free hi-res photos, a tool that presents your app in a device mockup without using Photoshop, and <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">many other great resources<\/a>.<\/p>\n<p><strong>Let\u2019s check them out.<\/strong><\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-18039-1\">\n\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\" target=\"_blank\" class=\"ref-block__link\" title=\"Read More: Click Here for More Resources\" rel=\"bookmark\"><span class=\"screen-reader-text\">Click Here for More Resources<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/related\/tag-fresh-resources-developers.jpg\" }'>\n\t\t\t<noscript>\n<style>.no-js #ref-block-tax-18039-1 .ref-block__thumbnail {\n\t\t\t\t\tbackground-image: url( \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/related\/tag-fresh-resources-developers.jpg\" );\n\t\t\t\t}<\/style>\n<p>\t\t\t<\/p><\/noscript>\n\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Click Here for More Resources<\/h4>\n<div class=\"ref-description\">\n<p>Check out our complete collection of hand-picked tools for designers and developers.<\/p>\n<\/div><\/div>\n<\/div>\n<hr>\n<h2>CSSComb<\/h2>\n<p>CSSComb is a tool for sorting CSS properties so that they are more <strong>organized, readable, and easy to maintain<\/strong>. You can set your own rules on how it should sort the properties. CSSComb supports CSS3 and CSS Pre-processor \u2013 <a href=\"https:\/\/www.hongkiat.com\/blog\/sass-vs-less\/\">LESS and Sass<\/a>. It is available as <strong>web tool, and also plugins<\/strong> for several code editors like Sublime Text, TextMate, Coda, and Notepad++.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/csscomb.jpg\" width=\"600\" alt=\"CSSComb\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/livestyle.emmet.io\/\">Emmet LiveStyle<\/a><\/h2>\n<p>Tools such as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tools.jboss.org\/features\/livereload.html\">LiveReload<\/a> lets us see the changes we\u2019ve made to our CSS,  on the browser instantly. Emmet LiveStyle takes this process a step further via bi-directional live editing. That means we can do Live Editing both from <strong>within the browser and the code editor without any page refresh and file saving<\/strong>. Watch it in action in this video: <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/watch?v=iQLhGbkupS4\">Emmet LiveStyle sneak peak<\/a>.<\/p>\n<p class=\"recommended_top\"><strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-refresh-browser\/\">How To Refresh Changes On Browser With Sublime Text<\/a><\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"404\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/emmet-livestyle.jpg\" width=\"600\" alt=\"Emmet LiveStyle\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/telegraphics.com.au\/sw\/product\/WebPFormat\">WebP Photoshop Plugin<\/a><\/h2>\n<p>Site developers have been paying attention to high-definition image quality and its impact on website loading performance. To address this situation, Google introduced a <strong>new open image format called WebP<\/strong>. Compared to PNG and JPEG, WebP can be<strong> smaller by 26-39% while still maintaining the quality<\/strong> of the image.<\/p>\n<p>A full list of application and operating system that supports WebP image format can be found <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/WebP#Support\">here<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/caniuse.com\/webp\">here<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/webp-format.jpg\" width=\"600\" alt=\"WebP Format\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/Uninen\/SVGeneration\">SVGeneration<\/a><\/h2>\n<p>SVGeneration is a <strong>patterns generator for SVG<\/strong>. As we have discussed in our <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/svg\/\">previous post series<\/a>, SVG is one of the way to go to <strong>serve graphics for HD screens<\/strong>. And now, with the SVGeneration tool, creating a background pattern with SVG is made a lot easier.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"407\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/svgeneration.jpg\" width=\"600\" alt=\"SVGeneration\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mockuphone.com\/\">MockupPhone<\/a><\/h2>\n<p>There are many free PSD files to present your mobile app design or prototype in a phone or tablet mockup. But, that means it requires Photoshop to use the file as it is a PSD. In the case where <strong>Photoshop is not available<\/strong>, you can <strong>use MockupPhone as your alternative<\/strong>. At the time of the writing, you can choose iPhone, iPad, Galaxy, Nexus, and Lumia mockup.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"398\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/mockuphone.jpg\" width=\"600\" alt=\"MockupPhone\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/koala-app.com\/\">KoalaApp<\/a><\/h2>\n<p>KoalaApp is a <strong>GUI application for compiling LESS, Sass, Compass and CoffeeScript<\/strong>. Unlike Codekit (a similar application), which only runs on OS X, KoalaApp can be run on <strong>Windows, OS X and Linux.<\/strong><\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/koalaapp.jpg\" width=\"600\" alt=\"KoalaApp\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/unsplash.com\/\">Unsplash<\/a><\/h2>\n<p>Unsplash is a <strong>collection of free HD images<\/strong>. The collections are really fantastic, and it can really give a good impact on your design prototype look. So, if you are looking for great images, Unsplash is one of the sites to go to. Worth-bookmarking and checking it regularly as there will be <strong>10 new high-resolution photos every 10 days.<\/strong><\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/unsplash.jpg\" width=\"600\" alt=\"Unsplash\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/reimund\/Tych-Panel\">TychPanel<\/a><\/h2>\n<p>We see the trend in social sites where photos are displayed in a box side-by-side or top-bottom in one frame. TychPanel is an extension that allows you to do the same thing automatically in Photoshop. Even better, you can <strong>create your own layout and boxes<\/strong>, adjust background colors, width and height.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/tych-panel-2.jpg\" width=\"600\" alt=\"Tych Panel\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.blakeperdue.com\/ios7-wireframe-kit\/\">iOS7 Wireframe Kit for Illustrator<\/a><\/h2>\n<p>For some designers, they may choose Illustrator over Photoshop (or Fireworks) for <strong>creating an app design prototype<\/strong>. If you are the one, you probably need this bookmarked and saved, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.blakeperdue.com\/ios7-wireframe-kit\/\">iOS Wireframe for Illustrator<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"410\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/ios7-wireframe.jpg\" width=\"600\" alt=\"iOS7 Wireframe\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1083617-430-FREE-storyboard-illustrations\">Story Board Illustration<\/a><\/h2>\n<p>Julian Burford, a designer and illustrator from Netherland shared for more than <strong>430 illustrations in AI format that can be useful for creating sketches and storyboards.<\/strong> I can say that this is one of the great free stuff every designer should bookmark. Head over to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1083617-430-FREE-storyboard-illustrations\">his Dribbble page<\/a> to download the file.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"376\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/illustration-sketches.jpg\" width=\"600\" alt=\"Story Board Illustration\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>Four months to go before we revisit another round of New Year\u2019s resolutions. In the meantime, let\u2019s see what\u2019s in store for September\u2019s roundup of fresh resources for designers and developers like you. In this list, we\u2019ve got a Photoshop plugin that allows you to create a new open image format called WebP, a source&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":[2539],"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>Fresh Resources for Web Designers and Developers (September 2013) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Four months to go before we revisit another round of New Year&#039;s resolutions. In the meantime, let&#039;s see what&#039;s in store for September&#039;s roundup of fresh\" \/>\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\/designers-developers-monthly-09-2013\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fresh Resources for Web Designers and Developers (September 2013)\" \/>\n<meta property=\"og:description\" content=\"Four months to go before we revisit another round of New Year&#039;s resolutions. In the meantime, let&#039;s see what&#039;s in store for September&#039;s roundup of fresh\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/\" \/>\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-09-03T15:01:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:08:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/csscomb.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\\\/designers-developers-monthly-09-2013\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (September 2013)\",\"datePublished\":\"2013-09-03T15:01:13+00:00\",\"dateModified\":\"2025-04-21T10:08:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/\"},\"wordCount\":682,\"commentCount\":11,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2013\\\/csscomb.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (September 2013) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2013\\\/csscomb.jpg\",\"datePublished\":\"2013-09-03T15:01:13+00:00\",\"dateModified\":\"2025-04-21T10:08:47+00:00\",\"description\":\"Four months to go before we revisit another round of New Year's resolutions. In the meantime, let's see what's in store for September's roundup of fresh\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2013\\\/csscomb.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2013\\\/csscomb.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2013\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fresh Resources for Web Designers and Developers (September 2013)\"}]},{\"@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":"Fresh Resources for Web Designers and Developers (September 2013) - Hongkiat","description":"Four months to go before we revisit another round of New Year's resolutions. In the meantime, let's see what's in store for September's roundup of fresh","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\/designers-developers-monthly-09-2013\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (September 2013)","og_description":"Four months to go before we revisit another round of New Year's resolutions. In the meantime, let's see what's in store for September's roundup of fresh","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-09-03T15:01:13+00:00","article_modified_time":"2025-04-21T10:08:47+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/csscomb.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\/designers-developers-monthly-09-2013\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (September 2013)","datePublished":"2013-09-03T15:01:13+00:00","dateModified":"2025-04-21T10:08:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/"},"wordCount":682,"commentCount":11,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/csscomb.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/","name":"Fresh Resources for Web Designers and Developers (September 2013) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/csscomb.jpg","datePublished":"2013-09-03T15:01:13+00:00","dateModified":"2025-04-21T10:08:47+00:00","description":"Four months to go before we revisit another round of New Year's resolutions. In the meantime, let's see what's in store for September's roundup of fresh","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/csscomb.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2013\/csscomb.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2013\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Fresh Resources for Web Designers and Developers (September 2013)"}]},{"@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-4GX","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18039","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=18039"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18039\/revisions"}],"predecessor-version":[{"id":73900,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18039\/revisions\/73900"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=18039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=18039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=18039"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=18039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}