FIELD NOTES / ARCHIVE
Archive Field notes on frontend & SEO
Resource roundups and episode notes from 2019–2020: the references that outlived their news cycle.
2020 Collective #614 A frontend resource roundup: GitHub profile READMEs, the Style Stage CSS showcase, ARIA-driven data grids and a run of small tools that were worth bookmarking. READ → APR 11
2020 The SEO Elevator Pitch Notes on the Whiteboard Friday episode about explaining SEO to people who do not do SEO: the thirty-second version that survives a hallway conversation. READ →
What these notes are
Between 2019 and 2020 this domain published short working notes for people building and ranking websites: curated frontend resource roundups and episode notes on search topics. The three pieces above are the ones whose references still resolve and still teach something; the rest of that era’s output aged out with the news it commented on.
Each note is a reconstruction of the original piece, dated as it was first published: the text was rebuilt around the references it collected, every surviving link was re-verified in September 2026, and the few resources that have since gone offline are omitted rather than left to rot. The resource roundups read like a snapshot of what frontend practice was debating at the time: icon fonts on their way out, fluid typography on its way in, accessibility patterns being argued into shape. The episode notes condense a longer video into the argument you would actually repeat to a colleague.
The span the notes cover was a short, unusually productive stretch of frontend history. Through 2019 the argument was about foundations: whether icon fonts still had a defensible place against inline SVG, how far fluid type could go before clamp() made the workarounds obsolete, and what a button had to do to be genuinely accessible rather than merely clickable. By mid-2020 the energy had moved to the developer’s own surface area: GitHub profile READMEs arrived and turned the profile page into a canvas, community showcases invited designers to restyle the same semantic HTML, and data grids were being rebuilt around ARIA patterns instead of div soup. Reading the two roundups side by side is watching that shift happen in real time.
The search notes aged differently. Tactics from that era — specific SERP features, specific tool workflows — expired within a year or two, which is why most were not worth keeping. What survived is the framing: the elevator-pitch note is about explaining the discipline to someone who controls the budget but not the rankings, and that conversation is the same in any year. It earns its place here for the same reason the roundups do: the argument still works even though every screenshot around it has expired.
How the archive relates to the rest of the site
The main body of this site is the software index: 35 tools across six categories, ranked by a published formula. The archive sits deliberately apart from that: nothing here is scored, nothing here is ranked, and none of these pages feed the dataset. They are editorial history, kept readable because a reference that survived five years of link rot has earned its shelf space.
If you arrived here looking for tool recommendations rather than reading notes, start from the category index or let the matchmaker narrow the field with five questions.