Search
Deploying a Serverless Jamstack Site with RedwoodJS, Fauna, and Vercel
22.12.2020
This article is for anyone interested in the emerging ecosystem of tools and technologies related to Jamstack and serverless. We’re going to use Fauna’s GraphQL API as a serverless back-end for a Jamstack front-end built with the Redwood framework and deployed with a one-click deploy on Vercel.
In...
How The Web is Really Built
22.12.2020
My 2020 was colored by the considerable amount of time I spent analyzing data about CSS usage in the wild, for the CSS chapter of the Web Almanac, by the HTTP Archive. The results were eye-opening to me. A wake-up call of sorts. We spend so much time in the bubble of bleeding-edge tech that we lose...
Retrospective on Fela
21.12.2020
I really appreciate a real-world walkthrough of a technology. Not only in what that technology does, but why it was chosen and how it worked for a team. Anybody can read the docs, but what you know after years of real-world usage is far more valuable. Hugo “Kitty” Giraudel:
I want to properly...
Converting and Optimizing Images From the Command Line
21.12.2020
Images take up to 50% of the total size of an average web page. And if images are not optimized, users end up downloading extra bytes. And if they’re downloading extra bytes, the site not only takes that much more time to load, but users are using more data, both of which can be resolved, at least...
“I Don’t Know”
21.12.2020
I’ve learned to be more comfortable not knowing. “I don’t know”, comes easier now. “I don’t know anything about that.” It’s okay. It feels good to say.
Whether it’s service workers, Houdini, shadow DOM, web components, HTTP2, CSS grid, “micro-front ends”, AVIF… there are many paths before...
I learned to love the Same-Origin Policy
17.12.2020
I spent a good chunk of my work life this year trying (in collaboration with the amazing Noam Rosenthal) to standardize a new web platform feature: a way to modify the intrinsic size and resolution of images. And hey! We did it! But boy, was it ever a learning experience.
This wasn’t my first...
What’s New in WCAG 2.1: Label in Name
15.12.2020
WCAG 2.1 Recommendations rolled out in 2018. It’s been a couple years now and there are some new Success Criterion. In this article, I will discuss Label in Name, which is how we visually label components. We’ll take a look at what some failure states look like, how to fix them, and examples of...
Representation Matters
15.12.2020
This year I had the pleasure of re-launching The Accessibility Project. I spend a lot of time researching and writing about accessibility and inclusive design, so this felt like the cumulation of a lot of that effort. The site now uses all sorts of cool web features like CSS Grid, @supports,...
Netlify & Next.js
14.12.2020
Cassidy Williams has been doing a Blogvent (blogging every day for a month) over on the Netlify Blog. A lot of the blog posts are about Next.js. There is a lot to like about Next.js. I just pulled one of Cassidy’s starters for fun. It’s very nice that it has React Fast-Refresh built-in....
MDN on GitHub
14.12.2020
Looks like all the content of MDN is on GitHub now. That’s pretty rad. That’s been the public plan for a while. Chris Mills:
We will be using GitHub’s contribution tools and features, essentially moving MDN from a Wiki model to a pull request (PR) model. This is so much better...
Give Users Control: The Media Session API
14.12.2020
Here’s a scenario. You start a banging Kendrick Lamar track in one of your many open browser tabs. You’re loving it, but someone walks into your space and you need to pause it. Which tab is it? Browsers try to help with that a little bit. You can probably mute the entire system audio. But wouldn’t...
HTTP Archive’s Annual State of the Web Report
14.12.2020
The HTTP Archive looked at more than 7 million websites and compiled their annual report detailing how the sites were built. And there’s an enormous wealth of information about how the web changed in 2020. In fact, this report is more like an enormous book and it’s entirely fabulous. The data comes...
Ten Years Ago Satoshi Nakamoto Logged Off – The Final Message from Bitcoin’s Inventor
13.12.2020
Ten years ago today, the pseudonymous programmer (or programmers) Satoshi Nakamoto logged into the forum bitcointalk.org one last time, and left the Bitcoin community for good. The day prior Nakamoto wrote a final message to the crypto community by offering a quick build and telling developers that...
Microstrategy Plans a $400 Million Capital Raise to Buy More Bitcoin
9.12.2020
Microstrategy Inc., said Monday that it is planning to sell $400 million in convertible senior notes to private investors so that it could buy more bitcoin. The Nasdaq-listed business intelligence and mobile software company already holds 40,824 bitcoin (BTC) in reserve, valued at $776 million...
Creating websites with prefers-reduced-data
8.12.2020
Spoiler alert: There is no support for it yet. But it is defined in the Media Queries Level 5 spec that includes other recent, but more familiar user preference features, like prefers-color-scheme and prefers-reduced-motion.
The Polypane blog goes into incredible depth on prefers-reduced-data...
The Power of Web Development Outside Tech
7.12.2020
In 2020, I learned about the power of web development for organizations and nonprofits outside of tech. I learned that you can leverage your skills to affect change and build long-lasting partnerships.
This year, I joined the Board of Directors of the League of Women Voters San Francisco (LWVSF)...
How to create a client-serverless Jamstack app using Netlify, Gatsby and Fauna
3.12.2020
The Jamstack is a modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup.
The key aspects of a Jamstack application are the following:
The entire app runs on a CDN (or ADN). CDN stands for Content Delivery Network and an ADN is an Application...
Minimal Takes on Faking Container Queries
2.12.2020
It’s sounding more and more likely that we’re actually going to get real container queries. Google is prototyping a syntax idea from David Baron and refined by Miriam Suzanne. Apparently, there has already been some prototyping done for a switch() syntax which is like container queries...
A Complete State Machine Made With HTML Checkboxes and CSS
27.11.2020
State machines are typically expressed on the web in JavaScript and often through the popular XState library. But the concept of a state machine is adaptable to just about any language, including, amazingly, HTML and CSS. In this article, we’re going to do exactly that. I recently built a website...
Spending Sats: A Look at This Year’s Bitcoin Black Friday Deals
26.11.2020
Every year the shopping holiday called Black Friday allows consumers to get better deals on products and services. On November 24, the day also known as ‘Bitcoin Black Friday’ will provide crypto users access to deals when they purchase items with digital assets like bitcoin. Due to...