While filling out a long form the other day, I couldn’t figure out why it wasn’t submitting. Turns out I’d forgotten to fill in a field, but I didn’t know that because it had scrolled out of the viewport. This is a common problem on the web, but easily remedied with a little bit of JavaScript.
The other day someone claimed a hostname on a domain I own and it took me a while to track down how. After a lot of digging around, trying to figure out how the hijack was accomplished, it turns out it was via GitHub Pages.
You can now use webmentions in Eleventy via a plugin rather than rolling the whole thing yourself.
Over the last few years, I’ve been quietly leading training efforts within Microsoft focused on leveling up folks’ allyship skills. There are a ton of really important lessons to be learned form the curriculum my team and I developed, but one folks ofter struggle with is the concept of “equality” as compared to “equity.”
This is an important insight from the Microsoft design research team regarding boosting the signal from historically excluded communities:
The trick is… the system is built on inequity, so finding customers who have been historically excluded means that you can’t expect to find them in the system itself.
June 3rd was my last day on the Edge team. It’s been an absolute honor and privilege to work with such an amazing team all these years, moving from Internet Explorer (IE) to “Spartan” Edge and, finally, to “Anaheim” Edge.
Have you ever considered that your website might be an energy vampire?
This excellent piece from Lē McNamara takes you on a brief tour of design patterns that actively deplete the mental and physical stamina of your users, potentially incapacitating them for days.
You need to read this.
A good walkthrough on how to build a form that hooks into an API and works either with or without JavaScript.
One note however: Austin in incorrect in that you absolutely can define nested objects in your forms. I’ve done it many times. Your field names just need to use bracket notation like this:
<input name="foo['bar']['baz']">That will pipe through as the value for the baz property of bar within foo.
This 4 part series walks through the various levels of Hell you must traverse to actually achieve solid web performance on a large e-commerce platform. What is most amazing to me is how things continue to align pretty directly with the philosophy of progressive enhancement.
Building (and improving) PWAs in VSCode just got even better. Many thanks to the PWA Builder team for all their hard work!