Blog (page 2)

PWA Encryption and Auto Sign-in

Mute Swan is a progressive web app I’ve been coding for my own amusement. It’s a playground for me to mess around with experimental web standards. Also to remind myself to buy milk. I’ve recently implemented hidden Dropbox backup and sync functionality. With that in place I decided that my grocery list was of […]

Bubblewrap Apps in Android Studio

Bubblewrap is a convenient tool to generate an Android app from a Progressive Web App. I used it to bundle my PWA recently. It’s run from the command line: Bubblewrap generates the build config and assets for the app. Continuing with bubblewrap build results in an .apk if you’ve installed the Android build tools. I opted to open […]

WordPress Gutenberg Example Blocks

Following my last article I’ve published a new GitHub repo: WordPress Gutenberg Example Blocks In there I’ve coded examples of Gutenberg block development wrapped up in a tidy WordPress plugin you can try out. I start with the most basic block possible. I follow with iterations of more advanced functionality. I’ve kept the boilerplate and dependencies to a […]

WordPress Gutenberg: React & Advanced Custom Fields (ACF)

The new WordPress Gutenberg editor has been in release for over a year. Post content is composed of “blocks”. Everything is a block. From the humble paragraph to the more advanced gallery and video embed — all blocks. There are two common methods to create Gutenberg blocks. The first is to follow the offical handbook. Blocks and […]

Debugging a Todo App

So lately I’ve been boasting about how easy it is to build Progressive Web Apps. I’ve been dogfooding my glorified todo app Mute Swan for weeks thinking it was perfect (bug-free) and quite possibly a game changer, if I dare say. As it turns out these things are not so easy to test. This week I […]

Bundle a PWA as an Android App

A Progressive Web App (PWA) is a website with a few extra pieces. PWAs can be installed or bookmarked from the browser using “Add to Home Screen”. On Android 9 doing this via Firefox (v68, left) and Chrome (v80, right) gives two different results on my Samsung S8: The Firefox icon isn’t desirable. Although the […]

HTTP Security Headers and Inline Resources

As it turns out, HTTPS is not the end-all to securing a website. Mozilla Observatory and Security Headers both scan HTTP headers and report back on adherence to, or lack thereof, best practices. In my case dbushell.com gets a big fat “F”. I’m hosting on GitHub Pages so there is not much I can do except use […]