{"id":48366,"date":"2019-07-30T23:11:12","date_gmt":"2019-07-30T15:11:12","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=48366"},"modified":"2025-04-21T19:52:49","modified_gmt":"2025-04-21T11:52:49","slug":"designers-developers-monthly-07-2019","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (July 2019)"},"content":{"rendered":"<p>The PHP ecosystem has been evolving at an impressive pace, with PHP 7.4 entering its first beta phase. This latest version brings exciting improvements across the board \u2013 from new syntax features to performance enhancements and some feature deprecations.<\/p>\n<p>In this edition, we\u2019re excited to showcase a diverse collection of tools and resources. We\u2019ll explore the PHP ecosystem, including popular packages and frameworks, and take a deep dive into how Vue.js has become a go-to JavaScript framework in the PHP and Laravel communities. Let\u2019s begin with some Vue.js resources that caught our attention!<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-48366-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-48366-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:\/\/vuematerial.io\">Vue Material<\/a><\/h2>\n<p>A wrapper to Google Material design specification and principles for Vue.js framework. In that sense, \u201cVueMaterial\u201d includes the Material Design components such as the Card, Button, Datepicker, Dialog, Drawer and Forms. It\u2019s the best of both world, we get a solid design principle from Google Material with an easy implementaion from Vue.js.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vue Material\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-material.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gocanto.github.io\/google-autocomplete\/\">Google Autocomplete<\/a><\/h2>\n<p>The name says it all. This is a Vue.js component to apply address autocompletion with the Google Automplete API. Using the component is as easy as adding the custom element that comes with it, <code>&lt;google-autocomplete&gt;&lt;\/google-autocomplete&gt;<\/code>, and pass in the option configurations. Check it in action from this <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gocanto.github.io\/google-autocomplete\/\">link<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Google Autocomplete\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-google-autocomplete.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/santiblanko.github.io\/vue-instant\/\">Vue Instant<\/a><\/h2>\n<p>This Vue.js component allows you to apply automatic word suggestion to your input form. You can attach this component to any API (not just Google) to derive the suggestions from. For example, you can attach it to the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.themoviedb.org\/\">TheMoiveDB API<\/a> to retrieve movie title suggestion. Here is <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jsfiddle.net\/santiblanko\/dqo6vr57\/\">the live action demo<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vue Instant\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-instant.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/inkline.io\">Inkline<\/a><\/h2>\n<p>This could probably one of the fanciest Vue.js frameworks that I\u2019ve seen. Inkline is a UI framworks that brings a collection of common UI components on the web like the Button, Tables, and Navigation. This allows us to quickly create a functioning prototype. And as all the component is built on top of Vue.js framework, we will be able to extend or customize the component functionality through the Vue.js API.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Inkline\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/inkline.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/pqina\/vue-filepond\">Vue Filepond<\/a><\/h2>\n<p>A nice Vue.js component to add an uploader interface with a silky smooth experience. It can handle files, directories, local URLs, remote URLs, and Date URIs to upload. On top of those, it has a built-in image optimizer so the image can be uploaded faster.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vue Filepond\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-filepond.jpg\" width=\"750\"><\/figure>\n<p>This component built with a JavaScript library called <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/pqina\/filepond\">Filepond<\/a> which allows you to apply many of its plugins like the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/pqina\/filepond-plugin-image-edit\">Image Editor<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/pqina\/filepond-plugin-file-validate-size\">File Validator<\/a>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/nielsboogaard\/filepond-plugin-media-preview\">Media Preview<\/a><\/p>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/ZestfulNation\/vue-hotel-datepicker\">Vue Hotel Datepicker<\/a><\/h2>\n<p>A date picker for Vue.js. As the name implies it\u2019s designed for a Hotel reservation. It displays the number of nights selected and allow several options such as a custom check-in \/ check-out rules, localization support and more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vue Hotel Datepicker\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-hotel-datepicker.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vueds.com\">VueDS<\/a><\/h2>\n<p>VueDS is a tool for building a UI Design Systems with Vue.js framework. The tool provides a set of organized tools, patterns and practices. You can use it as central place of the technical design reference of your application for your team. This design system usally includes things like the colors, sizing, components, and more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"VueDS\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-ds.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wlada.github.io\/vue-carousel-3d\">Vue Carousel 3D<\/a><\/h2>\n<p>Vue Carousel 3D allows you to add a carousel, it can be image or content, with 3D effect like the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Cover_Flow\">Cover Flow<\/a> which was once in macOS. It\u2019s easy to implement, responsive, and support swipe gestures. Do you want to add a carousel like no other? This component might be what you\u2019re looking for.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vue Carousel 3D\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-carousel-3d.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ppietris.github.io\/vue-poll\/index.html\">Vue Poll<\/a><\/h2>\n<p>A Vue.js component to vote. It\u2019s inspired by the Poll feature in Twitter, you can now easily add one to your website.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vue Poll\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-poll.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/kinsta.com\/blog\/php-7-4\/\">PHP 7.4<\/a><\/h2>\n<p>As mentioned earlier in this post, PHP7.4 is just about to be released. It\u2019s currently in Beta phase. This post covers things including in this PHP release.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PHP 7.4\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/php-74.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/PHLAK\/Twine\">Twine<\/a><\/h2>\n<p>A handy library to transform string (plain text) in PHP. You can easily transform text to camel case, convert it to various cases like camelCase and snake_case, encode it to base64 or HEX encoding, and more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Twine\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/twine.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/illuminatech\/config\">Laravel Persistent Config<\/a><\/h2>\n<p>An extension to provide persistent configuration in Laravel. With this, you can easily set or read configuration on your Laravel application and store in database of PHP files.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Persistent Config\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/laravel-config.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/johnkary\/phpunit-speedtrap\">PHPUnit Speedtrap<\/a><\/h2>\n<p>A PHPUnit extension to evaluate the tests performance. When it detects slow tests, it will show you which files run slow and how long they were run.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PHPUnit Speedtrap\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/phpunit-speedtrap.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/composer\/semver\">Composer Semver<\/a><\/h2>\n<p>Semver is part of Composer core extension, but can also be used independently in your PHP application. This extension applies the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/semver.org\/\">Semver<\/a> specification. The extension provides method that allows you to easily compare and validate versions based on the Semver specification.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Composer Semver\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/semver.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/cybercog\/laravel-love\">Laravel Love<\/a><\/h2>\n<p>A Laravel extension to add a reaction interface similar to the Reaction UI in Facebook or the Love UI in Twitter. The extension provides function abstractions, the design system, and the API to makes it easy to implement it in Laravel application.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Love\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/laravel-love.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/awssat\/laravel-visits\">Laravel Visits<\/a><\/h2>\n<p>An extension to count visits on a Laravel application. The extension is backed by Redis to store the visit records. It also provides the function and method to operate these records such to retrieve the top visit, top countries, and visits from certain period of time.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Visits\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/laravel-visits.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/tormjens\/eventy\">Eventy<\/a><\/h2>\n<p>Eventy is a Laravel extension that provides Action and Filter interface similar to WordPress. If you\u2019re coming from WordPress, this extension can bring the familiarity to Laravel.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Eventy\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/eventy.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/Torann\/laravel-geoip\">Laravel GeoIP<\/a><\/h2>\n<p>A Laravel extension that allows you to retrieve geographical location of the user your site. Information may include the user IP, currency, countries, and more. The extension can be set to leverage data from various sources such as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ip-api.com\/\">IP-API.com<\/a> or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dev.maxmind.com\/geoip\/geoip2\/geolite2\/\">Maxmind Database<\/a> or its API.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel GeoIP\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/laravel-geoip.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/mikeerickson\/phpunit-pretty-result-printer\">PHPUnit Pretty Result<\/a><\/h2>\n<p>An extension to make PHPUnit report a little bit nicer and configurable. For example, you can change the icons for the success or failed marker icon. You can also integrate it with a macOS application called <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/tonsky\/AnyBar\">AnyBar<\/a>. AnyBar is a small indicator shown in the macOS menubar. You can change the color to any way you like, so for example, if your PHPUnit test failed, you can change the indicator to red.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PHPUnit Pretty Result\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/phpunit-pretty.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/ogham\/exa\">Exa<\/a><\/h2>\n<p>Exa CLI enhances directory listing. With Exa you can list file and directories with a more comprehensive information such as the file modification date, permissions, and Git status. On top of that, you can also list in recursion which allows you to list content under sub-directories It\u2019s an interesting command line interface (CLI) that I think you might like in your OS.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Exa\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/exa-cli.jpg\" width=\"750\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>The PHP ecosystem has been evolving at an impressive pace, with PHP 7.4 entering its first beta phase. This latest version brings exciting improvements across the board \u2013 from new syntax features to performance enhancements and some feature deprecations. In this edition, we\u2019re excited to showcase a diverse collection of tools and resources. We\u2019ll explore&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[2539],"topic":[],"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 (July 2019) - Hongkiat<\/title>\n<meta name=\"description\" content=\"The PHP ecosystem has been evolving at an impressive pace, with PHP 7.4 entering its first beta phase. This latest version brings exciting improvements\" \/>\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-07-2019\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fresh Resources for Web Designers and Developers (July 2019)\" \/>\n<meta property=\"og:description\" content=\"The PHP ecosystem has been evolving at an impressive pace, with PHP 7.4 entering its first beta phase. This latest version brings exciting improvements\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-30T15:11:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:52:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-material.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-07-2019\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-07-2019\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (July 2019)\",\"datePublished\":\"2019-07-30T15:11:12+00:00\",\"dateModified\":\"2025-04-21T11:52:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-07-2019\\\/\"},\"wordCount\":1093,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-07-2019\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-07-2019\\\/vue-material.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-07-2019\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-07-2019\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-07-2019\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (July 2019) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-07-2019\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-07-2019\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-07-2019\\\/vue-material.jpg\",\"datePublished\":\"2019-07-30T15:11:12+00:00\",\"dateModified\":\"2025-04-21T11:52:49+00:00\",\"description\":\"The PHP ecosystem has been evolving at an impressive pace, with PHP 7.4 entering its first beta phase. This latest version brings exciting improvements\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-07-2019\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-07-2019\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-07-2019\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-07-2019\\\/vue-material.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-07-2019\\\/vue-material.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-07-2019\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fresh Resources for Web Designers and Developers (July 2019)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/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 (July 2019) - Hongkiat","description":"The PHP ecosystem has been evolving at an impressive pace, with PHP 7.4 entering its first beta phase. This latest version brings exciting improvements","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-07-2019\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (July 2019)","og_description":"The PHP ecosystem has been evolving at an impressive pace, with PHP 7.4 entering its first beta phase. This latest version brings exciting improvements","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2019-07-30T15:11:12+00:00","article_modified_time":"2025-04-21T11:52:49+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-material.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-07-2019\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (July 2019)","datePublished":"2019-07-30T15:11:12+00:00","dateModified":"2025-04-21T11:52:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/"},"wordCount":1093,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-material.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-07-2019\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/","name":"Fresh Resources for Web Designers and Developers (July 2019) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-material.jpg","datePublished":"2019-07-30T15:11:12+00:00","dateModified":"2025-04-21T11:52:49+00:00","description":"The PHP ecosystem has been evolving at an impressive pace, with PHP 7.4 entering its first beta phase. This latest version brings exciting improvements","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-material.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-07-2019\/vue-material.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2019\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Fresh Resources for Web Designers and Developers (July 2019)"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/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-cA6","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/48366","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=48366"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/48366\/revisions"}],"predecessor-version":[{"id":74019,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/48366\/revisions\/74019"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=48366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=48366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=48366"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=48366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}