Just a guy in Vermont trying to connect all the dots...
Author's posts
Sep 24
Using the details element via a Gutenberg block
As I wrote about last year, the HTML5 “details” element is a very useful and lightweight way to create a collapsed list of questions or other content. Investigating possible options, these kind of parts of a web page seem to be often called an “accordion”. There are a number of accordion plugins, but almost all the ones I could find use some kind of additional JavaScript scripts to make the accordion.
Why do I want to use the <details> element vs JavaScript?
Because the native HTML element is already known to browsers. The extra JavaScript is not needed.
Should this be faster?
I would expect so, because there is no need to load additional JavaScript
What WordPress plugin provides this capability?
I found the “Lightweight Accordion” plugin found in the WordPress plugin directory.
Now, obviously I would need to style it a bit more to have it fit in here well, but it’s very easy to add in Gutenberg. It also has the ability to be added in the Classic Editor, too.
Sep 06
TDYR 398 – COVID-19, online learning, and… the END OF SNOW DAYS??
Sep 04
TDYR 397 – COVID-19: Have we depleted our brain’s surge capacity?
Aug 25
Call for Participation – ICANN 69 DNSSEC and Security Workshop, October 2020 (Featured Blog)
Aug 25
Call for Participation – ICANN 69 DNSSEC and Security Workshop, October 2020 (Featured Blog)
Aug 19
Experimenting with block patterns in WordPress 5.5
Here I am just inserting a “block pattern” in WordPress 5.5 that has two buttons side by side:
The point of a “block pattern” is it lets you insert a pre-defined and pre-configured set of blocks. You then can edit those blocks and set them up with their unique properties.
This is VERY different from “re-usable blocks”, which can also be inserted easily in different parts of your site… but they all share the same value. So you could have, say, your contact info or number of members in a re-usable block. Insert that block all across your site. Update it in one location, and it is updated everywhere.
Instead a “block pattern” is more of a “template”… “here are some blocks to get you going on this page and now you can do with them what you will.“
I can see a HUGE use case for this in the pages we create at my employer. We often create new landing pages or event pages where we use some standard patterns. Obviously we can just “duplicate” an existing page if it is a close match, but often we are building new pages where we also want to bring in elements used on another page. Now, we have built our own blocks for some of our common elements. But a “block pattern” allows us to have a group of blocks that we can easily add to the page.
The challenge is that adding block patterns in WordPress 5.5 primarily involves adding code to your theme or creating a custom plugin.
However, I see there is now a “Block Pattern Builder” plugin that needs some investigation…
Aug 04
IPv6 Buzz Podcast Dives into Open Standards Everywhere
What are the challenges with applications supporting IPv6? What do people, particularly those working in enterprises, need to know about how servers and applications work with IPv6? What is the Internet Society’s Open Standards Everywhere project doing to help? How can people get more involved?
To answer all these questions and more, I recently joined Scott Hogg and Tom Coffeen on their IPv6 Buzz Podcast episode 53. You can listen here:
It was a very enjoyable conversation! Thanks to Scott and Tom for having me on their show. I also want to thank Ed Horley, who first contacted me about joining the show but with schedule conflicts was not able to join the recording. I would also encourage you to listen to other IPv6 Buzz episodes to learn more about IPv6.
If you would like to help in the work to get open standards deployed everywhere, please:
- Read our project page to understand our 2020 goals.
- Test your website with Internet.nl
- Read / share / comment on the documentation we are creating on GitHub.
- Join our Open Standards Everywhere community in Connect.
The post IPv6 Buzz Podcast Dives into Open Standards Everywhere appeared first on Internet Society.
Aug 03
TDYR 396 – Pandemic Productivity Plunge
Jul 14
Testing Lazy Loading of Embedded iFrames
This post is to test the lazy loading of iFrames, as noted in this blog post from David Walsh.
I’m first going to just embed a video without the lazy loading:
To make this work, I’m using a HTML block in the WordPress editor so that I can put in the exact iframe copied from YouTube.
Next I’m going to run a couple of speed tests on this published post.
Then, I’ll come back and add ‘loading=”lazy”‘ into the iFrame code and repeat the tests. Let’s see what we learn!