{"id":28373,"date":"2016-11-03T21:01:38","date_gmt":"2016-11-03T13:01:38","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=28373"},"modified":"2022-09-18T20:27:11","modified_gmt":"2022-09-18T12:27:11","slug":"designers-developers-monthly-11-2016","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (November 2016)"},"content":{"rendered":"<p>Back for more <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">fresh resources<\/a>? This round includes a few more tools for developers, a book on how to maintain CSS for large-scale organizations, two different user interfaces \u2013 one graphical, the other command line \u2013 and plenty more.<\/p>\n<p>Also available in the mix is a fun tool to create your own cartoon avatar as well as a font vault for your typographical needs.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-28373-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 for More Resources\" rel=\"bookmark\"><span class=\"screen-reader-text\">Click 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-28373-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 for More Resources<\/h4>\n<div class=\"ref-description\">\n<p>Find our entire collection of recommended resources and the best web design and development tools available.<\/p>\n<\/div><\/div>\n<\/div>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/designbro.com\/blog\/resources\/freebie-sites-for-founders-makers\/\">Zipplist<\/a><\/h2>\n<p>Zipplist is a collection of websites for all creatives. Whether you are looking for photos, videos, icons, mockups, or patterns, you can find and get them from the <strong>websites listed in Zipplist<\/strong> for free. This makes Zipplist top of the list of must-bookmarked websites.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/zipplist.jpg\" width=\"839\" height=\"629\" alt=\"zipplist\"><\/figure>\n<h2>TypeNugget<\/h2>\n<p>TypeNugget enables you to <strong>generate typographic styles more intuitively<\/strong>. TypeNugget features a number of <strong>graphical interfaces<\/strong> to select font family, set up the font size, line height, just to name a few, and you can immediately see how your styles look like in the preview pane. You can <strong>select the output in LESS, Sass, or plain CSS<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/typenugget.jpg\" width=\"641\" height=\"578\" alt=\"type nugget\"><\/figure>\n<h2><a href=\"https:\/\/www.hongkiat.com\/blog\/replace-wp-plugins-optimized-code-snippets\/\">You Might Not Need That WP Plugin<\/a><\/h2>\n<p>WordPress can be easily extended with a plugin. Whatever you think to add in your website, <strong>there is probably a plugin for that<\/strong>. But that doesn\u2019t mean you actually <em>need<\/em> it.<\/p>\n<p>This website, as the name implies, <strong>features a number of snippets<\/strong> that you can include in your theme <code>functions.php<\/code>, add it in <code>.htaccess<\/code> that will deliver the same functionalities.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/replace-wp-plugins-optimized-code-snippets\/01-not-need-wp-plugin-homepage-preview.jpg\" width=\"1000\" height=\"615\" alt=\"you might not need that plugin\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.jpeg.io\/\">JPEG.io<\/a><\/h2>\n<p>JPEG.io is a web tool to <strong>convert any image formats<\/strong> including WEBP, SVG, and EPS <strong>into JPEG<\/strong>. Backed by Kraken.io, a well-known service for <strong>JPEG compression<\/strong>, the output will be compressed while <strong>still retaining the image quality<\/strong>. Add images by drag-n-drop, or import it through Dropbox, Google Drive or Box.<\/p>\n<figure> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/jpegio.jpg\" alt=\"jpegio\" width=\"800\" height=\"503\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/milligram-css\/\" rel=\"noopener\">Milligram<\/a><\/h2>\n<p>Milligram is a <strong>CSS framework<\/strong> with very minimal footprint. Still, it <strong>comes with all the necessary components and styles for a website<\/strong>: buttons, forms, basic typography styles, etc. If you build only a small to medium website scale or maybe tire of Bootstrap and Foundation bloats, you should be looking into Milligram.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/milligram-css\/01-milligram-css-homepage.jpg\" width=\"800\" height=\"417\" alt=\"Milligram\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/IonicaBizau\/git-stats\">Git Stats<\/a><\/h2>\n<p><strong>Git Stats<\/strong> is a utility that will <strong>show your git activity statistics<\/strong> similar to GitHub, only it\u2019s shown <strong>in your Terminal<\/strong> through a command line. The command line allows you to generate the stats of a certain month, date, author, or in a select range of months.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/git-stats.jpg\" height=\"661\" width=\"800\" alt=\"Git Stats Celendar and Statistic in Terminal\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/fabiospampinato\/cash\">Cash<\/a><\/h2>\n<p><strong>Cash<\/strong> is a <strong>lightweight alternative to jQuery<\/strong> for modern browsers. The library covers many frequently used jQuery APIs including  DOM selectors, utility functions such as <code>$.isArray()<\/code>, and the AJAX functions. If your project is <strong>targeting only modern browsers<\/strong> (ie IE10 and above), this is the library to consider.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/cash.jpg\" height=\"433\" width=\"800\" alt=\"Cash (jQuery Super Lightweight) Alternative Github Repo\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/adorable.io\/\">Adorable Avatars<\/a><\/h2>\n<p>As the name implies, you can <a href=\"https:\/\/www.hongkiat.com\/blog\/websites-to-create-unique-avatar\/\">create an adorable cartoon avatar<\/a> through this web app. To get one, add a random username or email address, change the size and add rounded corners. The app generates the the URL where you can view your avatar image. If you cannot find any good photos for your public profiles, consider creating one with this app.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/adorable-avatars.jpg\" height=\"437\" width=\"800\" alt=\"Adorable Avatars Generator Web Interface\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/typicode\/hotel\">Hotel<\/a><\/h2>\n<p><strong>Hotel<\/strong> is a handy app that allows you to create a local domain for development conveniently. It works cross-platform and servers no matter if you use PHP, Ruby, or Node. It also supports SSL.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/hotel.gif\" height=\"390\" width=\"785\" alt=\"Hotel Dashboard Previewed in Chrome\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ecss.io\/\">Enduring CSS<\/a><\/h2>\n<p><strong>Enduring CSS<\/strong> is an online book consisting a number of chapters that <strong>walk you through authoring CSS for large-scale or enterprise websites<\/strong>. The book will teach readers <strong>principles, tools, ideas, conventions to construct CSS<\/strong> that will still be relevant for years to come.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/enduring-css.jpg\" height=\"400\" width=\"700\" alt=\"Enduring CSS Homepage\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ionicframework.com\/blog\/focusing-on-fewer-things\/\">Ionic Lab<\/a><\/h2>\n<p>The<strong> Ionic <\/strong> app lets you build mobile applications using the Ionic framework. The app makes it <strong>easier and quicker to kick off an app<\/strong> with the pre-defined Ionic templates, previewing, building, and testing the app on real devices. It is free and works in OS X, Linux, and Windows 10.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/ionic-lab.jpg\" height=\"396\" width=\"800\" alt=\"Ionic Lab OSX App Interaface\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/open-foundry.com\/\">Open Foundry<\/a><\/h2>\n<p><strong>Open Foundry<\/strong> is a collection of free typefaces. Keep in mind the usage license though as some fonts many be used on the web, and some fonts can only be used for personal projects. Nonetheless, <strong>these fonts are gorgeous<\/strong> and a great alternative to Google Fonts.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/openfoundry.jpg\" height=\"390\" width=\"800\" alt=\"Poppins Medium typeface in Open-Foundry.com\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.gitkraken.com\/\">GitKraken<\/a><\/h2>\n<p><strong>GitKraken<\/strong> is a <strong>git graphic interface<\/strong>. It allows you to intuitively perform git tasks like merging and commiting <strong>through clicks and drag-and-drop<\/strong>. As GitKraken is built with web technologies, it allows the interface to be responsive at any viewport size, and it works cross-platform. Plus, it\u2019s free to use.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/gitkraken.jpg\" height=\"440\" width=\"800\" alt=\"GitKraken\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/soimort\/you-get\">YouGet<\/a><\/h2>\n<p><strong>YouGet<\/strong> is a <strong>command line interface to download content <\/strong>such as images, videos, and audios from a webpage easily. Simply run the command <code>you-get<\/code> and point out the page URL, and it will download files from that page. You can also use the command to <strong>search relevant content in Google<\/strong> and let it download files of the most relevant search results.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/soimort\/you-get\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/youget.jpg\" height=\"478\" width=\"800\" alt=\"You command line interface\"><\/a><\/figure>","protected":false},"excerpt":{"rendered":"<p>Back for more fresh resources? This round includes a few more tools for developers, a book on how to maintain CSS for large-scale organizations, two different user interfaces \u2013 one graphical, the other command line \u2013 and plenty more. Also available in the mix is a fun tool to create your own cartoon avatar as&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 (November 2016) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Back for more fresh resources? This round includes a few more tools for developers, a book on how to maintain CSS for large-scale organizations, two\" \/>\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-11-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 (November 2016)\" \/>\n<meta property=\"og:description\" content=\"Back for more fresh resources? This round includes a few more tools for developers, a book on how to maintain CSS for large-scale organizations, two\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-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-11-03T13:01:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-18T12:27:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/zipplist.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\\\/designers-developers-monthly-11-2016\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2016\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (November 2016)\",\"datePublished\":\"2016-11-03T13:01:38+00:00\",\"dateModified\":\"2022-09-18T12:27:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2016\\\/\"},\"wordCount\":831,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2016\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2016\\\/zipplist.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-11-2016\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2016\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2016\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (November 2016) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2016\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2016\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2016\\\/zipplist.jpg\",\"datePublished\":\"2016-11-03T13:01:38+00:00\",\"dateModified\":\"2022-09-18T12:27:11+00:00\",\"description\":\"Back for more fresh resources? This round includes a few more tools for developers, a book on how to maintain CSS for large-scale organizations, two\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2016\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2016\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2016\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2016\\\/zipplist.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2016\\\/zipplist.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-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 (November 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 (November 2016) - Hongkiat","description":"Back for more fresh resources? This round includes a few more tools for developers, a book on how to maintain CSS for large-scale organizations, two","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-11-2016\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (November 2016)","og_description":"Back for more fresh resources? This round includes a few more tools for developers, a book on how to maintain CSS for large-scale organizations, two","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2016-11-03T13:01:38+00:00","article_modified_time":"2022-09-18T12:27:11+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/zipplist.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\/designers-developers-monthly-11-2016\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (November 2016)","datePublished":"2016-11-03T13:01:38+00:00","dateModified":"2022-09-18T12:27:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/"},"wordCount":831,"commentCount":5,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/zipplist.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-11-2016\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/","name":"Fresh Resources for Web Designers and Developers (November 2016) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/zipplist.jpg","datePublished":"2016-11-03T13:01:38+00:00","dateModified":"2022-09-18T12:27:11+00:00","description":"Back for more fresh resources? This round includes a few more tools for developers, a book on how to maintain CSS for large-scale organizations, two","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2016\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/zipplist.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2016\/zipplist.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-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 (November 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-7nD","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/28373","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=28373"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/28373\/revisions"}],"predecessor-version":[{"id":62300,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/28373\/revisions\/62300"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=28373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=28373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=28373"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=28373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}