WordPress Monthly Dev Digest #019
Tags: wordpress, webdev, php, css
Published: 2020-06-30 17:50:47

---
title: WordPress Monthly Dev Digest #019
published: true
description: A curated list of WordPress development related news articles, tutorials and other resources written or updated in June 2020.
canonical_url: https://since1979.dev/wordpress-monthly-dev-digest-019/
cover_image: https://since1979.dev/wp-content/uploads/2020/06/montly-dev-digest-june-2020.jpg
tags: wordpress, webdev, php, css
---
[Originally posted on my website on June 30th 2020](https://since1979.dev/wordpress-monthly-dev-digest-019/)

WordPress June in short.
------------------------

In June there were two releases of the Block editor. [Gutenberg 9.3](https://make.wordpress.org/core/2020/06/11/whats-new-in-gutenberg-11-june/), among other things, brought padding controls for the cover block and a link color control was added to the paragraph, heading, group, columns, and media&text blocks. Both these options are optional and need to be enabled using the *[add_theme_support](https://developer.wordpress.org/reference/functions/add_theme_support/)* function. It also added a parent block selector to the block controls.

[Gutenberg 8.4](https://make.wordpress.org/core/2020/06/24/whats-new-in-gutenberg-24-june/) introduced amazing image editing tools to rotate and crop images as well as control aspect ratio, zoom level, and position. It also comes with multi block controls allowing you to select multiple blocks of the same type and change their attributes all at once. Plus you can now install block plugins from the block directory directly from the editor's block inserter.

The core team also announced they will be [upgrading to the latest version of jQuery](https://make.wordpress.org/core/2020/06/29/updating-jquery-version-shipped-with-wordpress/) over the next couple of releases. There is a [feature plugin available](https://wordpress.org/plugins/wp-jquery-update-test/) if you need to test your themes and plugins against these updates.

And finally the month June was also host to the [WordCamp Europe 2020 (online) conference](https://2020.europe.wordcamp.org/) with some amazing speakers. If you missed it you can check out these streams: Friday [Track 1](https://www.youtube.com/watch?v=df3Nx1vyswU), [Track 2](https://www.youtube.com/watch?v=nGglL-ptRA0) and Saturday [Track 1](https://www.youtube.com/watch?v=ZCLRBGT6-F8), [Track 2](https://www.youtube.com/watch?v=54vEJyJJNXc). And the [Conversation](https://www.youtube.com/watch?v=df3Nx1vyswU&feature=youtu.be&t=16142) between [Matt Mullenweg](https://twitter.com/photomatt) and [Matías Ventura](https://twitter.com/matias_ventura).

### WordPress:

-   [The ultimate developer's guide to the WordPress database](https://deliciousbrains.com/tour-wordpress-database/) by [Iain Poulson](https://twitter.com/polevaultweb).
-   Video: [Custom bulk actions and admin notices](https://www.youtube.com/watch?v=ngZhbd57FS0) in WordPress by [Alex Young](https://twitter.com/AlexanderBYoung).
-   [WordPress block development made easy](https://webdevstudios.com/2020/06/16/wordpress-block-development/) by [WebDevStudios](https://twitter.com/webdevstudios)
-   [WordPress themes are dead. Long live WordPress themes](https://infinum.com/the-capsized-eight/gutenberg-wordpress-themes)! by [Infinum](https://twitter.com/infinum).
-   [WordPress Gutenberg block plugin builder](https://www.npmjs.com/package/wp-block-builder) by [Jeffrey Carandang](https://twitter.com/phpbits).
-   [Enqueue Gutenberg block assets for rendered blocks only.](https://github.com/WordPress/gutenberg/pull/22754)
-   [Adding a custom welcome guide to the WordPress block editor](https://css-tricks.com/adding-a-custom-welcome-guide-to-the-wordpress-block-editor/) by [Leonardo Losoviz](https://twitter.com/losoviz).
-   Video: [Introduction on how to contribute to Gutenberg hosted by Riad](https://www.youtube.com/watch?time_continue=34&v=Vr3KPykhzhw&feature=emb_logo).
-   Video: [WordPress theme development tutorial 2020](https://www.youtube.com/watch?v=MoO-UsIvFIs) by [Adrian Twarog](https://twitter.com/adrian_twarog).
-   [How to create your first WordPress plugin](https://dev.to/udeikechi/how-to-create-your-first-wordpress-plugin-3e0a) by [Ikechi Ude](https://twitter.com/udeikechia).
-   [Snippet #015: Add a column to the posts admin overview page](https://dev.to/vanaf1979/wp-snippet-015-add-a-column-to-the-posts-admin-overview-page-19ia) by [Stephan Nijman](https://twitter.com/Vanaf1979).

### Php:

-   Video: [Installing Xdebug on macOS, Valet, & VSCode](https://www.youtube.com/watch?v=iloCjuqMdKU) by [Derick Rethans](https://twitter.com/derickr) and [Matt Stauffer](https://twitter.com/stauffermatt).
-   Video: [Find your match with regex](https://www.youtube.com/watch?v=w4TDWu-WZKg) by [Alex Vanderbist](https://twitter.com/AlexVanderbist).
-   [Kirill Smelov's PhpStorm tips in 9 gifs](https://tomasvotruba.com/blog/2018/12/13/kirill-smelov-s-phpstorm-tips-in-9-gifs/) by [Tomas Votruba](https://twitter.com/votrubaT).
-   [Don't write your own framework](https://stitcher.io/blog/dont-write-your-own-framework) by [Brent](https://twitter.com/brendt_gd).

### Javascript/React:

-   [3 ways to check if an object has a property in Javascript](https://dmitripavlutin.com/check-if-object-has-property-javascript/) by [Dmitri Pavlutin](https://twitter.com/panzerdp).
-   [Javascript best practices for readable and maintainable code](https://blog.bitsrc.io/javascript-best-practices-for-readable-and-maintainable-code-b54f0aca2353) by [Mahdhi Rezvi](https://twitter.com/MahdhiRezvi).
-   [The 9 most common mistakes developers make in #JavaScript (and how to fix them)](https://www.freecodecamp.org/news/nine-most-common-mistakes-developers-make-in-javascript/) by [Dipto karmakar](https://twitter.com/Diptokmk47).
-   [Detecting if a user is online/offline with Javascript](https://www.youtube.com/watch?v=uuhmkrjeaUE) by [Niall ‍Maher](https://twitter.com/nialljoemaher).
-   [How I work with arrays](https://zellwk.com/blog/how-i-work-with-arrays/) by [Zell Liew](https://twitter.com/zellwk).
-   [Recursion in JavaScript explained using a freeCodeCamp challenge](https://www.freecodecamp.org/news/learn-recursion-in-javascript-by-example/) by [Nehemiah Kivelevitz](https://twitter.com/NehemiahKiv).
-   [My favourite JavaScript array methods for dealing with Api data](https://dev.to/vanaf1979/my-favourite-javascript-array-methods-for-dealing-with-api-data-4i5i) by [Stephan Nijman](https://twitter.com/Vanaf1979).
-   [Cancel Axios request to prevent React from yelling at you](https://dev.to/vanaf1979/cancel-axios-request-to-prevent-react-from-yelling-at-you-833) by [Stephan Nijman](https://twitter.com/Vanaf1979).

### Html/Css:

-   [Here's what I didn't know about "content"](https://www.matuzo.at/blog/heres-what-i-didnt-know-about-content/) by [Manuel Matuzović](https://twitter.com/mmatuzo).
-   [A user's guide to Css variables](https://increment.com/frontend/a-users-guide-to-css-variables/) by [Lea Verou](https://twitter.com/LeaVerou).
-   [Building a tooltip with only Css](https://dev.to/kallmanation/building-a-tooltip-with-only-css-4k9) by [Nathan Kallman](https://twitter.com/kallmanation).
-   [Keep your Css/Sass files organised with a table of contents](https://dev.to/adamlacey/keep-your-css-sass-files-organised-with-a-table-of-contents-2m4i) by [Adam Lacey](https://dev.to/adamlacey).
-   [Grid for layout, Flexbox for components](https://ishadeed.com/article/grid-layout-flexbox-components/) by [Ahmad Shadeed](https://twitter.com/shadeed9).
-   [Styling layout wrappers in Css](https://ishadeed.com/article/styling-wrappers-css/) by [Ahmad Shadeed](https://twitter.com/shadeed9).
-   [CUBE CSS: A CSS methodology oriented towards simplicity and consistency with a heavy dosage of pragmatism](https://piccalil.li/cube-css/) by [Andy Bell](https://twitter.com/hankchizljaw).
-   [What Css tip do you want to share with others?](https://dev.to/adrianmarkperea/what-css-tip-do-you-want-to-share-with-others-1a16?ref=dailydevlinks.com) by [Adrian Perea](https://dev.to/adrianmarkperea).
-   [A Css cheatsheet](https://yoksel.github.io/grid-cheatsheet/) by [Yoksel](https://twitter.com/yoksel_en).
-   [Building a hexagonal grid using Css grid](https://ninjarockstar.dev/css-hex-grids/) by [Jesse Breneman](https://www.jessebreneman.com/).
-   [Complete Css guide for beginners and not so beginners](https://dev.to/joelbonetr/complete-css-guide-for-beginners-1gjc) by [JoelBonetR](https://twitter.com/JoelBonetR).
-   [This is a very cool Css folded poster effect](https://codepen.io/lynnandtonic/pen/PoZpjOr) by [Lynn Fisher](https://twitter.com/lynnandtonic).
-   [Custom shape dividers app](https://www.shapedivider.app/).
-   [Css margin collapsing -- what it is and why should I care](http://www.js-craft.io/blog/css-margin-collapsing-what-it-is-why-should-i-care/) by [Js Craft Academy](http://www.js-craft.io/).

### Misc:

-   [New Font Awesome version 6 is comming](https://fontawesome.com/6).
-   [Emmet cheatsheet](https://docs.emmet.io/cheat-sheet/).
-   [Is WebP really better than Jpeg?](https://siipo.la/blog/is-webp-really-better-than-jpeg) by [Johannes Siipola](https://twitter.com/JohannesSiipola).

### Suggestions?

**I**f you have any suggestions for good article or resources please do let me know! Follow me on twitter [@Vanaf1979](https://twitter.com/Vanaf1979) or on Dev.to [@Vanaf1979](https://dev.to/vanaf1979) to be notified about the next article in this series, and other WordPress development related stuff.

**Stay safe and have a great Juli.**