The fifth part of my series walking through building a Gutenberg block for the WordPress editor. This part takes a break from new block development to explain some features of ES6+ syntax used, specifically Destructuring assignments, Arrow functions, and Imports. Previous screencasts: Part 1: Development Environment Part 2: WordPress Plugin Part 3: Anatomy of a […]
Articles
Build a Block Series – Part 4: Block Attributes
The third part in my series walking through building a Gutenberg block for the WordPress editor. This lesson covers the anatomy of a block. Previous casts: Part 1: Development Environment Part 2: WordPress Plugin Part 3: Anatomy of a Block Block Attributes Attributes are the way a block stores data, they define how a block […]
Build a Block Series – Part 3: Anatomy of a Block
The third part in my series walking through building a Gutenberg block for the WordPress editor. This lesson covers the anatomy of a block. Previous casts: Part 1: Development Environment Part 2: WordPress Plugin Anatomy of a Gutenberg Block At its simplest, a block in Gutenberg is a JavaScript object with a specific set of […]
Build a Block Series – Part 2: WordPress Plugin
The second part of my series walking through building a Gutenberg block for the WordPress editor. See Part 1: Development Environment. Part two covers creating a WordPress plugin and setting up the JavaScript build for block development. After this part, all the pieces are in place to start creating a block. WordPress Plugin A WordPress […]
Build a Block Series – Part 1: Development Environment
I’m kicking off a new series of screencasts for building a Gutenberg Block for the WordPress Editor. The intended audience is a developer who may not have experience with WordPress and/or JavaScript, so introductory level. The series will focus on building a QRCode block, that I have an idea for but have not yet built. […]
Good first issue on Gutenberg
This post and screencast walks through the process for how you can make your first contribution to Gutenberg. I walk through all my steps to submit this Gutenberg PR#18175 This follows up on my previous screencast for creating a Storybook story for Gutenberg components. Steps 1. Find issue to work on. Search using the good […]
Coding a Storybook Story
Being inspired by my colleague Jon Q videos for building a Gutenberg Component. I wanted to try my own, just focused on building the story part for Storybook. Q’s videos are great, they go deep into the thinking and details for designing components and a large component design system. My screencast is just short and […]
On Fruit Trees and Code Bases
A fruit tree planted in a nice sunny spot, given water and time will grow. It may not grow how you want or expect it to, but grow it will. Each branch of the tree does it’s job and sprouts new branches. All of them competing for sun, getting in each others way, and shooting […]
Switching from Ubuntu to Manjaro
I surprised myself switching off of Ubuntu to Manjaro for my primary computers. I’ve been a user of Ubuntu for many years. It is a wonderful desktop platform. Ubuntu made Linux on the desktop easier by having a straight-forward installation, including necessary drivers, and creating an OS to compete with the Windows and Mac duopoly. […]
Allowing SVG in WordPress Content
I ran into an issue when trying to save SVG as part of a block. If you are having the same issue, or similar with non-typical tags being used; then here’s how you can fix it. In creating a Gutenberg block, adding an SVG element as part of the save() function it was being stripped […]
wpsync – Markdown to WP
wpsync is a command-line tool to sync a local directory of markdown files to your WordPress. I really like markdown and vim. My publishing process was: Create a draft in markdown, When ready to publish v1.0 copy-paste to WordPress; the editor converts markdown nicely, and then publish However, when a revision is needed, it must […]
Working with Vim
A set of vim tips and features I use often, the goal is to help you improve your fluency with vim. I initially titled this post “Intermediate Vim” but experiences vary and non-linear, so what may be intermediate for some is basic or advanced for others. A basic understanding of vim is a prerequisite, I […]
Hi, I’m Marcus Kazmierczak
I'm an engineer trying to do my small part to make the web a little better. I believe open source can help empower people, and grow our collective knowledge; moving the world forward. I hope this site is a small contribution to that collective.