{"id":20466,"date":"2014-06-02T21:01:16","date_gmt":"2014-06-02T13:01:16","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=20466"},"modified":"2022-10-09T22:36:40","modified_gmt":"2022-10-09T14:36:40","slug":"fresh-resources-for-designers-and-developers-june-2014","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (June 2014)"},"content":{"rendered":"<p>It is yet again a new month and time for us to share some good stuff that we carefully selected for designers and developers. This round, we have tools to help with royalty-free hi-res photos, a Javascript library that formats numbers into date and time, font icons for payment options, and to help return the Web workspace to Photoshop CS6.<\/p>\n<p class=\"note\">Want more fresh resources? Check them out <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">here<\/a>.<\/p>\n<h2>Hookr<\/h2>\n<p>Hookr is a web application that records and lists the growing number of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/stackoverflow.com\/\/questions\/5931324\/what-is-hook-in-php\">Hooks<\/a> in WordPress. A slider is provided so you can easily slide to change the WordPress version, then you will instantly see the number of hooks available in that selected version. Hookr organizes this in alphabetical order for better organization. Basically, it is a search engine<em><\/em> for WordPress hooks and functions.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/hookr.jpg\" height=\"400\" width=\"600\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/try.buildwinjs.com\/\">WinJS<\/a><\/h2>\n<p><strong>WinJS<\/strong> is a collection of UI found in Windows 8 and Windows Phone UI. You can find a number of common UI such as Image Slider, Tooltip, DataPicker, Searchbox, and Toggle button. WinJS, however, implements its own animation model and design paradigm. You can got to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/try.buildwinjs.com\/\">WinJS<\/a> and see how the UI works; note that some of them, currently, only works well under Internet Explorer.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/winjs.jpg\" height=\"400\" width=\"600\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/voceconnect\/thermal-api\">Thermal API<\/a><\/h2>\n<p>Thermal API is a plugin to give you WordPress-based website APIs, which allow you to access content, extend, and publish it in different forms of media. You can use the API, for example, to build a mobile application that shows your website content. Thermal API supports all WordPress Post Types and Taxonomies.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/thermal-api.jpg\" height=\"400\" width=\"600\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/momentjs.com\/\">Moment.js<\/a><\/h2>\n<p>Moment.js is a JavaScript library that formats numbers into Date and Time. Moment.js supports formatting of many regions and languages, including Catalan, Arabic, and Hindi. It\u2019s a must-have tool, if you build websites or apps that present Time and Date.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/momentjs.jpg\" height=\"400\" width=\"600\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.cssfontstack.com\/\">CSS Font Stack<\/a><\/h2>\n<p>Sometimes the default fonts installed in the computer is insufficient, and we need <code>@font-face<\/code> to customize the typographic presentation in our website. CSS Font Stack lists popular fonts installed in Windows and Mac \u2013 like Arial, Impact, Times, Georgia, and Futura \u2013 and stacks them in <code>font-family<\/code> in accordance to its popularity.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/cssfontstack.jpg\" height=\"400\" width=\"600\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/hiresstock.com\/\">HiResStock<\/a><\/h2>\n<p>Finding an image that is free to use is quite tricky. If we\u2019re not careful, we may end up stirring up a legal issue. Look no more, HiResStock provides an excellent collection of high-resolution stock photos that you can use for <strong>free<\/strong> \u2013 worth bookmarking.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/more-free-stock-photos-royalty-images\/\" class=\"ref-block__link\" title=\"Read More: 40+ Websites to Download Royalty-Free Images\" rel=\"bookmark\"><span class=\"screen-reader-text\">40+ Websites to Download Royalty-Free Images<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/more-free-stock-photos-royalty-images.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-20346 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/more-free-stock-photos-royalty-images.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">40+ Websites to Download Royalty-Free Images<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tChances are you're pretty tired of seeing traditional stock photos of people in suits shaking hands. Not only...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/hiresstock.jpg\" height=\"400\" width=\"600\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/zenorocha.github.io\/voice-elements\/\">Voice Elements<\/a><\/h2>\n<p>Voice Element is JavaScript library that makes utilizing Web Speech API easy. It introduces a new element called <code>voice-player<\/code> along with a number of Options, Functions\/Methods, and Events.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/voice-element.jpg\" height=\"400\" width=\"600\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/orlandotm\/payment-webfont\">Payment Webfont<\/a><\/h2>\n<p>Payment Webfont is a <strong>collection of font icons<\/strong> for Payment Processors company such Paypal, Bitcoin, Google Wallet, and Stripe. Yet another font icon to bookmark.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/payment.jpg\" height=\"400\" width=\"600\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tokokoo.github.io\/pondasee\/\">Pondasee<\/a><\/h2>\n<p>Pondasee is built with Sass and Compass. It ships with a number of customized Sass Mixins and a handful of popular libraries such as Normalize, Formalize, and Seletivzr, making it a great starting point for building websites.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/pondasee.jpg\" height=\"400\" width=\"600\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>It is yet again a new month and time for us to share some good stuff that we carefully selected for designers and developers. This round, we have tools to help with royalty-free hi-res photos, a Javascript library that formats numbers into date and time, font icons for payment options, and to help return the&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 2014) - Hongkiat<\/title>\n<meta name=\"description\" content=\"It is yet again a new month and time for us to share some good stuff that we carefully selected for designers and developers. This round, we have tools to\" \/>\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-june-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 (June 2014)\" \/>\n<meta property=\"og:description\" content=\"It is yet again a new month and time for us to share some good stuff that we carefully selected for designers and developers. This round, we have tools to\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-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-06-02T13:01:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-09T14:36:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/hookr.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=\"4 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-june-2014\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-june-2014\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (June 2014)\",\"datePublished\":\"2014-06-02T13:01:16+00:00\",\"dateModified\":\"2022-10-09T14:36:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-june-2014\\\/\"},\"wordCount\":505,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-june-2014\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-june-2014\\\/hookr.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-june-2014\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-june-2014\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-june-2014\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (June 2014) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-june-2014\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-june-2014\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-june-2014\\\/hookr.jpg\",\"datePublished\":\"2014-06-02T13:01:16+00:00\",\"dateModified\":\"2022-10-09T14:36:40+00:00\",\"description\":\"It is yet again a new month and time for us to share some good stuff that we carefully selected for designers and developers. This round, we have tools to\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-june-2014\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-june-2014\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-june-2014\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-june-2014\\\/hookr.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-june-2014\\\/hookr.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-june-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 (June 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 (June 2014) - Hongkiat","description":"It is yet again a new month and time for us to share some good stuff that we carefully selected for designers and developers. This round, we have tools to","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-june-2014\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (June 2014)","og_description":"It is yet again a new month and time for us to share some good stuff that we carefully selected for designers and developers. This round, we have tools to","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-06-02T13:01:16+00:00","article_modified_time":"2022-10-09T14:36:40+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/hookr.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (June 2014)","datePublished":"2014-06-02T13:01:16+00:00","dateModified":"2022-10-09T14:36:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/"},"wordCount":505,"commentCount":2,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/hookr.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-june-2014\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/","name":"Fresh Resources for Web Designers and Developers (June 2014) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/hookr.jpg","datePublished":"2014-06-02T13:01:16+00:00","dateModified":"2022-10-09T14:36:40+00:00","description":"It is yet again a new month and time for us to share some good stuff that we carefully selected for designers and developers. This round, we have tools to","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-2014\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/hookr.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-june-2014\/hookr.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-june-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 (June 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-5k6","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/20466","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=20466"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/20466\/revisions"}],"predecessor-version":[{"id":62619,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/20466\/revisions\/62619"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=20466"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=20466"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=20466"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=20466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}