{"id":26106,"date":"2016-03-02T21:01:35","date_gmt":"2016-03-02T13:01:35","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=26106"},"modified":"2025-04-21T19:46:39","modified_gmt":"2025-04-21T11:46:39","slug":"designers-developers-monthly-03-2016","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (March 2016)"},"content":{"rendered":"<p>Following our <a href=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/\">previous collection<\/a> of JavaScript and CSS libraries for building better websites and web applications, we\u2019re back with more valuable resources. This month, we\u2019re expanding our focus to include typography as well.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-26106-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-26106-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:\/\/www.jstips.co\/\">JS Tips<\/a><\/h2>\n<p>JS Tips is a collection of JavaScript tips, some of them  revolving <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.jstips.co\/en\/basics-declarations\/\">around <em>syntax<\/em><\/a>, some about <strong>code efficiency and performance<\/strong>, and some others are specific to a framework like AngularJS. New tips are added daily and there are currently 50 tips issued. It is essentially <strong>a must-bookmark<\/strong> site for every web developer.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"JS Tips Machine Illustration\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/jstips.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.vagrantmanager.com\/\">Vagrant Manager<\/a><\/h2>\n<p><strong>Vagrant Manager<\/strong> is GUI application to control Vagrant. Similar MAMP, where you can stop or run Vagrant, and see which Vagrant is currently running. The app is available for OS X and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.vagrantmanager.com\/windows\">for windows<\/a>. If you are not sure what Vagrant is, check out our previous post on <a href=\"https:\/\/www.hongkiat.com\/blog\/install-wordpress-locally-vagrant\/\">How to install WordPress locally with Vagrant<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vagrant Manager OSX Control Bar\" height=\"400\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/vagrant-manager.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/bulma.io\/\">Bulma<\/a><\/h2>\n<p><strong>Bulma<\/strong> is a frontend framework. The package includes some <strong>common UI components<\/strong> of the web like navigation, dropdown, and (of course) the grid which is built entirely with <strong>Flexbox<\/strong>. The only feature missing (at least, for now) is the JavaScript components. Bulma components is much slimmer compare to  Bootstrap, but it should sufficient to build a small but presentable website.<\/p>\n<p class=\"recommended_top\"><strong>Read more: <\/strong><a href=\"https:\/\/www.hongkiat.com\/blog\/bootstrap-alternatives\/\">10 Lightweight Alternatives To Bootstrap & Foundation<\/a><\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Bulma Logo\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/bulma.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/matejlatin\/Gutenberg\">Gutenberg<\/a><\/h2>\n<p>Named after <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Johannes_Gutenberg\">Johannes Gutenberg<\/a>, the mass press inventor. <strong>Gutenberg<\/strong> is a collection of <strong>style rules for proper typographic setting<\/strong> on the web. The style rules set the base line, font size and scaling, and line-height. A great style library to make your website content look a lot better.<\/p>\n<figure><img decoding=\"async\" alt=\"A Gutenberg Press Replica At The Featherbed Alley Printshop Museum In Bermuda\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/gutenberg.jpg\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/VPenkov\/okayNav\">OkayNav<\/a><\/h2>\n<p><strong>OkayNav<\/strong> is a jQuery to build a responsive navigation, but not just yet another one. The plugin has a slightly different take on responsive design: as the viewport is resized down to smaller, each menu will be <strong>gradually<\/strong> merged in an icon to tolerate the limited viewport size. Sounds cool, doesn\u2019t it?<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"OkayNav Sliding Menu\" height=\"424\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/okaynav.gif\" width=\"730\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/robinrendle.com\/essays\/new-web-typography\/\">New Web Typography<\/a><\/h2>\n<p>The <strong>New Web Typography<\/strong> is an in-depth, eye opening essay on typography. It discusses the styles from the early days of books to the current way we build and consume on the web. Well-researched with multiple  illustrations, and fully referenced, it is a lengthy article by Robin Rendle, but definitely worth reading to gain a better understanding of typography.<\/p>\n<p class=\"recommended_top\"><strong>Read more: <\/strong><a href=\"https:\/\/www.hongkiat.com\/blog\/typography-for-modern-websites\/\">A Look Into: Better Typography For Modern Websites<\/a><\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"New Web Typography Illustrations\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/new-web-typography.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/colorsafe.co\/\">Color Safe<\/a><\/h2>\n<p><strong>Color Safe<\/strong> is a color generator palette for the web. Unlike tools that we have been previously mentioned in this series, ColorSafe will only generate color that comply with the WCAG standard for <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/webaim.org\/blog\/wcag-2-0-and-link-colors\/\">color accessibility<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Color Safe Website\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/colorsafe.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/KittyGiraudel\/a11y-dialog\">Accessible Modal Dialog<\/a><\/h2>\n<p>This is a tiny (only ~0.5kb) JavaScript library to <strong>build a modal dialog window<\/strong>. Being accessible, users are able to easily open, close, and navigate through the dialog with a keyboard and a mouse. The package is simply bare JavaScript, no stylings, so you can freely shape the dialog modal in any way you like.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Accessible Modal Dialog With An Input Form\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/accessible-modal-dialog.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mojs.github.io\/\">Mo.js<\/a><\/h2>\n<p><strong>Mo.js<\/strong> is a complete package of JavaScript animation library. It comes with a couple of presets so you can set and run the animation quickly. It is modular, allowing you to remove unnecessary functionality, as well as fluid and smooth. Being a fresh new library, unfortunately, the documentation is not yet ready (for now).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Mo.js Website Preview\" height=\"484\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/mo.js.jpg\" width=\"800\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vincentgarreau.com\/particles.js\/\">Particles<\/a><\/h2>\n<p>This library adds floating particle networks on your website, simply to make your website look cooler instantly. The particles will react to the cursor movement. The reactions as well as other elements like colors, distance, and shape can be configured through the options.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Particles Demo\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/particles.jpg\" width=\"700\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>Following our previous collection of JavaScript and CSS libraries for building better websites and web applications, we\u2019re back with more valuable resources. This month, we\u2019re expanding our focus to include typography as well. JS Tips JS Tips is a collection of JavaScript tips, some of them revolving around syntax, some about code efficiency and performance,&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 (March 2016) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Following our previous collection of JavaScript and CSS libraries for building better websites and web applications, we&#039;re back with more valuable\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-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 (March 2016)\" \/>\n<meta property=\"og:description\" content=\"Following our previous collection of JavaScript and CSS libraries for building better websites and web applications, we&#039;re back with more valuable\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-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-03-02T13:01:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:46:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/jstips.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (March 2016)\",\"datePublished\":\"2016-03-02T13:01:35+00:00\",\"dateModified\":\"2025-04-21T11:46:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/\"},\"wordCount\":620,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2016\\\/jstips.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (March 2016) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2016\\\/jstips.jpg\",\"datePublished\":\"2016-03-02T13:01:35+00:00\",\"dateModified\":\"2025-04-21T11:46:39+00:00\",\"description\":\"Following our previous collection of JavaScript and CSS libraries for building better websites and web applications, we're back with more valuable\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2016\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2016\\\/jstips.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2016\\\/jstips.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-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 (March 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 (March 2016) - Hongkiat","description":"Following our previous collection of JavaScript and CSS libraries for building better websites and web applications, we're back with more valuable","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (March 2016)","og_description":"Following our previous collection of JavaScript and CSS libraries for building better websites and web applications, we're back with more valuable","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2016-03-02T13:01:35+00:00","article_modified_time":"2025-04-21T11:46:39+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/jstips.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (March 2016)","datePublished":"2016-03-02T13:01:35+00:00","dateModified":"2025-04-21T11:46:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/"},"wordCount":620,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/jstips.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/","name":"Fresh Resources for Web Designers and Developers (March 2016) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/jstips.jpg","datePublished":"2016-03-02T13:01:35+00:00","dateModified":"2025-04-21T11:46:39+00:00","description":"Following our previous collection of JavaScript and CSS libraries for building better websites and web applications, we're back with more valuable","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2016\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/jstips.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2016\/jstips.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-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 (March 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-6N4","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26106","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=26106"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26106\/revisions"}],"predecessor-version":[{"id":73991,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26106\/revisions\/73991"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=26106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=26106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=26106"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=26106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}