{"id":48623,"date":"2019-08-30T23:27:34","date_gmt":"2019-08-30T15:27:34","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=48623"},"modified":"2025-04-21T18:08:03","modified_gmt":"2025-04-21T10:08:03","slug":"fresh-resources-for-web-designers-and-developers-august-2019","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (August 2019)"},"content":{"rendered":"<p>It\u2019s time for another monthly round of featuring some top resources for our fellow web developers. Previously, in the Fresh Resources series, we have mostly featured tools and apps for designers and developers.<\/p>\n<p>This month, however, we have more <strong>resources that help you brush up your skills<\/strong> as a web developer. We have a tip for using SVG, a resource to learn more about TTFB, information on creating an accessible UI, and many other interesting subjects. Let\u2019s take a look.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-48623-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-48623-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:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Accessibility\/ARIA\/Reference\/Roles\/img_role\">SVG Role Image<\/a><\/h2>\n<p>Here is a <strong>handy tip on using SVG<\/strong>. SVG is used to display graphical presentations on your website like an image. However, unlike the <code>img<\/code> element, SVG may consist of multiple elements like <code>path<\/code>, <code>g<\/code>, or <code>circle<\/code>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"SVG Role Image\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/svg-image-role.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/csswizardry.com\/2019\/08\/time-to-first-byte-what-it-is-and-why-it-matters\/\">What is TTFB?<\/a><\/h2>\n<p>Have you ever wondered why your site seems to be loading slowly, even though you\u2019ve done all the optimizations advised on the Internet? The problem might be detected in the site\u2019s TTFB or \u201cTime to First Byte\u201d. This <strong>article from CSS Wizardry provides a full insight into TTFB<\/strong> and how you may be able to optimize it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"What Is TTFB\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/ttfb-chrome.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.a11ywithlindsey.com\/blog\/create-custom-keyboard-accessible-radio-buttons\/\">Custom Accessible Radio Input<\/a><\/h2>\n<p>Accessibility features are what make the web great. They allow people with disabilities to browse and interact with the web. This <strong>article from Lindsey teaches you how to create a nice-looking accessible radio input<\/strong>. You\u2019ll see that creating an accessible UI does not necessarily mean it has to look dull.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Custom Accessible Radio Input\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/accessible-radio.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/humanmade\/simple-entity-decode\">Simple Entity Decode<\/a><\/h2>\n<p>A small JavaScript library that allows you to <strong>decode characters from their HTML form to their human-readable form<\/strong>. For example, you can convert <code>&amp;<\/code> to <code>&<\/code>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Simple Entity Decode\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/simple-entity-decode.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/egghead.io\/courses\/gatsby-theme-authoring\">Gatsby Theme Authoring<\/a><\/h2>\n<p>Creating static sites is on the rise (again) because they\u2019re blazing fast. One of the tools that are gaining popularity among web developers is Gatsby. Egghead provides a screencast to learn how to create a theme for Gatsby, and it\u2019s free.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Gatsby Theme Authoring\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/gatsby-theme-authoring.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/f0rb1d\/postwoman\">Postwoman<\/a><\/h2>\n<p>Postwoman is a <strong>web-based tool to compose API requests<\/strong>. You can set the request method, URL, path, parameters, authentication, etc., and see the response \u2014 a convenient tool.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Postwoman\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/postwoman.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/nushell\/nushell\">Nushell<\/a><\/h2>\n<p>It\u2019s a modern Shell built with Rust. It enhances a few Shell commands, for example, the <code>ls<\/code> command. Nushell can show the output of the <code>ls<\/code> command with enriched data as we can see in the following image.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Nushell\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/nushell.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/watch?v=1_hHxra0Lf4\">What is ES2019<\/a><\/h2>\n<p>JavaScript has vastly improved in the past few years. It seems ES6 or ES2015 was just yesterday, but we now have a new spec codenamed ES2019. This video from JSConf EU will show you a glimpse of what we can do in JavaScript with the ES2019 specification.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"What Is ES2019\" height=\"467\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/es2019.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dockerlabs.collabnix.com\">Dockerlabs<\/a><\/h2>\n<p>A collection of tutorials that\u2019ll teach you Docker and Kubernetes. Not only does it provide <strong>text-based tutorials, but you can also try them right in your browser<\/strong>.<\/p>\n<p>Moreover, you do not need to install anything on your computer. All you need to experience Docker like Docker Engine, Docker Compose & Docker Machine are already set up so you can start learning.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Dockerlabs\" height=\"467\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/learn-docker.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/kanboard.org\">Kanboard<\/a><\/h2>\n<p>Kanboard is a PHP-based application for Kanban boards. Using <strong>Kanban boards is a popular style to manage tasks and projects<\/strong>. There are a few commercial applications that you can immediately use like Trello. If you\u2019re the type of person who prefers full control over your app, using Kanboard may be a good alternative as you can install it on your server.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Kanboard\" height=\"467\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/kanboard.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/yangshun\/tech-interview-handbook\">Tech Interview Handbook<\/a><\/h2>\n<p>A collection of examples, tips, and cheatsheets to help you better prepare for an interview in the tech sector. If you\u2019re in the process of job searching, you might find this useful.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Tech Interview Handbook\" height=\"467\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/tech-interview-handbook.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/epicmaxco\/vuestic-admin\">Vuestic Admin<\/a><\/h2>\n<p>An <strong>admin dashboard template built on top of Vue.js<\/strong>. It comes with UI components that you\u2019ll usually need to build a usable Admin dashboard like Charts, data tables, forms, and many more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vuestic Admin\" height=\"393\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/vuestic.jpg\" width=\"749\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.github.com\/training-kit\">Git Training Kit<\/a><\/h2>\n<p>Here is an <strong>in-depth reference for using Git provided by GitHub<\/strong>. A useful reference to learn Git whether you\u2019re just getting started or already have some experience.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Git Training Kit\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/github-git-cheat-sheet.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/trimstray\/nginx-admins-handbook\">Nginx Admin Handbook<\/a><\/h2>\n<p>A collection of tips on making the most of nginx. The nginx handbook covers many topics including security, debugging, and of course, the basics.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Nginx Admin Handbook\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/nginx-admins-handbook.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/xtermjs.org\">XtermJS<\/a><\/h2>\n<p>A <strong>JavaScript library that allows you to create a Terminal-like interface<\/strong> that you can run on the web.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"XtermJS\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/xterm.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/dylanaraps\/pure-bash-bible\">Pure Bash Bible<\/a><\/h2>\n<p>Tips, code examples, best practices, and basically a complete package of learning materials to master <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Bash_(Unix_shell)\">Bash<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Pure Bash Bible\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/bash.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/lukeed\/polka\">Polka<\/a><\/h2>\n<p>Polka is a <strong>simple HTTP server built with Node<\/strong>. It supports routing, middleware, and sub-applications. It\u2019s a great alternative to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/expressjs.com\/\">Express.js<\/a>. In fact, it performs 30-50% faster.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Polka\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/polka.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/designpatternsphp.readthedocs.io\/en\/latest\">Design Patterns PHP<\/a><\/h2>\n<p>\u201cDesign Pattern\u201d is created to <strong>solve common problems when developing an application<\/strong>. This is one of the most complete references to learn Design Patterns in PHP.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Design Patterns PHP\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/design-patterns-php.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/docs.microsoft.com\/en-gb\/samples\/browse\">Code Samples<\/a><\/h2>\n<p>As the name implies, this is a <strong>collection of code samples provided by Microsoft<\/strong>. It is pretty extensive, ranging from C to PHP programming language.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Code Samples\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/code-samples.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/iview\/iview\">iViewUI<\/a><\/h2>\n<p>A <strong>collection of UI components based on the Vue.js framework<\/strong>. Like a typical framework, iView is equipped with UI Components, from essential elements like buttons to more complicated components like Carousels.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"iViewUI\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/iviewui.jpg\" width=\"750\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>It\u2019s time for another monthly round of featuring some top resources for our fellow web developers. Previously, in the Fresh Resources series, we have mostly featured tools and apps for designers and developers. This month, however, we have more resources that help you brush up your skills as a web developer. We have a tip&hellip;<\/p>\n","protected":false},"author":1,"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,510,511],"topic":[],"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 (August 2019) - Hongkiat<\/title>\n<meta name=\"description\" content=\"It&#039;s time for another monthly round of featuring some top resources for our fellow web developers. Previously, in the Fresh Resources series, we have\" \/>\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-designers-and-developers-august-2019\/\" \/>\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 (August 2019)\" \/>\n<meta property=\"og:description\" content=\"It&#039;s time for another monthly round of featuring some top resources for our fellow web developers. Previously, in the Fresh Resources series, we have\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/\" \/>\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=\"2019-08-30T15:27:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:08:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/svg-image-role.jpg\" \/>\n<meta name=\"author\" content=\"Hongkiat Lim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hongkiat Lim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 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-designers-and-developers-august-2019\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/\"},\"author\":{\"name\":\"Hongkiat Lim\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e3613a3bf757e4f67770f0b7a339edd0\"},\"headline\":\"Fresh Resources for Web Designers and Developers (August 2019)\",\"datePublished\":\"2019-08-30T15:27:34+00:00\",\"dateModified\":\"2025-04-21T10:08:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/\"},\"wordCount\":859,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2019\\\/svg-image-role.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\",\"Web Designers\",\"Web Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (August 2019) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2019\\\/svg-image-role.jpg\",\"datePublished\":\"2019-08-30T15:27:34+00:00\",\"dateModified\":\"2025-04-21T10:08:03+00:00\",\"description\":\"It's time for another monthly round of featuring some top resources for our fellow web developers. Previously, in the Fresh Resources series, we have\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2019\\\/svg-image-role.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2019\\\/svg-image-role.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-august-2019\\\/#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 (August 2019)\"}]},{\"@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\\\/e3613a3bf757e4f67770f0b7a339edd0\",\"name\":\"Hongkiat Lim\",\"description\":\"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.\",\"sameAs\":[\"http:\\\/\\\/www.hongkiat.com\\\/blog\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/hongkiat\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fresh Resources for Web Designers and Developers (August 2019) - Hongkiat","description":"It's time for another monthly round of featuring some top resources for our fellow web developers. Previously, in the Fresh Resources series, we have","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-designers-and-developers-august-2019\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (August 2019)","og_description":"It's time for another monthly round of featuring some top resources for our fellow web developers. Previously, in the Fresh Resources series, we have","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2019-08-30T15:27:34+00:00","article_modified_time":"2025-04-21T10:08:03+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/svg-image-role.jpg","type":"","width":"","height":""}],"author":"Hongkiat Lim","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Hongkiat Lim","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/"},"author":{"name":"Hongkiat Lim","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e3613a3bf757e4f67770f0b7a339edd0"},"headline":"Fresh Resources for Web Designers and Developers (August 2019)","datePublished":"2019-08-30T15:27:34+00:00","dateModified":"2025-04-21T10:08:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/"},"wordCount":859,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/svg-image-role.jpg","keywords":["Tools for Designers &amp; Developers","Web Designers","Web Developers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/","name":"Fresh Resources for Web Designers and Developers (August 2019) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/svg-image-role.jpg","datePublished":"2019-08-30T15:27:34+00:00","dateModified":"2025-04-21T10:08:03+00:00","description":"It's time for another monthly round of featuring some top resources for our fellow web developers. Previously, in the Fresh Resources series, we have","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/svg-image-role.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2019\/svg-image-role.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-august-2019\/#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 (August 2019)"}]},{"@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\/e3613a3bf757e4f67770f0b7a339edd0","name":"Hongkiat Lim","description":"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.","sameAs":["http:\/\/www.hongkiat.com\/blog"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/hongkiat\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-cEf","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/48623","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=48623"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/48623\/revisions"}],"predecessor-version":[{"id":73898,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/48623\/revisions\/73898"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=48623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=48623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=48623"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=48623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}