{"id":25433,"date":"2016-01-05T21:01:16","date_gmt":"2016-01-05T13:01:16","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=25433"},"modified":"2025-04-21T19:51:44","modified_gmt":"2025-04-21T11:51:44","slug":"fresh-resources-for-web-developers-jan-2016","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (January 2016)"},"content":{"rendered":"<p>Many of the <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">tools and apps for developers<\/a> found on the web evolve according to trends, while some evolve to become more pragmatic solutions. In this month\u2019s installment, I\u2019ve decided to spend more time finding resources that may not appear to be obviously useful but still <strong>stand out in their respective categories<\/strong>.<\/p>\n<p>We have a nice-looking font that could be your <strong>Helvetica Neue<\/strong> replacement, a <a href=\"https:\/\/www.hongkiat.com\/blog\/scrolling-effects-js-libraries\/\">JavaScript library<\/a> to test touch pressure, and a handy tool for JavaScript error logging. Let\u2019s check them out.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-25433-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-25433-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:\/\/overpassfont.org\/\">OverPass Font<\/a><\/h2>\n<p>OverPass font is a free font inspired by Highway Gothic. Highway Gothic is a widely adopted typeface in many countries for road signs due to its legibility across distance and high speeds. The OverPass Font comes in four font weights (thin, normal, semi-bold, and bold), uppercase and lowercase letters, and can be converted into a web font.<\/p>\n<p>License: <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/scripts.sil.org\/OFL\">OFL (Open Font License)<\/a><\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"OverPass Font Cover\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/overpassfont.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/pa11y.org\/\">Pa11y<\/a><\/h2>\n<p>Pa11y is a tool to test your website accessibility with less hassle through automation. You can use <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/pa11y\/pa11y\">the command line interface<\/a> or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/pa11y\/pa11y-dashboard\">setup via the dashboard<\/a> if you prefer a colorful, interactive interface. Pa11y will produce a report showing the areas to fix if you want to improve your website accessibility for various disabilities.<\/p>\n<p>More resources on accessibility:<\/p>\n<ul>\n<li><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/watch?v=KIruVNEi6mI\">The Modern Web and Accessibility<\/a> [Video]<\/li>\n<li><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/watch?v=o4xHfi4t9S0&list=PLWjCJDeWfDdcEtSnqq_iGLKGA_H_3o3y7\">Playlist: Accessibility by Thomas Bradley<\/a> [Video]<\/li>\n<li><a href=\"https:\/\/www.hongkiat.com\/blog\/aria-web-standards\/\">A Look into ARIA Web Standards & HTML Apps Accessibility<\/a><\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Pa11y Dashboard Report\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/pa11y.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/pressurejs.com\/\">PressureJS<\/a><\/h2>\n<p>Apple\u2019s <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/support.apple.com\/en-ap\/HT204352\">Force Touch<\/a> measures finger pressure on the screen or trackpad, which can be used to add extra functionality. Developers can take advantage of this technology to add usability to their native OS X or iOS applications. PressureJS is a JavaScript library that hooks into the Force Touch APIs and allows you to apply it to your websites.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PressureJS App With Pressure Touch Function\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/pressurejs.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/split.js.org\/\">SplitJS<\/a><\/h2>\n<p>SplitJS is a lightweight JavaScript library that allows you to split the browser window viewport into several sections. You may have seen it commonly used in code-sharing webapps like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codepen.io\/\">CodePen.io<\/a>, JSFiddle, or JSBin where the HTML, CSS, and JS working spaces are separated into their own sections.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"SplitJS Split Screen In FiddleJS\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/splitjs.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/jonathantneal\/flexibility\">FlexibilityJS<\/a><\/h2>\n<p>Flexbox makes arranging web layouts much easier. However, since it does not work in Internet Explorer 9 and 8, web developers often have to revert to using the notoriously troublesome <code>float<\/code> property. FlexibilityJS is here so you can use Flexbox without leaving these old browsers behind.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"FlexibilityJS Example Of Web App Fully Built With CSS Flexbox\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/flexibility.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/twitter.github.io\/labella.js\/\">LabellaJS<\/a><\/h2>\n<p>LabellaJS makes creating a labeled timeline much easier. You have a number of options at your disposal to control the label position, direction, width, height, and the layout algorithm. It works with AMD loader such as RequireJS, and can be nicely used along with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/browserify.org\/\">Browserify<\/a> and Node.js. No dependency required.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"LabellaJS Timeline Of Star Wars Releases\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/labellajs.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/weepower\/wee\">Wee<\/a><\/h2>\n<p>Wee is more than just another <a href=\"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/\">CSS framework<\/a>. It is packed with lots of components to help with the building process including a built-in server, live reloading, sourcemap, minification, code validator, and static site generator. It also comes with its own JavaScript libraries with features to enhance your website\u2019s frontend.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Wee Framework Homepage\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/wee.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/getgrav.org\/\">Grav<\/a><\/h2>\n<p>Grav is a flat-file-based <abbr title=\"Content Management System\">CMS<\/abbr> similar to Jekyll, a static site generator. Yet, it can be extended through Themes and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/getgrav.org\/downloads\/plugins\">Plugins<\/a>, much like WordPress. For example, you can install to add <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/getgrav\/grav-plugin-admin\">Administrator Panel<\/a>, Shortcodes, Comments, Forms, and Sitemap. It is overall a great CMS which may also be a great contender for a more established CMS.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Grav CMS Homepage\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/grav.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/patternpack.org\/\">PatternPack<\/a><\/h2>\n<p>PatternPack is a tool that allows you to build a system to build your website or application and share it across different projects all at once. Having a standard system is a general form of best practice: not only does it speed up your workflow, but it also makes the project more maintainable. Read the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/patternpack\/patternpack\/blob\/master\/docs\/tutorial.md\">Start Guide<\/a> to see how to use the tool.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PatternPack Homepage\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/patternpack.jpg\" width=\"700\"><\/figure>\n<hr>\n<p>Debugging in JavaScript can be very tricky. Your users may experience errors which you probably did not experience during development and deployment because you already have the perfect setup. The tricky part is that the error is only logged into the user\u2019s browser. With OhCrash you can now put the log into your GitHub repositories, so you are better informed about the error.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"OhCrash Error Report Example\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/ohcrash.jpg\" width=\"700\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>Many of the tools and apps for developers found on the web evolve according to trends, while some evolve to become more pragmatic solutions. In this month\u2019s installment, I\u2019ve decided to spend more time finding resources that may not appear to be obviously useful but still stand out in their respective categories. We have a&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 (January 2016) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Many of the tools and apps for developers found on the web evolve according to trends, while some evolve to become more pragmatic solutions. In this\" \/>\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-jan-2016\/\" \/>\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 (January 2016)\" \/>\n<meta property=\"og:description\" content=\"Many of the tools and apps for developers found on the web evolve according to trends, while some evolve to become more pragmatic solutions. In this\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/\" \/>\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=\"2016-01-05T13:01:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:51:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/overpassfont.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-jan-2016\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jan-2016\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (January 2016)\",\"datePublished\":\"2016-01-05T13:01:16+00:00\",\"dateModified\":\"2025-04-21T11:51:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jan-2016\\\/\"},\"wordCount\":706,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jan-2016\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-01-2016\\\/overpassfont.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-jan-2016\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jan-2016\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jan-2016\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (January 2016) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jan-2016\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jan-2016\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-01-2016\\\/overpassfont.jpg\",\"datePublished\":\"2016-01-05T13:01:16+00:00\",\"dateModified\":\"2025-04-21T11:51:44+00:00\",\"description\":\"Many of the tools and apps for developers found on the web evolve according to trends, while some evolve to become more pragmatic solutions. In this\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jan-2016\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jan-2016\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jan-2016\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-01-2016\\\/overpassfont.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-01-2016\\\/overpassfont.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-jan-2016\\\/#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 (January 2016)\"}]},{\"@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 (January 2016) - Hongkiat","description":"Many of the tools and apps for developers found on the web evolve according to trends, while some evolve to become more pragmatic solutions. In this","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-jan-2016\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (January 2016)","og_description":"Many of the tools and apps for developers found on the web evolve according to trends, while some evolve to become more pragmatic solutions. In this","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2016-01-05T13:01:16+00:00","article_modified_time":"2025-04-21T11:51:44+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/overpassfont.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-jan-2016\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (January 2016)","datePublished":"2016-01-05T13:01:16+00:00","dateModified":"2025-04-21T11:51:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/"},"wordCount":706,"commentCount":4,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/overpassfont.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-jan-2016\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/","name":"Fresh Resources for Web Designers and Developers (January 2016) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/overpassfont.jpg","datePublished":"2016-01-05T13:01:16+00:00","dateModified":"2025-04-21T11:51:44+00:00","description":"Many of the tools and apps for developers found on the web evolve according to trends, while some evolve to become more pragmatic solutions. In this","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/overpassfont.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2016\/overpassfont.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-jan-2016\/#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 (January 2016)"}]},{"@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-6Cd","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25433","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=25433"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25433\/revisions"}],"predecessor-version":[{"id":74012,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25433\/revisions\/74012"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=25433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=25433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=25433"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=25433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}