{"id":24039,"date":"2015-06-01T23:01:03","date_gmt":"2015-06-01T15:01:03","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=24039"},"modified":"2025-04-21T18:41:45","modified_gmt":"2025-04-21T10:41:45","slug":"fresh-resources-for-web-developers-jun-2015","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (June 2015)"},"content":{"rendered":"<p>Can you believe this <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">series<\/a> has been running for almost three years? In that short time, we have featured at least 30 lists of the freshest resources for web designers and developers. We\u2019re continuing this tradition with a new compilation for June.<\/p>\n<p>In this compilation, we\u2019ll look at several JavaScript libraries for displaying sliders, smoother scrolling for data tables, a cool elevator effect for scroll-to-top buttons, and more.<\/p>\n<p>Let\u2019s check them out.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-24039-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-24039-1 .ref-block__thumbnail {\n\t\t\t\t\tbackground-image: url( \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/related\/tag-fresh-resources-developers.jpg\" );\n\t\t\t\t}<\/style>\n<p>\t\t\t<\/p><\/noscript>\n\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Click Here for More Resources<\/h4>\n<div class=\"ref-description\">\n<p>Check out our complete collection of hand-picked tools for designers and developers.<\/p>\n<\/div><\/div>\n<\/div>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/bitwiser.in\/medium-style-confirm\/\">Medium Style Confirm<\/a><\/h2>\n<p>Medium has been praised for its design; the layout and UI seem to have been thoroughly thought out. On top of that, it also inspires web developers to develop either JavaScript or CSS libraries to replicate the UI. Medium Style Confirm is one JavaScript library that resembles the pop-up or dialog box in Medium.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/medium-alert.jpg\" width=\"700\" alt=\"Medium Alert\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/bq\/penguin\">Penguin<\/a><\/h2>\n<p>Penguin is a new front-end framework that you could use as the groundwork of your websites. With tools like Grunt and Sass, you can easily add or remove libraries or CSS that you do not need out of the framework, making it as lightweight as possible. It\u2019s also a <a href=\"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/\">good alternative for Bootstrap<\/a> and <a href=\"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/\">Foundation<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/penguin.jpg\" width=\"700\" alt=\"Penguin\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tholman.com\/elevator.js\/\">Elevator.js<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/elevator.jpg\" width=\"700\" alt=\"Elevator\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/addyosmani\/x-instagram\">X-Instagram<\/a><\/h2>\n<p>X-Instagram is a Polymer custom element that pulls and <a href=\"https:\/\/www.hongkiat.com\/blog\/instagram-tools-mobile-apps\/\">shows images from Instagram<\/a> by tag. This element makes the whole process a lot easier. We simply add the element just like a regular <a href=\"https:\/\/www.hongkiat.com\/blog\/cool-useful-html-tags\/\">HTML element<\/a> and specify the tag keyword as the element attributes.<\/p>\n<pre class=\"html\" name=\"code\">\n&lt;x-instagram tag=\"hipster\" count=\"10\"&gt;&lt;\/x-instagram&gt;\n<\/pre>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/x-instagram.jpg\" width=\"700\" alt=\"X Instagram\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/camanjs.com\/\">CamanJS<\/a><\/h2>\n<p><strong>CamanJS<\/strong> is a great JavaScript library for image manipulation. It comes with a feature set that you would commonly find in an image editor. You can turn the image blur, black and white, and even increase the contrast.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/caman.js.jpg\" width=\"700\" alt=\"Caman JS\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/clusterize.js.org\/\">ClusterizeJS<\/a><\/h2>\n<p>Clusterize.js is a JavaScript library that will increase performance when dealing with a lot of data in tables. As you scroll down a table with, say, 5000 items in the list, normally the experience will turn laggy and jerky. This JavaScript library will address this issue, making the scrolling action smooth sailing all the way.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/clusterize.jpg\" width=\"700\" alt=\"Clusterize\"><\/figure>\n<hr>\n<h2>Sit the Test<\/h2>\n<p><strong>Sit the Test<\/strong> is a collection of questions to evaluate your skills and knowledge of CSS3, HTML5, and JavaScript. Each test is given a number of questions and limited time to complete all these questions. It\u2019s a good source to <a href=\"https:\/\/www.hongkiat.com\/blog\/calculate-css-percentage-margins\/\">find out how good we really are<\/a> with these languages.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/sitethetest.jpg\" width=\"700\" alt=\"Sit the Test\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.toptal.com\/designers\/htmlarrows\/\">HTML Arrows<\/a><\/h2>\n<p>This is a collection of special native Unicode symbols that you can embed in HTML and CSS. These characters include Arrows, Currency, and Punctuation. You will find that, sometimes, you don\u2019t need font icons to display those characters.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/htmlarrows.jpg\" width=\"700\" alt=\"HTML Arrows\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/flickity.metafizzy.co\/\">Flickity<\/a><\/h2>\n<p>Flickity is a JavaScript library to display carousels, galleries, or sliders on your website. It is optimized for touchscreens; you can slide the carousels effortlessly with a finger, or the trackpad if you are on a laptop. It also comes with a bunch of options allowing full customization in any way you like.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/flickity.jpg\" width=\"700\" alt=\"Flickity\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/typeslab.com\/\">Typeslab<\/a><\/h2>\n<p>Typeslab is a handy tool to create a Slab-type poster. Simply write the content and pick the font, Typeslab will generate the poster instantly. You can then download it or publish it on Imgur.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/typeslab.jpg\" width=\"700\" alt=\"Typeslab\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/paulirish\/matchMedia.js\">MatchMedia<\/a><\/h2>\n<p>Matchmedia is a library that replicates CSS media queries. The library is not that fresh actually, but it is a really useful library that I decided to put on the list. If you need to do scripting based on the user viewport size or media type, this is the library you want.<\/p>\n<p>The following is an example used to run script in a 320px and below viewport size:<\/p>\n<pre>\nif (matchMedia('only screen and (max-width: 320px)').matches) {\n    \/\/ Your code here\n}\n<\/pre>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/match-media.jpg\" width=\"700\" alt=\"Match Media\"><\/figure>\n<hr>\n<h4><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/sass-burger.joren.co\/\">Sass Burger<\/a><\/h4>\n<p>Sass Burger comes with a Mixin that allows you to create a \u201cHamburger\u201d icon and turn it into a cross mark with less hassle.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/sass-burger.jpg\" width=\"700\" alt=\"Sass Burger\"><\/figure>\n<hr>\n<h4><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/matthewblode.com\/marx\/\">Marx<\/a><\/h4>\n<p>Marx is a collection of CSS style rules to make element styles more consistent. It is customizable (with Sass), lightweight, and works out of the box. A good alternative to already popular CSS reset tools like Normalize.css.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/marx.jpg\" width=\"700\" alt=\"Marx\"><\/figure>\n<hr>\n<h4><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/jotform\/css.js\">CSS.js<\/a><\/h4>\n<p><strong>CSS.js<\/strong> is used to parse CSS files for style declaration. The library was initially used by the team at Jotform to build a WYSIWYG experience for form editing with CSS. Now they have open-sourced it for us all to use. Worth saving, just in case you need it later.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"380\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/css.js.jpg\" width=\"700\" alt=\"CSS JS\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>Can you believe this series has been running for almost three years? In that short time, we have featured at least 30 lists of the freshest resources for web designers and developers. We\u2019re continuing this tradition with a new compilation for June. In this compilation, we\u2019ll look at several JavaScript libraries for displaying sliders, smoother&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.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (June 2015) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Can you believe this series has been running for almost three years? In that short time, we have featured at least 30 lists of the freshest resources for\" \/>\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-jun-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 (June 2015)\" \/>\n<meta property=\"og:description\" content=\"Can you believe this series has been running for almost three years? In that short time, we have featured at least 30 lists of the freshest resources for\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-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-06-01T15:01:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:41:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/medium-alert.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=\"7 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-jun-2015\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jun-2015\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (June 2015)\",\"datePublished\":\"2015-06-01T15:01:03+00:00\",\"dateModified\":\"2025-04-21T10:41:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jun-2015\\\/\"},\"wordCount\":729,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jun-2015\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-jun-2015\\\/medium-alert.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-jun-2015\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jun-2015\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jun-2015\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (June 2015) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jun-2015\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jun-2015\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-jun-2015\\\/medium-alert.jpg\",\"datePublished\":\"2015-06-01T15:01:03+00:00\",\"dateModified\":\"2025-04-21T10:41:45+00:00\",\"description\":\"Can you believe this series has been running for almost three years? In that short time, we have featured at least 30 lists of the freshest resources for\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jun-2015\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jun-2015\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jun-2015\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-jun-2015\\\/medium-alert.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-jun-2015\\\/medium-alert.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jun-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 (June 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 (June 2015) - Hongkiat","description":"Can you believe this series has been running for almost three years? In that short time, we have featured at least 30 lists of the freshest resources for","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-jun-2015\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (June 2015)","og_description":"Can you believe this series has been running for almost three years? In that short time, we have featured at least 30 lists of the freshest resources for","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-06-01T15:01:03+00:00","article_modified_time":"2025-04-21T10:41:45+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/medium-alert.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":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (June 2015)","datePublished":"2015-06-01T15:01:03+00:00","dateModified":"2025-04-21T10:41:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/"},"wordCount":729,"commentCount":5,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/medium-alert.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-jun-2015\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/","name":"Fresh Resources for Web Designers and Developers (June 2015) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/medium-alert.jpg","datePublished":"2015-06-01T15:01:03+00:00","dateModified":"2025-04-21T10:41:45+00:00","description":"Can you believe this series has been running for almost three years? In that short time, we have featured at least 30 lists of the freshest resources for","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-2015\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/medium-alert.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jun-2015\/medium-alert.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jun-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 (June 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-6fJ","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/24039","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=24039"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/24039\/revisions"}],"predecessor-version":[{"id":73942,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/24039\/revisions\/73942"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=24039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=24039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=24039"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=24039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}