{"id":17810,"date":"2013-08-01T21:15:46","date_gmt":"2013-08-01T13:15:46","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=17810"},"modified":"2025-04-21T17:54:55","modified_gmt":"2025-04-21T09:54:55","slug":"designers-developers-monthly-08-2013","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (August 2013)"},"content":{"rendered":"<p>August is here, so it\u2019s time for <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">another roundup<\/a>!<\/p>\n<p>In this round, we have some great tools, including a Photoshop action that creates 3-dimensional maps, an awesome Google Chrome extension for testing out <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/rwd\/\">responsive design<\/a>, and a tool to create <a href=\"https:\/\/www.hongkiat.com\/blog\/long-shadow-flat-icons\/\">Long Shadow designs<\/a>. Here they are, in no particular order.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-17810-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-17810-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><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.sourcetreeapp.com\/\">Source Tree<\/a><\/h2>\n<p><strong>SourceTree<\/strong> is a client app for <a href=\"https:\/\/www.hongkiat.com\/\">Github<\/a> version control system. It allows you to manage your repositories in a very simple and intuitive User Interface. It is the perfect app for people who are not comfortable of doing Version Control through the Command line.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Source Tree\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/sourcetree.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/aziz\/tmTheme-Editor\">tmTheme Editor<\/a><\/h2>\n<p><strong>tmTheme<\/strong> is a theme file for syntax highlighting for code editors like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.sublimetext.com\/\">Sublime Text<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/macromates.com\/\">TextMate<\/a>. There are several <code>.tmTheme<\/code> is available to download for free and ready for use if you want to change your code highlighting colors. But, if you want it to be more personalized, you can use <strong>tmTheme Editor<\/strong> from Herokuapp, which makes creating and editing much easier.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Tm Theme Editor\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/tmthemeeditor.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.toptal.com\/designers\/colourcode\">Colour Code<\/a><\/h2>\n<p>There are a lot of <a href=\"https:\/\/www.hongkiat.com\/blog\/adobe-kuler-for-ios\/\">tools for generating color schemes<\/a> on the Web. Here\u2019s one more. <strong>Colour Code<\/strong> is a very intuitive and easy to use web-application for generating color scheme. Simply move the mouse cursor and it will instantly generate the colors on the specified rule \u2014 Monochrome, Analogic, Complement, Triad, etc. We can also download the color scheme in <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/lesscss.org\/\">LESS<\/a> format and PNG.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Colour Code\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/colourcode.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/graphicburger.com\/long-shadow-generator\/\">Long Shadow Generator<\/a><\/h2>\n<p>In our previous article, we have shown you some examples of <a href=\"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/\">Long Shadow design<\/a> applications. Now if you want to apply the same effect, this PSD file will allow you to apply this shadow effect in your design element much quicker.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Long Shadow Generator\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/longshadowgenerator.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/dimensions\/baocaagndhipibgklemoalmkljaimfdj\">Dimension<\/a><\/h2>\n<p><strong>Dimension<\/strong> is a really nice Google Chrome extension for testing your responsive design without having to resize the browser window. It comes with a ruler showing the viewport size, a draggable handle to resize the viewport size, and Preview Mode to simulate the design in various device types.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Dimension\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/dimension.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.blugraphic.com\/3d-isometric-map-mockup-psd-action\/\">Mapita<\/a><\/h2>\n<p>Mapita a Photoshop action that lets you turn your flat layers into the 3-dimensional map. It comes with several common map elements like Grass, Snow, Buildings, Trees, and Clouds. Wassim creates this Photoshop Action at BlueGraphic, and it is free!<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Mapita\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/mapita.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/alexwolfe.github.io\/Buttons\/\">Buttons<\/a><\/h2>\n<p>Creating Web buttons is technically easy, but it would be better if we can build one real quick. Buttons is a collection of class helpers that allows us to do so. It provides a set of CSS to build various button styles. It is built using Sass and Compass, so the styles are completely configurable to meet your requirements.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Buttons\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/buttons.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fontastic.me\/\">Fontastic<\/a><\/h2>\n<p>There are a lot of font icons available for free, but they usually come with a bunch of icons that we do not need. By using <strong>Fontastic<\/strong> you can include <strong>only the icons you need,<\/strong> eventually helping to speed up your website. At the time of the writing, it has more than 1700 of icons.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Fontastic\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/fontastic.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/devtoolsecrets.com\/\">Dev Tools Secret<\/a><\/h2>\n<p>All modern browsers come with its own <strong><a href=\"https:\/\/www.hongkiat.com\/blog\/chrome-developer-tools\/\">Dev Tool<\/a><\/strong> that helps developers develop and debug the website. But there are so many more buried features that we do not know of. The Dev Tools Secret, as the name implies, lists the hidden features of the browser\u2019s Dev Tool.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Dev Tools Secret\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/devtoolsecret.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/lukechesser.github.io\/Popular-UIs\/\">Popular UI<\/a><\/h2>\n<p>I bet that you have visited either one of these popular websites; Facebook, Rdio, Github, and Apple. The <strong>Popular UI<\/strong> is a collection of these websites\u2019 user interface, which is rebuilt by <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/lukechesser\">Luke Chesser<\/a> in Photoshop for educational purpose. You can learn how the layers are structured and organized, and also see how the effects are built. It\u2019s a very useful resource for beginners especially.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Popular UI\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/rdio.jpg\" width=\"600\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>August is here, so it\u2019s time for another roundup! In this round, we have some great tools, including a Photoshop action that creates 3-dimensional maps, an awesome Google Chrome extension for testing out responsive design, and a tool to create Long Shadow designs. Here they are, in no particular order. Source Tree SourceTree is a&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 (August 2013) - Hongkiat<\/title>\n<meta name=\"description\" content=\"August is here, so it&#039;s time for another roundup! In this round, we have some great tools, including a Photoshop action that creates 3-dimensional maps,\" \/>\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-08-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 (August 2013)\" \/>\n<meta property=\"og:description\" content=\"August is here, so it&#039;s time for another roundup! In this round, we have some great tools, including a Photoshop action that creates 3-dimensional maps,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-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-08-01T13:15:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T09:54:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/sourcetree.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-08-2013\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2013\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (August 2013)\",\"datePublished\":\"2013-08-01T13:15:46+00:00\",\"dateModified\":\"2025-04-21T09:54:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2013\\\/\"},\"wordCount\":628,\"commentCount\":19,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2013\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2013\\\/sourcetree.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-08-2013\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2013\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2013\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (August 2013) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2013\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2013\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2013\\\/sourcetree.jpg\",\"datePublished\":\"2013-08-01T13:15:46+00:00\",\"dateModified\":\"2025-04-21T09:54:55+00:00\",\"description\":\"August is here, so it's time for another roundup! In this round, we have some great tools, including a Photoshop action that creates 3-dimensional maps,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2013\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2013\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2013\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2013\\\/sourcetree.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2013\\\/sourcetree.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-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 (August 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 (August 2013) - Hongkiat","description":"August is here, so it's time for another roundup! In this round, we have some great tools, including a Photoshop action that creates 3-dimensional maps,","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-08-2013\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (August 2013)","og_description":"August is here, so it's time for another roundup! In this round, we have some great tools, including a Photoshop action that creates 3-dimensional maps,","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-08-01T13:15:46+00:00","article_modified_time":"2025-04-21T09:54:55+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/sourcetree.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-08-2013\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (August 2013)","datePublished":"2013-08-01T13:15:46+00:00","dateModified":"2025-04-21T09:54:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/"},"wordCount":628,"commentCount":19,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/sourcetree.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-08-2013\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/","name":"Fresh Resources for Web Designers and Developers (August 2013) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/sourcetree.jpg","datePublished":"2013-08-01T13:15:46+00:00","dateModified":"2025-04-21T09:54:55+00:00","description":"August is here, so it's time for another roundup! In this round, we have some great tools, including a Photoshop action that creates 3-dimensional maps,","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2013\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/sourcetree.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2013\/sourcetree.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-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 (August 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-4Dg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17810","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=17810"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17810\/revisions"}],"predecessor-version":[{"id":37056,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17810\/revisions\/37056"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=17810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=17810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=17810"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=17810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}