Blog: the web, design + dev
2021
-
Learning Log, Nov 2021
A busy month with small opportunities to incremental improvements to web projects.
-
Learning Log, Oct 2021First full month at Netlify, wrapping up various side projects, and getting organized.
-
New project: What to DrawI made a drawing idea generator using the Unsplash API and Netlify functions. Had some fun with color metadata and CSS aspect-ratio.
-
CurrentColor SVG in forced colors modesHow to fix single-color SVGs that appear broken in Windows High Contrast mode, and an outlook for using currentColor within SVGs in forced colors modes.
-
Learning Log, Sep 2021I started a new role at Netlify! Also musing on how to make particular hobbies and habits a priority.
-
Learning Log, Aug 2021Wrapping up my time on the Microsoft Edge web platform, finishing up some side projects, and finding a better system for my to-read list.
-
New project: SEA — Seasons, and Notification TriggersI made a small site dedicated to living according to the seasons, and test-drove the experimental Notification Triggers API.
-
Learning Log, Jul 2021Friendship, attending online workshops, and chipping away at my seasonal living site.
-
Learning Log, Jun 2021 + Seasonal Cleaning IV
Visiting family and making incremental progress
-
Call for web dev feedback: anchored positioning use cases + requirementsInviting web developers to influence the direction of CSS anchored positioning APIs. These APIs will enable authors to position one element to another, and reposition or resize the element according to viewport boundaries.
-
Learning Log, May 2021Chipping away on a side project about living according to the seasons, and considering user research decision trees.
-
Proposal: CSS Anchored Positioning
Microsoft Edge Explainers
A proposal for a CSS-based positioning scheme that will enable a web developer to position a top-layer element (like the proposed <popup>) with respect to any other element *and* the layout viewport.
-
Available for preview: Automatic HTTPS helps keep your browsing more secure
Microsoft Edge Dev
Starting with Microsoft Edge 92, users can preview the Automatic HTTPS feature, which automatically switches your connections to websites from HTTP to HTTPS.
-
Learning Log, Apr 2021Speaking about accessibility APIs at An Event Apart Spring Summit
-
Seasonal Cleaning Vol III
Various and sundry improvements to my personal projects, including adding Netlify build plugins to ALL the things! Includes a fix for build errors with Eleventy + said Netlify plugins.
-
Learning Log, Mar 2021Starting an experiment of the month, and succumbing to my curiosity around Python.
-
Learning Log, Feb 2021Working on a talk for An Event Apart, sewing up a storm, and continuing to learn new kanji!
-
A fiber crafts blog and JAMstack commentsStarting a new blog for my knitting, sewing, and weaving projects, and landing on a solution for comments on an Eleventy site.
-
“What’s Next For HTML Controls?” on Smashing Podcast
Smashing Podcast
My first time recording a podcast episode! Had a lot of fun chatting about controls with Steph and Drew. Check it out if you're into rambly opining on controls customizability.
-
Learning Log, Jan 2021Stepping away from screens to enjoy analog creative hobbies, and embarking on a kanji-studying adventure.
-
Enabling Popups
Microsoft Edge Explainers
An early proposal for a new popup HTML element. This element would unlock a broad range of UI whose top-layer positioning would be managed by the browser rendering engine.
Older Favorites
-
Sticky CSS Grid ItemsHow to get position sticky working on a grid item without setting a hacky height.
-
Styling for Windows high contrast with new standards for forced colors
Microsoft Edge dev
Features like high contrast can help improve readability by enforcing a user’s required color scheme. Learn how browsers apply forced colors, how to optimize styles with new standards, and differences you can expect from legacy implementations.
-
Semantics to Screen Readers
A List Apart
An in-depth walkthrough on the role of accessibility APIs in making web content accessible to assistive technologies.