{"id":50398,"date":"2020-06-11T21:11:52","date_gmt":"2020-06-11T13:11:52","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=50398"},"modified":"2025-04-21T18:07:48","modified_gmt":"2025-04-21T10:07:48","slug":"designers-developers-monthly-06-2020","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (June 2020)"},"content":{"rendered":"<p>As we navigate through these challenging times, the web development community continues to innovate and create amazing tools to help us build better websites and applications. This month\u2019s collection brings together some truly impressive resources that caught our attention.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-50398-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-50398-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\/jbroadway\/analog\">Analog<\/a><\/h2>\n<p>A PHP library that makes it easy for you to <strong>write a log for error, warning, or debugging<\/strong>. It provides lots of options to put the log i.e. on a log file, throw it to <code>stderr<\/code> so you can view it in the Terminal, to a database like MySQL and MongoDB, send it to email, or to a third-party service like Slack.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Analog\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/analog.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/ErikDubbelboer\/phpRedisAdmin\">phpRedisAdmin<\/a><\/h2>\n<p>phpRedisAdmin a dashboard UI where you can conveniently manage database similar to phpMyAdmin. But it\u2019s of <strong>managing MySQL database<\/strong> and manages <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/redis.io\/\">Redis<\/a>, an in-memory data structure that can be used as a database or for caching.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PHP Redis Admin\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/php-redis-admin.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/facade\/ignition\">Ignition<\/a><\/h2>\n<p>Error stacks don\u2019t have to be boring. If you run your website or application with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/laravel.com\/\">Laravel<\/a>, you can install this Iginition package. It\u2019ll instantly make the error page look a lot nicer. Just look at the screenshot \u00f0\u0178\u2018\u20ac.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Ignition\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/ignition.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/rialto-php\/puphpeteer\">Puphpeteer<\/a><\/h2>\n<p>Puphpeteer is a PHP library that allows you to write commands to <strong>orchestrate Puppeteer with PHP syntax<\/strong>. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/puppeteer\/puppeteer\">Puppeteer<\/a> is a Headless Chrome Node.js API that among other things can be used to run automatic testing in a browser. It is usually orchestrated with an NPM module and JavaScript.<\/p>\n<p>So, if your website and application is built with PHP and you\u2019re more convenient working with PHP, this library will save you the day.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Puphpeteer\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/puphpeteer.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/shopware\/platform\">Shopware Platform<\/a><\/h2>\n<p>An e-commerce platform built around modern stack of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/symfony.com\/\">Symfony<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vuejs.org\/\">Vue.js<\/a> with a focus on the API first. This allows it to integrate easily with third-party platforms like payment gateway, ERP, or creating a custom module.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Shopware\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/shopware.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.hestiacp.com\/\">Hestia<\/a><\/h2>\n<p>A <strong>PHP framework to build a web server control panel for Ubuntu and Debian<\/strong>. If you\u2019re looking for an easy way to manage hosting or server for your clients. This is probably the framework you\u2019ve been looking for.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Hestia\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/hestia.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/aaemnnosttv\/wp-cli-valet-command\">WP CLI Valet Command<\/a><\/h2>\n<p>A simple WP CLI module that allows you to spin up localhost for WordPress <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/laravel.com\/docs\/7.x\/valet\">using Laravel Valet<\/a>. And since it\u2019s dependant on Laravel Valet, this module will only work in macOS, unfortunately.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"WP CLI Valet\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/wp--cli-valet.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wp-sentry-integration\/\">WP Sentry<\/a><\/h2>\n<p>A WordPress plugin to easily integrate your WordPress site to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/sentry.io\/\">Sentry.io<\/a> \u2013 a SaaS to log error across different platforms. It enables you to <strong>log both your PHP and JavaScript errors<\/strong>, providing a comprehensive error tracing and allowing you to fix errors more efficiently.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Sentry\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/sentry.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/Qoraiche\/laravel-mail-editor\">Mail Eclipse<\/a><\/h2>\n<p>An application for your Laravel website and app that allows you to edit email template with a nice GUI. It supports creating text template and HTML template.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Mail Eclipse\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/mail-eclipse.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/larecipe.saleem.dev\/\">LaRecipe<\/a><\/h2>\n<p>A <strong>PHP library for your Laravel website and application<\/strong>. It\u2019s packed with features for professional and organized documentation; it supports Markdown syntax, UI is built on top of Vue.js, and search is powered by Algolia so it results in blazing fast and relevant results.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"La Recipe\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/larecipe.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/aw-studio\/fjord-playground\/blob\/master\/fjord\/app\/Config\/Crud\/DepartmentConfig.php\">Fjord<\/a><\/h2>\n<p>A PHP library to create a content dashboard. It\u2019s fully customizable and allows you to add any field on to the dashboard like basic text input, text area, date and time field, WYSIWYG editor, or create custom UI component using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vuejs.org\/\">Vue.js<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Fjord\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/fjord.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/beyondco.de\/course\/learning-react-php\/event-loop\/the-event-loop\">Learn ReactPHP<\/a><\/h2>\n<p>It\u2019s a <strong>free video course to learn ReactPHP<\/strong> from Marcel Pociot and Beyond Code. ReactPHP is a PHP library that aims to make it easier to run Aysnchronous PHP application. With ReactPHP you can create an application like CLI, virtual web server, daemon, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"React PHP\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/react-php.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.phpinternalsbook.com\/\">PHP Internals<\/a><\/h2>\n<p>PHP INternals Book contains the instructions to create a PHP extension written in C. If you\u2019re interested in creating extension such as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/xdebug.org\/\">XDebug<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/phpredis\/phpredis\">Redis<\/a>, etc. then take a look at this content.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PHP Internals\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/php-internals.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/zephir-lang.com\/\">Zephir<\/a><\/h2>\n<p>Zephir is a high-level programming language that makes it easy to create a PHP extension. Instead of dealing with C directly which could be cumbersome, Zephir language provides a more familiar syntax as it looks similar to PHP. The compiler will then convert the code down to C to compile it into a PHP extension.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Zephir\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/zephir.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/phalcon.io\/en-us\">Phalcon<\/a><\/h2>\n<p>Phalcon is a <strong>full-fledged MVC framework<\/strong>. But unlike Laravel and Symfony, Phalcon is installed as a PHP extension. It\u2019s built using Zephir which compiled down to C. This why Phalcon runs so fast compared to other MVC framework.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Phalcon\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/phalcon.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.php-cpp.com\/\">PHP CPP<\/a><\/h2>\n<p>Another way for creating a PHP extension is by using C++ with this framework, PHP-CPP. It provides an abstraction in C++ that will also convert it down to C then to a PHP extension<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PHP CPP\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/php-cpp.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tallstack.dev\/\">Tall Stack<\/a><\/h2>\n<p>TALL stands for <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tailwindcss.com\/\">Tailwind CSS<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/alpinejs\/alpine\">Alpine.js<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/laravel.com\/\">Laravel<\/a>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/laravel-livewire.com\/\">Livewire<\/a>. It\u2019s a stack of framework that boosts your productivity to build a functional and interactive application or website.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Tall Stack\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/tall.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/psysh.org\/\">Psysh<\/a><\/h2>\n<p>This tool provides a<strong> debugger for PHP from the Shell \/ Terminal<\/strong>. It\u2019s equipped with auto-completion, supports namespacing, and you can read documentation right from it. Psysh may be a better replacement for the native PHP interactive shell: <code>php -a<\/code>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Psysh\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/psysh.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/kinsta.com\/blog\/php-8\/\">PHP 8 Features and Improvements<\/a><\/h2>\n<p>A comprehensive article that <strong>introduces improvements, new functions, and syntax in PHP 8<\/strong>. At the point of this writing, PHP 8 is just around the corner. Alpha release is scheduled this month and aiming final release in December this year (2020).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PHP 8\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/php-8.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/features\/codespaces\/\">Codespace<\/a><\/h2>\n<p>Last but not least, Github has recently introduced a new feature called Codespace. It\u2019s an editor that you can launch in Github and runs right in the browser. It works quite similar to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/code.visualstudio.com\/\">Visual Studio Code<\/a> where you can customize the editor and install the extension. This new feature is quite a breakthrough that may change the way we use a code editor.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Codespace\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/codespace.jpg\" width=\"750\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>As we navigate through these challenging times, the web development community continues to innovate and create amazing tools to help us build better websites and applications. This month\u2019s collection brings together some truly impressive resources that caught our attention. Analog A PHP library that makes it easy for you to write a log for error,&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 (June 2020) - Hongkiat<\/title>\n<meta name=\"description\" content=\"As we navigate through these challenging times, the web development community continues to innovate and create amazing tools to help us build better\" \/>\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-06-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 (June 2020)\" \/>\n<meta property=\"og:description\" content=\"As we navigate through these challenging times, the web development community continues to innovate and create amazing tools to help us build better\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-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-06-11T13:11:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:07:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/analog.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-06-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2020\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (June 2020)\",\"datePublished\":\"2020-06-11T13:11:52+00:00\",\"dateModified\":\"2025-04-21T10:07:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2020\\\/\"},\"wordCount\":950,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-06-2020\\\/analog.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2020\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2020\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (June 2020) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-06-2020\\\/analog.jpg\",\"datePublished\":\"2020-06-11T13:11:52+00:00\",\"dateModified\":\"2025-04-21T10:07:48+00:00\",\"description\":\"As we navigate through these challenging times, the web development community continues to innovate and create amazing tools to help us build better\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-06-2020\\\/analog.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-06-2020\\\/analog.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-06-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 (June 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 (June 2020) - Hongkiat","description":"As we navigate through these challenging times, the web development community continues to innovate and create amazing tools to help us build better","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-06-2020\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (June 2020)","og_description":"As we navigate through these challenging times, the web development community continues to innovate and create amazing tools to help us build better","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-06-11T13:11:52+00:00","article_modified_time":"2025-04-21T10:07:48+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/analog.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-06-2020\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (June 2020)","datePublished":"2020-06-11T13:11:52+00:00","dateModified":"2025-04-21T10:07:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/"},"wordCount":950,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/analog.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/","name":"Fresh Resources for Web Designers and Developers (June 2020) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/analog.jpg","datePublished":"2020-06-11T13:11:52+00:00","dateModified":"2025-04-21T10:07:48+00:00","description":"As we navigate through these challenging times, the web development community continues to innovate and create amazing tools to help us build better","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-2020\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/analog.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-06-2020\/analog.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-06-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 (June 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-d6S","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/50398","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=50398"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/50398\/revisions"}],"predecessor-version":[{"id":73897,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/50398\/revisions\/73897"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=50398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=50398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=50398"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=50398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}