{"id":17318,"date":"2013-06-04T21:01:45","date_gmt":"2013-06-04T13:01:45","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=17318"},"modified":"2025-04-21T19:53:13","modified_gmt":"2025-04-21T11:53:13","slug":"designers-developers-monthly-06-2013","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (June 2013)"},"content":{"rendered":"<p>This month\u2019s roundup includes a tool to help remove backgrounds in photographs from your browser, generate your own <a href=\"https:\/\/www.hongkiat.com\/blog\/webfont-icons\/\">icon fonts<\/a> (and name them too), and save retina-optimized layers of your images for that perfect look. All these and more are in this round-up for June 2013. For more Fresh Resource, check out our selections for <a href=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/\">April<\/a> and <a href=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2013\/\">May<\/a>.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-17318-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-17318-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=\"http:\/\/retinize.it\/\">RetinizeIt<\/a><\/h2>\n<p>When we aim for <a href=\"https:\/\/www.hongkiat.com\/blog\/mbp-retina-blurry-text\/\">high-definition screen<\/a>, we need to provide two version of image, one for normal screen and one for the high-definition. This may seem like a daunting task, but it wouldn\u2019t be if you were using this tool called RetinizeIt. <strong>RetinizeIt<\/strong> is a Photoshop action that allows you to slice and save your layers into retina-optimized images in seconds.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/retinize.jpg\" width=\"600\" alt=\"RetinizeIt\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wirekit.com\/\">Wirekit<\/a><\/h2>\n<p>If you develop for <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/iphone\/\">iPhone<\/a> frequently, Wirekit may come in handy. It is a collection of free iPhone UI in the form of Photoshop layers and shapes. The collection consists of 60 most commonly used UI components and is available in two styles. With <strong>Wirekit<\/strong>, wireframing an <a href=\"https:\/\/www.hongkiat.com\/blog\/iphone-health-app\/\">iPhone app<\/a> becomes faster and easier.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/wirekit.jpg\" width=\"600\" alt=\"Wirekit\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.alessioatzeni.com\/metrize-icons\/\">Metrize<\/a><\/h2>\n<p>Looking for icons that fit well on <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/windows-8\/\">Windows 8<\/a>?. Then, <strong>Metrize<\/strong> is the perfect icon set for you. Metrize is a collection of 300 icons that embrace the Metro style. It provides the icons in PSD, SVG, AI and also Web Font. Metrize is completely free, you can use it for personal or commercial project, and can customize it as you like.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/metrize.jpg\" width=\"600\" alt=\"Metrize\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/csslint.net\/\">CSS Lint<\/a><\/h2>\n<p>CSS Lint helps you scan your CSS style rules. It will return the errors in your style definition and also return some suggestions to fix it. <strong>CSS Lint<\/strong> helps you optimize your CSS by following some best practice rules. This tool may also be very useful as a learning guide to pick up better style rules.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/css-lint.jpg\" width=\"600\" alt=\"CSS Lint\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fontello.com\/\">Fontello<\/a><\/h2>\n<p>Fontello is a icon font generator tool. It allows you to compile your own icon font characters to embed in your websites or apps. You can include the characters from different font families, like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fontawesome.com\/\">Font Awesome<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/typicons.com\/\">Typicon<\/a>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.entypo.com\/\">Entypo<\/a>. <strong>Fontello<\/strong> also allows you to set your own font family name, the icon name, and customize its unicode number.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/fontello.jpg\" width=\"600\" alt=\"Fontello\"><\/figure>\n<hr>\n<h2>MixitUp<\/h2>\n<p><strong>MixitUp<\/strong> is a jQuery plugin for filtering and sorting portfolios. It provides GUI to customize the plugin and you can then see how the effect runs immediately. Since part of it is based on CSS3, it will also only work on browsers that support CSS3 properties like Transition and <a href=\"https:\/\/www.hongkiat.com\/blog\/css3-2d-transformation\/\">Transformation<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/mixitup.jpg\" width=\"600\" alt=\"MixitUp\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/unicode-table.com\/en\/\">Unicode Table<\/a><\/h2>\n<p>The name has explained itself. <strong>Unicode Table<\/strong> is list of Unicode characters number. You can find the Unicode number for all the character sets; from general characters that use frequently (A, B, C, etc.) to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/unicode-table.com\/en\/sets\/chess-symbols\/\">chess symbols<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/unicode-character.jpg\" width=\"600\" alt=\"Unicode Character\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/clippingmagic.com\/\">Clipping Magic<\/a><\/h2>\n<p><strong>ClippingMagic<\/strong> is a web-based tool for removing the background of your photo from the main subject. I remember when I first did it with Photoshop, succeeding was a thrill. Now, with ClippingMagic, you can do the same right from your browser for free. It is worth noting though that ClippingMagic is still in its Alpha stage, meaning that it has many things to work around. Depending on your image, it may or may not produce the desired outcome.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/clipping-magic.jpg\" width=\"600\" alt=\"Clipping Magic\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/itsthatguy\/gridwax\">Gridwax<\/a><\/h2>\n<p>Gridwax is a bookmarklet to add horizontal guidelines that overlay on your webpage. It is used as a visual aid to adjust your text baseline and line-height spacing. You can adjust the line with the following keys <span class=\"key\">Shift<\/span> + <span class=\"key\">\u2191<\/span> and <span class=\"key\">Shift<\/span> + <span class=\"key\">\u2193<\/span>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/gridwax.jpg\" width=\"600\" alt=\"Gridwax\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.layoutit.com\/\">LayoutIt<\/a><\/h2>\n<p>If you are developing with Bootstrap in all your projects, maybe you should put <strong>LayoutIt<\/strong> on your list. LayoutIt is tool for creating prototypes with Bootstrap fast. You can add Bootstrap components like the Navbar, Buttons and Forms using drag-n-drop.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/layoutit.jpg\" width=\"600\" alt=\"LayoutIt\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>This month\u2019s roundup includes a tool to help remove backgrounds in photographs from your browser, generate your own icon fonts (and name them too), and save retina-optimized layers of your images for that perfect look. All these and more are in this round-up for June 2013. For more Fresh Resource, check out our selections for&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 (June 2013) - Hongkiat<\/title>\n<meta name=\"description\" content=\"This month&#039;s roundup includes a tool to help remove backgrounds in photographs from your browser, generate your own icon fonts (and name them too), and\" \/>\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-06-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 (June 2013)\" \/>\n<meta property=\"og:description\" content=\"This month&#039;s roundup includes a tool to help remove backgrounds in photographs from your browser, generate your own icon fonts (and name them too), and\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-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-06-04T13:01:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:53:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/retinize.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-06-2013\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2013\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (June 2013)\",\"datePublished\":\"2013-06-04T13:01:45+00:00\",\"dateModified\":\"2025-04-21T11:53:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2013\\\/\"},\"wordCount\":639,\"commentCount\":14,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2013\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-06-2013\\\/retinize.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-06-2013\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2013\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2013\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (June 2013) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2013\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2013\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-06-2013\\\/retinize.jpg\",\"datePublished\":\"2013-06-04T13:01:45+00:00\",\"dateModified\":\"2025-04-21T11:53:13+00:00\",\"description\":\"This month's roundup includes a tool to help remove backgrounds in photographs from your browser, generate your own icon fonts (and name them too), and\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2013\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2013\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2013\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-06-2013\\\/retinize.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-06-2013\\\/retinize.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-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 (June 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 (June 2013) - Hongkiat","description":"This month's roundup includes a tool to help remove backgrounds in photographs from your browser, generate your own icon fonts (and name them too), and","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-06-2013\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (June 2013)","og_description":"This month's roundup includes a tool to help remove backgrounds in photographs from your browser, generate your own icon fonts (and name them too), and","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-06-04T13:01:45+00:00","article_modified_time":"2025-04-21T11:53:13+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/retinize.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-06-2013\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (June 2013)","datePublished":"2013-06-04T13:01:45+00:00","dateModified":"2025-04-21T11:53:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/"},"wordCount":639,"commentCount":14,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/retinize.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-06-2013\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/","name":"Fresh Resources for Web Designers and Developers (June 2013) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/retinize.jpg","datePublished":"2013-06-04T13:01:45+00:00","dateModified":"2025-04-21T11:53:13+00:00","description":"This month's roundup includes a tool to help remove backgrounds in photographs from your browser, generate your own icon fonts (and name them too), and","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2013\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/retinize.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2013\/retinize.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-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 (June 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-4vk","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17318","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=17318"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17318\/revisions"}],"predecessor-version":[{"id":74021,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17318\/revisions\/74021"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=17318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=17318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=17318"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=17318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}