{"id":19944,"date":"2014-05-02T21:01:39","date_gmt":"2014-05-02T13:01:39","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=19944"},"modified":"2022-08-02T18:22:19","modified_gmt":"2022-08-02T10:22:19","slug":"fresh-resources-for-designers-and-developers-may-2014","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (May 2014)"},"content":{"rendered":"<p>It\u2019s time for us again to share several great resources with our fellow designers and developers. Let\u2019s cut to the chase.<\/p>\n<p>In this round, we have got a free <strong>book to learn basic CSS<\/strong>, a collection of LESS and Sass <strong>functions for unit conversion<\/strong>, animated SVGs for displaying loading bars, and a bunch more. If you are new to our fresh resources, do check out the full series in the link below.<\/p>\n<p class=\"note\"><strong>For More: <\/strong><a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">Fresh Resources For Designers And Developers<\/a><\/p>\n<h2>Mapstylr<\/h2>\n<p><strong>Mapstylr<\/strong> is a nice free web app that allows you to <strong>customize Google Maps<\/strong>. You can create your own map styles easily with a very nice UI. With an account, you can save your customized map styles as a private collection or a public one. Also you might like to check out our previous tutorial on <a href=\"https:\/\/www.hongkiat.com\/blog\/google-maps-styles\/\">how to style Google Maps<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/mapstyler.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/jxnblk.github.io\/loading\/\">Loading<\/a><\/h2>\n<p>Are you sick of GIF animation to display your loading progress bar (which does not present well in Hi-DPI screen)?. Well, you can try using this <strong>Loading collection<\/strong>. Loading is a collection of progress bars made with <a href=\"https:\/\/www.hongkiat.com\/blog\/scalable-vector-graphics-animation\/\" rel=\"nofollow\">SVG<\/a>. They will look <strong>sharp and crisp in any screen resolution<\/strong>. At the time for the writing it has 8 loading bar styles.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/loading.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/christopher-ramirez\/remixings\">Remixins<\/a><\/h2>\n<p>Remixins is a collection of LESS mixins to convert <code>px<\/code> into <code>rem<\/code>, yet it keeps the <code>px<\/code> as a fallback for browsers that do not support <code>rem<\/code>. <code>rem<\/code> is a measuring unit relative to the body or the document font-size, similar to <code>em<\/code> except, <em>rem<\/em> <strong>does not inherit the coumpounding bug<\/strong>, where the measuring is also calculated up against the parent element\u2019s font-size.<\/p>\n<p>Check out our previous article, <a href=\"https:\/\/www.hongkiat.com\/blog\/css-units\/\">CSS Units: Pixels, EM, and Percentage<\/a> for more in-depth explanation on this.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/remixins.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/justinskolnick\/unitize\">Unitize<\/a><\/h2>\n<p>If you are working with Sass, <strong>Unitize<\/strong> can be a great alternative of Remixins. Unitize is a collection of Sass functions to easily apply <code>em<\/code> and <code>rem<\/code> unit. It comprises of three functions <code>unitize()<\/code>, <code>rem()<\/code>, and <code>em()<\/code> which can be used with any property that requires a measuring unit.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/unitize.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/kenwheeler.github.io\/slick\/\">Slick<\/a><\/h2>\n<p><strong>Slick<\/strong> is fantastic simple jQuery slider plugin that caters everything you need to <strong>present your content in a slider<\/strong>. Fully responsive, swipe-able, drag-able (with the mouse), with CSS3 animation and JavaScript fallback what else do we need? It\u2019s all there.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/slick.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/gudh.github.io\/ihover\/dist\/index.html\">iHover<\/a><\/h2>\n<p><strong>iHover<\/strong> is a collection of <em>hover<\/em> effects made of <strong>CSS3 Transforms and Transitions<\/strong>. iHover could be your reference to learn how animations are built. Comparably, CSS3 performs faster than animation made from JavaScript scripting. Using CSS3 is a better way to build websites for the future.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/iHover.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.sharedrop.io\/\">ShareDrop<\/a><\/h2>\n<p>ShareDrop is a free web app that allows you to <strong>directly share files between devices<\/strong>. ShareDrop is powered by WebRTC, an open project that enables web browsers to communicate with one another. It works (and looks) similar to Mac\u2019s <strong>AirDrop<\/strong>. You can share files by simple drag and drop and it works across multiple mobile or desktop devices, within the same network IP (though this may not work in iOS due to some restrictions that Apple made).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/share-drop.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/adamschwartz.co\/magic-of-css\/\">Magic of CSS<\/a><\/h2>\n<p><strong>Magic of CSS<\/strong> is a <a href=\"https:\/\/www.hongkiat.com\/blog\/books-for-web-designers-developers\/\">free online book for web designers<\/a> to learn CSS fundamentals. The book currently contains 6 chapters: The Box, Layout, Tables, Color, Typography, and Transition. The book will be updated with more chapters over time.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/the-magic-of-css.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/brick.im\/\">Brick.im<\/a><\/h2>\n<p>Brick.im is an open project that <strong>brings font to the Web<\/strong>. Unlike <a href=\"https:\/\/www.hongkiat.com\/blog\/optimize-google-webfonts\/\">Google Web Font<\/a>, Brick.im brings the fonts without any modification or sub-setting. So, the font is displayed originally as it is. Though the font collection in it is currently limited, it is still a good alternative to Google Web Font.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/brickim.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>It\u2019s time for us again to share several great resources with our fellow designers and developers. Let\u2019s cut to the chase. In this round, we have got a free book to learn basic CSS, a collection of LESS and Sass functions for unit conversion, animated SVGs for displaying loading bars, and a bunch more. If&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.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (May 2014) - Hongkiat<\/title>\n<meta name=\"description\" content=\"It&#039;s time for us again to share several great resources with our fellow designers and developers. Let&#039;s cut to the chase. In this round, we have got a\" \/>\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\/fresh-resources-for-designers-and-developers-may-2014\/\" \/>\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 (May 2014)\" \/>\n<meta property=\"og:description\" content=\"It&#039;s time for us again to share several great resources with our fellow designers and developers. Let&#039;s cut to the chase. In this round, we have got a\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/\" \/>\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-05-02T13:01:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-02T10:22:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/mapstyler.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\\\/fresh-resources-for-designers-and-developers-may-2014\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (May 2014)\",\"datePublished\":\"2014-05-02T13:01:39+00:00\",\"dateModified\":\"2022-08-02T10:22:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/\"},\"wordCount\":598,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2014\\\/mapstyler.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (May 2014) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2014\\\/mapstyler.jpg\",\"datePublished\":\"2014-05-02T13:01:39+00:00\",\"dateModified\":\"2022-08-02T10:22:19+00:00\",\"description\":\"It's time for us again to share several great resources with our fellow designers and developers. Let's cut to the chase. In this round, we have got a\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2014\\\/mapstyler.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2014\\\/mapstyler.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-may-2014\\\/#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 (May 2014)\"}]},{\"@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 (May 2014) - Hongkiat","description":"It's time for us again to share several great resources with our fellow designers and developers. Let's cut to the chase. In this round, we have got a","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\/fresh-resources-for-designers-and-developers-may-2014\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (May 2014)","og_description":"It's time for us again to share several great resources with our fellow designers and developers. Let's cut to the chase. In this round, we have got a","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-05-02T13:01:39+00:00","article_modified_time":"2022-08-02T10:22:19+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/mapstyler.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\/fresh-resources-for-designers-and-developers-may-2014\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (May 2014)","datePublished":"2014-05-02T13:01:39+00:00","dateModified":"2022-08-02T10:22:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/"},"wordCount":598,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/mapstyler.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/","name":"Fresh Resources for Web Designers and Developers (May 2014) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/mapstyler.jpg","datePublished":"2014-05-02T13:01:39+00:00","dateModified":"2022-08-02T10:22:19+00:00","description":"It's time for us again to share several great resources with our fellow designers and developers. Let's cut to the chase. In this round, we have got a","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/mapstyler.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2014\/mapstyler.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-may-2014\/#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 (May 2014)"}]},{"@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-5bG","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19944","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=19944"}],"version-history":[{"count":5,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19944\/revisions"}],"predecessor-version":[{"id":61070,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19944\/revisions\/61070"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=19944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=19944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=19944"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=19944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}