{"id":45537,"date":"2018-09-20T21:01:47","date_gmt":"2018-09-20T13:01:47","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=45537"},"modified":"2021-02-15T18:22:12","modified_gmt":"2021-02-15T10:22:12","slug":"designers-developers-monthly-09-2018","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (September 2018)"},"content":{"rendered":"<p>Here\u2019s the time of the month to feature yet another fresh resource collection for my fellow web developers. In this month\u2019s batch, I have picked the best tools from various programming languages like a <strong>PHP framework to create an avatar image, a Node.js based Wiki<\/strong>, and a tool to generate Let\u2019s Encrypt SSL cert. Without further ado, let\u2019s check out the full list.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/best-php-frameworks\/\" class=\"ref-block__link\" title=\"Read More: 10 PHP Frameworks For Developers \u2013 Best of\" rel=\"bookmark\"><span class=\"screen-reader-text\">10 PHP Frameworks For Developers \u2013 Best of<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/best-php-frameworks.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-24698 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/best-php-frameworks.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">10 PHP Frameworks For Developers \u2013 Best of<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tPHP, known as the most popular server-side scripting language in the world, has evolved a lot since the...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/pwa-starter-kit.polymer-project.org\/\">PWA Starter Kit<\/a><\/h2>\n<p>PWA Starter Kit is a <strong>Google initiative to push \u201cProgressive Web Apps\u201d<\/strong> into the common. PWA Starter Kit includes all the goodies to run, develop, and deploy the PWA such as ServiceWorkers, Offline UI, Build Setup, and Unit Testing. These allow you to <strong>get up and running with PWA<\/strong> quickly.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/pwa-starter-kit.jpg\" alt=\"pwa-starter-kit\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.vuestorefront.io\">Vue StoreFront<\/a><\/h2>\n<p>An inspiring \u201cProgressive Web Apps\u201d, Vue StoreFront is an eCommerce framework built on top of Vue.js. It\u2019s designed to be compatible with a number of eCommerce CMS like Magento, Shopify, and WooCommerce by connecting through their APIs. With this framework, <strong>your eCommerce store can be as fast as a native mobile application<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/vuestorefront.jpg\" alt=\"vuestorefront\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/devhints.io\/\">DevHints<\/a><\/h2>\n<p>A collection of snippets and code examples for many programming languages such as React.js, Sass, Bash, Composer, Rsync, and Docker. It\u2019s handy and easier to digest than a full-blown documentation.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/devhints.jpg\" alt=\"DevHints\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/electron\/fiddle\">Electron Fiddle<\/a><\/h2>\n<p>A desktop application to give a spin for Electron it is quite similar to CodePen or JSFiddle and is designed as a playground. You can play it around, <strong>throw out some codes, and compile it to see how the result plays out<\/strong>. Once you think that your codebase is started to grow, you can export it to a real code editor.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/electron-fiddle.jpg\" alt=\"fiddle\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/devpen.io\/\">DevPen<\/a><\/h2>\n<p>A web-based application to <strong>write Markdown with Github styles<\/strong>. A quite handy tool to write your project README and how it will look before actually pushing it to Github..<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/devpen.jpg\" alt=\"devpen\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/matteosister\/GitElephant\">GitElephant<\/a><\/h2>\n<p>A PHP framework to interact with a Git repository, GitElephant lets you <strong>read the status, checkout to a branch or tag, delete a branch<\/strong>, create a commit, and a lot more. A perfect framework if you need to integrate Git into your PHP application.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/git-elephant.jpg\" alt=\"git-elephant\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/kinsta.com\/blog\/php-7-3\/\">PHP 7.3<\/a><\/h2>\n<p>PHP is a versatile language and I like to see that it keeps improving. PHP 7.3 is just around the corner with some goodies, new functions as well as some deprecations. Check out the full list in this article and make sure that your PHP app is compatible.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/php-73.jpg\" alt=\"php-7.3\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/laravolt\/avatar\">Avatar<\/a><\/h2>\n<p>A PHP library to generate avatar images. With Avatar you can <strong>create the image with color, shape, style, font, and you can save it<\/strong> to a number of different format including JPG, SVG, and Base64.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/laravolt-avatar.jpg\" alt=\"avatar\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/developit\/microbundle\">Microbundle<\/a><\/h2>\n<p>A <strong>zero config tool to bundle JavaScript libraries on your project<\/strong>. You can just install it and run the command to start compiling or watching your project libraries for changes. This tool could save you a lot of time configuring your build tool.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/microbundle.gif\" alt=\"microbundle\" width=\"1194\" height=\"594\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/sghall\/react-move\">ReactMove<\/a><\/h2>\n<p>An advanced React animation component, ReactMove is highly customizable. You can <strong>customize the timing and the easing function, provide custom tweening function<\/strong>, and use it with numerous type of components including HTML, SVG, ReactNative, and TypeScript.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/react-move.jpg\" alt=\"react-move\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/zombie.js.org\">Zombie.js<\/a><\/h2>\n<p>Zombie.js is a <strong>browser testing JavaScript framework<\/strong> that can be used along with a Unit Testing framework like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mochajs.org\/\">Mocha<\/a> or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jestjs.io\/\">Jest<\/a>. This tool could help you test your web application to ensure that it renders and works in the browser as you\u2019d have expected.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/zombie-js.jpg\" alt=\"zombie-js\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/zelark.github.io\/nano-id-cc\/\">NanoID<\/a><\/h2>\n<p>NanoID is a tiny Node module to generate a unique ID. The <strong>ID generated comprises of letters, numbers, and <code>_~<\/code> symbols<\/strong> to mitigate generating duplicated IDs. Aside of a JavaScript library, NanoID is also available in many programming languages and frameworks including PHP, Python, Java, Swift, and Go.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/nanoid.jpg\" alt=\"nanoid\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/faressoft\/terminalizer\">Terminalizer<\/a><\/h2>\n<p>A node module to <strong>record your Terminal session and convert it to an animated GIF image<\/strong>. If you\u2019ve built a CLI tool, this would be a great tool to demonstrate how the CLI works better than a static image.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/terminalizer.gif\" alt=\"terminalizer\" width=\"1776\" height=\"764\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/laravel-admin.org\/\">Laravel Admin<\/a><\/h2>\n<p>A free and <strong>open-source framework to build an Administration interface quickly<\/strong>. It\u2019s built on top of Laravel and Bootstrap, therefore, providing extensibility and customizability right out of the box.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/laravel-admin.jpg\" alt=\"laravel-admin\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/felixrieseberg\/windows95\">Windows95<\/a><\/h2>\n<p>This fun project from Felix Rieseberg, a developer at Slack. Windows95 is a standalone <strong>app that will allow you to run Windows 95 on any platform (Windows, macOS, and Linux)<\/strong>. You can find other virtualization of other old OS in <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/copy.sh\/\">Copy.sh<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/windows95.jpg\" width=\"669\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/jxnblk\/mdx-deck\">MDX Deck<\/a><\/h2>\n<p>A tool that will enable you to <strong>create a slideshow with Markdown and React.js<\/strong>. Being able to use them together, it is now so easy to compose each of your slides while providing interactivity using a React.js Component.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/mdx-deck.jpg\" width=\"720\" height=\"450\"><\/figure>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/\" rel=\"noopener\">20 Responsive Image Galleries and Slideshows (2018)<\/a><\/p>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/dylanaraps\/pure-bash-bible\">Pure Bash Babel<\/a><\/h2>\n<p>A collection of useful snippets of pure Bash scripting. Each script is accompanied with a <strong>short explaination and a couple of usage examples<\/strong> so will understand how the script works.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/bash-bible.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/js.wiki\/\">Wiki.js<\/a><\/h2>\n<p>A modern application to run Wiki powered with the latest greatest tools like Node.js, MongoDB, Git, and Markdown. It\u2019s a great <strong>alternative to an antique Wiki application that runs on PHP and MySQL<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/wikijs.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/oldj\/SwitchHosts\">SwitchHosts<\/a><\/h2>\n<p>A handy macOS application to <strong>manage your computer host files<\/strong>. With this, you can create a number of hosts files and enable it with just a single click.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/switchhosts.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/zerossl.com\">ZeroSSL<\/a><\/h2>\n<p>A handy tool that makes generating Let\u2019s Encrypt SSL cert so much easier. You <strong>do not need to install any additional module or script agent on your site<\/strong>. Simply follow the steps instruction on the site, authenticate, and you\u2019re all set.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/zero-ssl.jpg\" width=\"720\" height=\"450\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>A list of useful web resources like PHP framework, PHP library, and a collection of snippets etc.<\/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":[],"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 (September 2018) - Hongkiat<\/title>\n<meta name=\"description\" content=\"A list of useful web resources like PHP framework, PHP library, and a collection of snippets etc.\" \/>\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-09-2018\/\" \/>\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 (September 2018)\" \/>\n<meta property=\"og:description\" content=\"A list of useful web resources like PHP framework, PHP library, and a collection of snippets etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/\" \/>\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=\"2018-09-20T13:01:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-15T10:22:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/pwa-starter-kit.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-09-2018\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2018\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (September 2018)\",\"datePublished\":\"2018-09-20T13:01:47+00:00\",\"dateModified\":\"2021-02-15T10:22:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2018\\\/\"},\"wordCount\":929,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2018\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2018\\\/pwa-starter-kit.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-09-2018\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2018\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2018\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (September 2018) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2018\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2018\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2018\\\/pwa-starter-kit.jpg\",\"datePublished\":\"2018-09-20T13:01:47+00:00\",\"dateModified\":\"2021-02-15T10:22:12+00:00\",\"description\":\"A list of useful web resources like PHP framework, PHP library, and a collection of snippets etc.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2018\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2018\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2018\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2018\\\/pwa-starter-kit.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2018\\\/pwa-starter-kit.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2018\\\/#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 (September 2018)\"}]},{\"@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 (September 2018) - Hongkiat","description":"A list of useful web resources like PHP framework, PHP library, and a collection of snippets etc.","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-09-2018\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (September 2018)","og_description":"A list of useful web resources like PHP framework, PHP library, and a collection of snippets etc.","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-09-20T13:01:47+00:00","article_modified_time":"2021-02-15T10:22:12+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/pwa-starter-kit.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-09-2018\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (September 2018)","datePublished":"2018-09-20T13:01:47+00:00","dateModified":"2021-02-15T10:22:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/"},"wordCount":929,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/pwa-starter-kit.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-09-2018\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/","name":"Fresh Resources for Web Designers and Developers (September 2018) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/pwa-starter-kit.jpg","datePublished":"2018-09-20T13:01:47+00:00","dateModified":"2021-02-15T10:22:12+00:00","description":"A list of useful web resources like PHP framework, PHP library, and a collection of snippets etc.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/pwa-starter-kit.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2018\/pwa-starter-kit.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2018\/#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 (September 2018)"}]},{"@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-bQt","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/45537","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=45537"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/45537\/revisions"}],"predecessor-version":[{"id":52974,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/45537\/revisions\/52974"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=45537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=45537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=45537"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=45537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}