{"id":52291,"date":"2020-09-08T21:16:21","date_gmt":"2020-09-08T13:16:21","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=52291"},"modified":"2025-04-21T19:50:29","modified_gmt":"2025-04-21T11:50:29","slug":"designers-developers-monthly-09-2020","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (September 2020)"},"content":{"rendered":"<p>We\u2019ve seen tremendous activity from both the PHP and JavaScript communities, especially on Twitter. There have been new updates and releases of PHP packages, JavaScript libraries, and some progress on PHP8. So in this round of our series, we\u2019ve put together various resources from both PHP and JavaScript.<\/p>\n<p>These will provide you with the resources and tools to become an all-around web developer. So, let\u2019s take a look at the resources in the list.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-52291-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-52291-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.github.com\/laravel\/jetstream\">JetStream<\/a><\/h2>\n<p>A new open-source PHP package from Laravel. In a nutshell, it is a scaffold that includes login and registration, email verification, 2FA, session management, and user management. A truly complete package to build a web application using Laravel.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel JetStream\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/laravel-jetstream.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/stripe.com\/blog\/globe\">Stripe.com Globe Tutorial<\/a><\/h2>\n<p>Stripe.com\u2019s new web design has been a buzz on social media. It features a striking gradient color with an interactive globe. In this tutorial, the team at Stripe revealed how they build the globe.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Stripe Globe Tutorial\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/stripe-globe.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/webonyx\/graphql-php\">GraphQL PHP<\/a><\/h2>\n<p>This library allows you to build API on your web application using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/graphql.org\/\">GraphQL<\/a>. If your site is built on top of WordPress, you can simply use <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/wp-graphql\/wp-graphql\">WP GraphQL<\/a> which implements and integrate with the library so you don\u2019t have to set it up from scratch.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"GraphQL PHP\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/graphql-php.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/laravel-frontend-presets\/tall\">TALL Stack<\/a><\/h2>\n<p>TALL is a development stack that consists of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tailwindcss.com\/\">Tailwind<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/alpinejs\/alpine\">Alpine.js<\/a>, Laravel, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/laravel-livewire.com\/\">Livewire<\/a> \u2013 all preconfigured stack set up and running so you can easily build a modern web application using PHP and JavaScript.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"TALL Stack\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/tall-stack.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/systemuicons.com\/\">Systemuicons<\/a><\/h2>\n<p>A collection of modern icons for your web and mobile application. It\u2019s available to load with the CDN and SVG file that you can download. It\u2019s completely free so you can use it in any way you like without attribution to the author.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Systemuicons\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/systemuicons.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/image.intervention.io\/v2\">Image Intervention<\/a><\/h2>\n<p>A PHP library that allows you to manipulate an image file easily. You can do things like resizing, adding watermark, cropping, rotating, and even adding text on the image.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Image Intervention\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/intervention-image.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/wix\/Detox\">Detox<\/a><\/h2>\n<p>This library called Detox aims to make setting up an automated end-to-end (e2e) testing for mobile application much easier. Once it\u2019s set up, it will run your application and emulate the user interaction you have set up in the native iOS emulator.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Detox\" height=\"405\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/wix-detox.gif\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/mozilla\/pdf.js\">PDF.js<\/a><\/h2>\n<p>A JavaScript library built by the team at <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.mozilla.org\/en-US\/\">Mozilla<\/a> to render PDF in the browser. It\u2019s a feature-full library that it\u2019s able to view each page, navigate to a particular page, initiating to print the page, bookmarking the page, or search the content.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PDF JS\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/pdf-js.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/reactpodcast.com\/\">React Podcast<\/a><\/h2>\n<p>React Podcast covers a lot of helpful material on React.js; guides, tips and tricks, interviews with developers, and a case study of popular project. It\u2019s a worth bookmarking resource if you\u2019d like to keep up with this industry.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"React Podcast\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/react-podcast.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/react-spectrum.adobe.com\/\">React Spectrum<\/a><\/h2>\n<p>A collection of a responsive and accessible user interface (UI) from <strong>Adobe<\/strong>. On top of the usual components like the layouts, buttons, and forms, it also comes with a complementary feature that integrates with a testing tool like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/testing-library.com\/docs\/react-testing-library\/intro\">React Testing Library<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jestjs.io\/\">Jest<\/a> or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mochajs.org\/\">Mocha<\/a> to test your application using the UI.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"React Spectrum\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/react-spectrum.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/nelmio\/alice\">Alice<\/a><\/h2>\n<p>Alice is a PHP library that makes it easier to generate dummy data either to develop and test your website using a simple one config file in JSON, YAML, or PHP format.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Alice\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/alice.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/github\/super-linter\">Super Linter<\/a><\/h2>\n<p><strong>Super Linter<\/strong> is a Github Action config by the team at Github itself to run a <em><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Lint_(software)\">linter<\/a><\/em>. It works with the various linters and languages including CSS, PHP, JavaScript, Ruby, and Python out of the box.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Super Linter\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/super-linter.gif\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/microsoft\/fast\">FAST Design<\/a><\/h2>\n<p><strong>FAST<\/strong> is a complete set of tools to build a user interface and design system using the standard Web Components. Developed by the team at Microsoft, the library includes the package which gives you access to the new Microsoft design system, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.microsoft.com\/design\/fluent\/\">Fluent UI<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"FAST Design\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/ms-fast-design.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/rome\/tools\">Rome<\/a><\/h2>\n<p><strong>Rome<\/strong> is a tool that aims to unify several tools together that we now commonly use to build modern JavaScript applications. At the moment, it\u2019s shipped with a stable <em>linter<\/em> but we could expect new tools built-in in the future that would replace Babel, Webpack, Prettier, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Rome\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/rome.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/shoelace.style\/\">Shoelace<\/a><\/h2>\n<p>A UI library built on top of the standard <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.webcomponents.org\/specs\">Web Components<\/a> specification. It contains some feature-rich custom HTML elements that we can use just as easy as a regular HTML. One of my favourite elements is the <code>&lt;sl-rating&gt;&lt;\/sl-rating&gt;<\/code> to add star rating.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Shoelace\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/shoelace.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/php-stubs\/wordpress-stubs\">WordPress Stubs<\/a><\/h2>\n<p>This is a Composer package that provides the necessary data such as the function and class specifications to run <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Static_program_analysis\">static code analysis<\/a> in a WordPress-based project. We can use it with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/phpstan\/phpstan\">PHPStan<\/a> or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/vimeo\/psalm\">Psalm<\/a>; the two most popular tools to perform static code test in PHP.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"WordPress Stubs\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/wordpress-stubs.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/blade-ui-kit.com\/\">Blade UI Kit<\/a><\/h2>\n<p>A collection of reusable <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/laravel.com\/docs\/7.x\/blade#components\">Blade components<\/a>. It\u2019s similar to HTML and Web Components in a way that we use these components as a regular HTML element. We can add it to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/laravel.com\/docs\/7.x\/blade#template-inheritance\">a template page<\/a>, set the attributes with the appropriate values, and it will render the content.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Blade UI Kit\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/blade-ui-kit.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/stitches.dev\/\">Stitches<\/a><\/h2>\n<p>Stitches is a \u201cstyling\u201d library that aims to modernize and simplify styling components generated with virtual DOM, such as those with React.js. It\u2019s fast, supports the server-side rendering, and provides a much better developer experience.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Stitches\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/stitches.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/hybrids.js.org\/\">Hybrid.js<\/a><\/h2>\n<p>A JavaScript library to register a custom Web Component. Unlike the other similar libraries which forces implementing with the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Classes\">JS class syntax<\/a>, it allows you to do it using just a plain function which, in JavaScript, makes the syntax easier to write and to understand.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Hybrid JS\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/hybridjs.jpg\" width=\"720\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>We\u2019ve seen tremendous activity from both the PHP and JavaScript communities, especially on Twitter. There have been new updates and releases of PHP packages, JavaScript libraries, and some progress on PHP8. So in this round of our series, we\u2019ve put together various resources from both PHP and JavaScript. These will provide you with the resources&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"closed","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.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (September 2020) - Hongkiat<\/title>\n<meta name=\"description\" content=\"We&#039;ve seen tremendous activity from both the PHP and JavaScript communities, especially on Twitter. There have been new updates and releases of PHP\" \/>\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-2020\/\" \/>\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 2020)\" \/>\n<meta property=\"og:description\" content=\"We&#039;ve seen tremendous activity from both the PHP and JavaScript communities, especially on Twitter. There have been new updates and releases of PHP\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/\" \/>\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=\"2020-09-08T13:16:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:50:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/laravel-jetstream.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=\"9 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-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2020\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (September 2020)\",\"datePublished\":\"2020-09-08T13:16:21+00:00\",\"dateModified\":\"2025-04-21T11:50:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2020\\\/\"},\"wordCount\":917,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2020\\\/laravel-jetstream.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2020\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2020\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (September 2020) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2020\\\/laravel-jetstream.jpg\",\"datePublished\":\"2020-09-08T13:16:21+00:00\",\"dateModified\":\"2025-04-21T11:50:29+00:00\",\"description\":\"We've seen tremendous activity from both the PHP and JavaScript communities, especially on Twitter. There have been new updates and releases of PHP\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2020\\\/laravel-jetstream.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2020\\\/laravel-jetstream.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2020\\\/#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 2020)\"}]},{\"@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 2020) - Hongkiat","description":"We've seen tremendous activity from both the PHP and JavaScript communities, especially on Twitter. There have been new updates and releases of PHP","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-2020\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (September 2020)","og_description":"We've seen tremendous activity from both the PHP and JavaScript communities, especially on Twitter. There have been new updates and releases of PHP","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-09-08T13:16:21+00:00","article_modified_time":"2025-04-21T11:50:29+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/laravel-jetstream.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":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (September 2020)","datePublished":"2020-09-08T13:16:21+00:00","dateModified":"2025-04-21T11:50:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/"},"wordCount":917,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/laravel-jetstream.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/","name":"Fresh Resources for Web Designers and Developers (September 2020) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/laravel-jetstream.jpg","datePublished":"2020-09-08T13:16:21+00:00","dateModified":"2025-04-21T11:50:29+00:00","description":"We've seen tremendous activity from both the PHP and JavaScript communities, especially on Twitter. There have been new updates and releases of PHP","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/laravel-jetstream.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2020\/laravel-jetstream.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/#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 2020)"}]},{"@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-dBp","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52291","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=52291"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52291\/revisions"}],"predecessor-version":[{"id":74006,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52291\/revisions\/74006"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=52291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=52291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=52291"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=52291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}