15 Things to Improve Your Website Accessibility
17.3.2020
This is a really great list from Bruce. There is a lot of directly actionable stuff here. Send it around to your team and make it something that you all go through together.
Here's a little one that prodded me to finally fix...
Most screen readers allow the user to quickly see a list of links...
How to Simulate Long HTTP Requests
17.3.2020
It happens less frequently these days but there are times when we need to accommodate for a HTTP request timing out. The service could be down, under heavy traffic, or just poorly coded, or any host of other issues. Whenever I need to simulate a long HTTP request, I use a bit of PHP...
WooCommerce 4.0 & WooCommerce Payments Beta
17.3.2020
Y'all know WooCommerce: it's a plugin for WordPress that adds robust eCommerce functionality to your site. Notably, like WordPress itself, it's open-source and free. You only pay for things if you need things like special plugins that extend functionality.
This is a huge month for WooCommerce!...
CSS X
17.3.2020
My name appears in an article from Bert Bos (co-author of the original CSS spec), so I'll consider that a life accomplishment. Berts makes the point that CSS has evolved and the working group versions things, but the working group hasn't been and doesn't really plan to be involved in these...
Stop Using “Dropdown”
16.3.2020
Adrian Roselli notes that it might actually mean:
A <select> menu
An ARIA Listbox, Combobox, Menu, or Disclosure Widget
An input with a <datalist>
An input with autocomplete
A <details><summary> block
An accordion
Flyout navigation
In my own usage, I tend to mean...
Collective #597
16.3.2020
Creative Coding Essentials * Accessible SVGs * The CSS Podcast * RedwoodJS * Sketch Dark Mode Plugin
Collective #597 was written by Pedro Botelho and published on Codrops
How to Make Repeating Border Images
16.3.2020
I just saw this cool little site from Max Bittker: broider. You design an image on a 9-slice grid (except the middle part) and it will produce an image for you to use with border-image along with the CSS to copy and paste.
Check out my little design:
CodePen Embed Fallback
The areas of the image...
Build a Node.js Tool to Record and Compare Google Lighthouse Reports
16.3.2020
In this tutorial, I’ll show you step by step how to create a simple tool in Node.js to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web performance can be monitored as the website grows and develops.
I’m hopeful this...
Using the HTML title attribute
15.3.2020
Steve Faulkner:
User groups not well served by use of the title attribute
• Mobile phone users.• Keyboard only users.• Screen magnifier users.• Screen reader users.• Users with fine motor skill impairments.• Users with cognitive impairments.
Sounds like in 2020, the only useful thing the title...
The CSS Podcast
15.3.2020
From Adam and Una at Google, a podcast just about CSS. I believe I'm contractually obliged to link to that! Just one episode out so far, a shorty about the box model.
Last time I wrote up podcasts I like was 8 years ago most of them are dead now, except the biggies like This American Life and...
“weeds of specificity”
13.3.2020
Lara Schenck:
[...] with WordPress child themes, you are all but guaranteed to get into the weeds of specificity, hunting around theme stylesheets that you didn’t author, trying to figure out what existing declaration is preventing you from applying a new style, and then figuring out the least...
Get Started Building GraphQL APIs With Node
13.3.2020
We all have a number of interests and passions. For example, I’m interested in JavaScript, 90’s indie rock and hip hop, obscure jazz, the city of Pittsburgh, pizza, coffee, and movies starring John Lurie. We also have family members, friends, acquaintances, classmates, and colleagues who also have...