{"id":24227,"date":"2015-07-02T23:01:33","date_gmt":"2015-07-02T15:01:33","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=24227"},"modified":"2022-08-12T16:20:09","modified_gmt":"2022-08-12T08:20:09","slug":"fresh-resources-for-web-developers-july-2015","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (July 2015)"},"content":{"rendered":"<p>Web developers are blessed with free tools and resources found online, which we dutifully collect in our Fresh Resources series every month. If you missed last month\u2019s batch, revisit it <a href=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/\">here<\/a> or check out the rest of the <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">fresh resources<\/a> compiled in the early part of the year.<\/p>\n<p>For the July 2015 batch, we are highlighting fresh tools and resources that would facilitate your tasks, ranging from WordPress plugins that allow you to deploy plugin updates privately to a JavaScript library to add engaging animations.<\/p>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/aladdin\/\">Aladdin<\/a><\/h2>\n<p>This plugin adds extra functionality to WordPress administration which is similar to OS X Spotlight. With it, you get to quickly access files and folders in your Mac. Once installed, hit the <span class=\"key\">Shift<\/span> twice, then type in what you would like to access. It makes WordPress administration more accessible with the use of the keyboard.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/aladdin.jpg\" height=\"420\" width=\"700\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/siteorigin.com\/css\/\">SiteOrigin CSS<\/a><\/h2>\n<p>SiteOrigin CSS is a robust WordPress plugin to customize any theme appearance in real time. The plugin adds a new panel under the <strong>Appearance &gt; Custom CSS<\/strong> menu. Therein, you can write custom CSS rules to overwrite the CSS of the theme you are using, or you can also use the GUI panel to add the CSS rules intuitively.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/socss.jpg\" height=\"420\" width=\"700\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/dynamicsjs.com\/\">DynamicsJS<\/a><\/h2>\n<p>DynmaicJS is a library to apply physics-based animation. I\u2019m not a Physic expert but the examples here in <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/dynamicsjs.com\/examples\/menu.html\">this menu<\/a> look really cool. It can animate HTML and SVG elements, and it gives you fast performance without any dependency. dynamic has been tested on Safari 7+, Firefox 35+, Chrome 34+ and IE10+.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/dynamicjs.jpg\" width=\"700\" height=\"420\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/norcross\/airplane-mode\/\">Airplane Mode<\/a><\/h2>\n<p>This plugin will prevent several WordPress external HTTP requests such as to Google Fonts, Gravatar, and WordPress updater from attempting to connect to plugins and themes repositories for updates. It\u2019s a useful plugin for local development to suppress errors from occurring when these calls fail (which usually happens when you are developing locally under exceptionally slow Internet).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/airplane-mode.jpg\" height=\"420\" width=\"700\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/coverr.co\/\">Coverr<\/a><\/h2>\n<p>A collection of videos that are great for your website headers. All videos are free, licensed <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/creativecommons.org\/publicdomain\/zero\/1.0\/\">under Public Domain<\/a>. Don\u2019t forget to check out the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/coverr.co\/#code\">\u201cHow to Use\u201d section<\/a> to learn how to add the video to your web page.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/coverr.jpg\" height=\"420\" width=\"700\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jariz.github.io\/vibrant.js\/\">VibrantJS<\/a><\/h2>\n<p>VibrantJS grabs prominent colors from an image. It also exposes a few APIs that allow you to process the obtained color, such as switching the color format and deciding the proper composition for background and text. You can use it to improve your website interface with the dynamic color generation, use the color as a placeholder image when the image is not fully loaded yet, or create a web application for generating a <a href=\"https:\/\/tympanus.net\/Development\/ColorExtraction\/\">color swatch<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/vibrant.jpg\" height=\"420\" width=\"700\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/SilverStripers\/gradify\">GradifyCSS<\/a><\/h2>\n<p>This library grabs two prominent colors and generates a CSS gradient out of the obtained colors. Similar to VibrantJS, You can apply the gradient as the image placeholder for when the image is not fully loaded or as an overlay color.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/gradify.jpg\" height=\"420\" width=\"700\" alt=\"GradifyCSS: gradient generator\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/purifycss\/purifycss\">PurifyCSS<\/a><\/h2>\n<p>PurifyCSS cleans up unused CSS rules out of your stylesheet. You can use this to trim down stylesheet sizes of large frameworks such as Bootstrap and Foundation by up to 40%. PurifyCSS is available as a Grunt and Gulp plugin.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/purifycss.jpg\" height=\"420\" width=\"700\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/tommcfarlin\/title-capitalization-for-wordpress\">Title Capital for WordPress<\/a><\/h2>\n<p>The name has said it all. This WordPress plugin will turn titles as well as headings within the content into proper capitalization upon saving or publishing the post and page. I find this plugin useful for websites with multiple authors to retain consistency in their website\u2019s content.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/all-capital.jpg\" height=\"420\" width=\"700\" alt=\"WordPress capital title\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/afragen\/git-updater\">GitHub Updater<\/a><\/h2>\n<p>This plugin allows user to <strong>install and automatically update<\/strong> WordPress plugins hosted in GitHub. Despite the name, the plugin also supports Bitbucket and <a href=\"https:\/\/gitlab.com\" rel=\"nofollow noopener\" target=\"_blank\">GitLab<\/a>, including one in a private repository. It\u2019s a useful plugin for developers who develop and distribute their plugins or themes exclusively only for their clients.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/github-updater.jpg\" height=\"420\" width=\"700\" alt=\"Update Plugins and Themes from Github and \"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/WPTT\/code-examples\">Code Examples<\/a><\/h2>\n<p>A collection of code examples from <strong>WordPress Theme Review Team<\/strong>. At the moment, the example consists of codes to build Theme Customizer components using the Customizer API including to create <a href=\"https:\/\/codex.wordpress.org\/Class_Reference\/WP_Customize_Manager\/add_section\">the Section<\/a>, Settings and <a href=\"https:\/\/make.wordpress.org\/core\/2014\/07\/08\/customizer-improvements-in-4-0\/\">Panel<\/a>. More codes examples of best practices added in the future.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/code-examples.jpg\" height=\"420\" width=\"700\" alt=\"Code Examples\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>Web developers are blessed with free tools and resources found online, which we dutifully collect in our Fresh Resources series every month. If you missed last month\u2019s batch, revisit it here or check out the rest of the fresh resources compiled in the early part of the year. For the July 2015 batch, we are&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 (July 2015) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Web developers are blessed with free tools and resources found online, which we dutifully collect in our Fresh Resources series every month. If you missed\" \/>\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-web-developers-july-2015\/\" \/>\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 (July 2015)\" \/>\n<meta property=\"og:description\" content=\"Web developers are blessed with free tools and resources found online, which we dutifully collect in our Fresh Resources series every month. If you missed\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/\" \/>\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=\"2015-07-02T15:01:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-12T08:20:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/aladdin.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=\"6 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-web-developers-july-2015\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-july-2015\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (July 2015)\",\"datePublished\":\"2015-07-02T15:01:33+00:00\",\"dateModified\":\"2022-08-12T08:20:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-july-2015\\\/\"},\"wordCount\":666,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-july-2015\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-july-2015\\\/aladdin.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-web-developers-july-2015\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-july-2015\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-july-2015\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (July 2015) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-july-2015\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-july-2015\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-july-2015\\\/aladdin.jpg\",\"datePublished\":\"2015-07-02T15:01:33+00:00\",\"dateModified\":\"2022-08-12T08:20:09+00:00\",\"description\":\"Web developers are blessed with free tools and resources found online, which we dutifully collect in our Fresh Resources series every month. If you missed\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-july-2015\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-july-2015\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-july-2015\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-july-2015\\\/aladdin.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-july-2015\\\/aladdin.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-july-2015\\\/#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 (July 2015)\"}]},{\"@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 (July 2015) - Hongkiat","description":"Web developers are blessed with free tools and resources found online, which we dutifully collect in our Fresh Resources series every month. If you missed","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-web-developers-july-2015\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (July 2015)","og_description":"Web developers are blessed with free tools and resources found online, which we dutifully collect in our Fresh Resources series every month. If you missed","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-07-02T15:01:33+00:00","article_modified_time":"2022-08-12T08:20:09+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/aladdin.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":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (July 2015)","datePublished":"2015-07-02T15:01:33+00:00","dateModified":"2022-08-12T08:20:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/"},"wordCount":666,"commentCount":5,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/aladdin.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-web-developers-july-2015\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/","name":"Fresh Resources for Web Designers and Developers (July 2015) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/aladdin.jpg","datePublished":"2015-07-02T15:01:33+00:00","dateModified":"2022-08-12T08:20:09+00:00","description":"Web developers are blessed with free tools and resources found online, which we dutifully collect in our Fresh Resources series every month. If you missed","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/aladdin.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-july-2015\/aladdin.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-july-2015\/#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 (July 2015)"}]},{"@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-6iL","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/24227","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=24227"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/24227\/revisions"}],"predecessor-version":[{"id":61649,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/24227\/revisions\/61649"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=24227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=24227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=24227"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=24227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}