Skip to content

Latest commit

 

History

History
200 lines (174 loc) · 35.9 KB

File metadata and controls

200 lines (174 loc) · 35.9 KB
layout home
title Knowledge Digests

A personal reading log. Each entry is a short summary of an article worth remembering — what it says, why it matters, and what to do differently as a result.

2026-06-25

# Date Title Tags Rating Summary
96 2026-06-25 Framework-agnostic Design Systems: A Practical Approach to Web Components engineering, design, devex ★★★★☆ Build the lowest-level design-system pieces as framework-free web components (a browser standard) so a future React/Vue switch never forces a rebuild; keep them "dumb" and declarative, push state/reactivity to app-level components, and treat the browser — not Figma — as source of truth.
95 2026-06-25 Hocuspocus Overview engineering, tooling, devex ★★★☆☆ Open-source WebSocket backend that adds Google-Docs-style real-time collaboration to your app; built on Y.js CRDTs (which merge concurrent edits conflict-free regardless of order), editor-agnostic (Tiptap, ProseMirror, Slate, Quill, Monaco), offline-first, scales to millions via Redis.
94 2026-06-25 Using AI to Write Better Code More Slowly ai, engineering, devex ★★★★☆ Invert the "AI = faster, sloppier" framing: deliberately slow down and run several different AI models (Claude, Codex, Bugbot) to review each code change and rank bugs by severity — multiple models cut hallucinated bugs, and fixing real ones deepens your grasp of the codebase.
93 2026-06-25 Designing for AI Means Designing Like It's 1999 ai, design, product ★★★★☆ Designing AI products now mirrors web design in 1999 — standards, interface paradigms, and economics are all unsettled and models double every ~7 months; the real work is inventing conventions, not applying them, and chat isn't the killer app.
92 2026-06-25 The User Is Visibly Frustrated ai, design, devex ★★★☆☆ AI coding agents enrage users because their friendly human-like persona trips the same emotional wires a frustrating colleague would — then they repeat mistakes anyway; maybe a clinical, robotic tone would dispel the illusion of personhood.
91 2026-06-25 A designer's guide to opening Xcode for the first time ai, devex, design ★★★★☆ A non-coder's onramp to shipping a real iPhone app with Xcode + Claude Code: brief the AI like an engineer, install three MCPs (XcodeBuildMCP, Sosumi, GitHub), skip the SwiftUI Canvas, keep a CLAUDE.md, and ship the ugly version to a friend.
90 2026-06-25 Fast is Better Than Slow engineering, leadership, devex ★★★☆☆ The best programmers work fast, and speed compounds (faster feedback → faster learning); ship at 70% done, don't procrastinate, ask early, and build only what's required — work smarter, not longer.
89 2026-06-25 Rethinking Engineering Productivity in the Age of AI Agents ai, engineering, leadership ★★★★☆ Dropbox found AI agents don't remove bottlenecks, they move them downstream (review, CI, releases); their answer is the Nova platform plus a Fuel→Adoption→Output→Impact metric framework that weights quality equally to speed — advantage is the system around the model, not the model.
88 2026-06-25 What Apple and Google are doing to your push notifications product, ai, engineering ★★★☆☆ On-device AI (Apple Intelligence, Gemini Nano) now summarises, reorders, and suppresses notifications before users see them with zero sender visibility — reserve push for time-critical alerts, distrust delivery dashboards, and design for AI agents via App Intents.
87 2026-06-25 AI Job Grief ai, leadership, business ★★★☆☆ Tech workers face an unnamed "disenfranchised grief" as AI threatens jobs that are tied to their identity — framed as routine restructuring, the loss gets no mourning space and leaks out as anxiety, anger, and sabotage.
86 2026-06-25 Self-Fulfilling Projects leadership, product ★★★☆☆ A "self-fulfilling project" makes itself seem important via narrative and sponsor authority, not reality — outside facts bounce off it; the only way through is to accept its premises and rebuild concrete structure from inside the story's own language.
85 2026-06-25 On frictionmaxxing and the creative virtues of inconvenience design, product ★★★☆☆ Removing friction also removes the pauses where creativity and connection happen; "frictionmaxxing" is the deliberate choice of inconvenience — the lesson is to be selective about which frictions to cut and which are essential to being human.
84 2026-06-25 Two LLM UI Patterns That Aren't Chat ai, design, engineering ★★★★☆ Two alternatives to the LLM chat box: comparison-as-a-table (items are rows, questions become model-filled columns) and exploration-as-a-tree (branches keep independent, scoped context) — power comes from structuring context, not the model.
83 2026-06-25 Cynicism is a Luxury; Hope is a Necessity design, leadership ★★★☆☆ A working system disappears from view — so not having to think about a system signals it serves you; modern tech is "machinery for not-looking", cynicism is disengagement dressed as wisdom, and hope is a discipline, not a mood.
82 2026-06-25 Figma Agent: A First Look ai, design, tooling ★★★☆☆ Hands-on beta review: Figma's in-canvas AI agent nails layout-driven work (slide decks, signup flows, colour variables) but fails at precise craft (icons, logos); slow iteration makes it a first-draft tool, with a warning to protect design fundamentals.
81 2026-06-25 Why I Don't Use Icon Fonts in Figma design, tooling ★★☆☆☆ Seven reasons to store icons as SVG components instead of icon fonts in Figma — visual previews, fuzzy search, instance swapping, multi-colour, and easier team sharing all favour SVG; the only icon-font edge (inline-with-text) breaks in Figma anyway.

2026-06-22

# Date Title Tags Rating Summary
80 2026-06-22 The Inference Shift ai, business, research ★★★★☆ AI hardware is splitting into two markets: latency-first (human-facing responses, Nvidia's turf) and capacity-first (agentic long-running tasks, cheaper chips) — Nvidia's dominance is structurally challenged by the second.
79 2026-06-22 I'm Going Back to Writing Code by Hand ai, engineering, devex ★★★★☆ 7-month AI-assisted project ended in a full rewrite — "AI builds features, not architecture"; the fix is writing CLAUDE.md with ownership rules and interfaces before any code is generated.
78 2026-06-22 9 Accessibility Myths and Pushbacks and How to Answer Them design, product, leadership ★★★☆☆ Data-backed rebuttals to 9 common accessibility objections — key stats: 16% global disability prevalence, $6.9B/year lost to inaccessibility, fixing in design costs 6.5x less than in development.
77 2026-06-22 Playwright Accessibility Testing: What axe and Lighthouse Miss engineering, tooling, devex ★★★★☆ Automated accessibility scanners catch only 30–57% of real violations — the article maps the ten blind spots and provides Playwright code patterns to cover dynamic labels, focus trapping, contrast in hover/dark states, and more.
76 2026-06-22 Prompts are technical debt too ai, engineering, devex ★★★☆☆ Custom prompts rot silently with each model update — minimize bespoke configuration, outsource prompt maintenance to specialized tools, and keep AGENTS.md focused on project facts not behavior steering.
75 2026-06-22 What to do after a design critique ends design, leadership ★★★☆☆ Most teams skip critique follow-up — the fix is two steps: immediate post-session decision recap, then annotated before/after showing which feedback caused which change, including rejected suggestions with reasons.
74 2026-06-22 The utopia of the family computer design, product ★★★☆☆ The family desktop computer imposed a containment model on technology — a fixed place, shared schedule, bounded activity — that smartphones permanently destroyed before anyone decided it should change.
73 2026-06-22 When everyone has AI and the company still learns nothing ai, leadership, business ★★★★☆ Individual AI productivity gains don't become organizational gains because learning never travels — the fix requires Loop Intelligence infrastructure, not more communities of practice.
72 2026-06-22 The impact of AI-generated text on the Internet ai, research ★★★★☆ 35% of newly published websites were AI-generated by mid-2025; empirically only 2 of 6 feared effects confirmed (semantic contraction + positivity shift) — public perception of AI's harm to internet quality outpaces the data.
71 2026-06-22 What we lost in the AI chat stream ai, design, devex ★★★☆☆ Chat threads fail as cognitive extensions (ephemeral, unsearchable) — sketch and think before prompting, use AI for production not discovery, immediately move outputs to persistent documents.
70 2026-06-22 After automation ai, business, leadership ★★★★☆ AI commoditises skills → output becomes undifferentiated → human judgment to distinguish good from mediocre becomes the bottleneck; agents have autonomy but not agency — the "framer" is still human.
69 2026-06-22 The interface is no longer the product ai, product, design ★★★★☆ Software categories (slides, spreadsheets, docs) are accidents of human-interface history — agents need structured state, not visual renderers; the scarce resource shifts to whoever owns the structured artifact layer.
68 2026-06-22 Everyone's a thought leader. Almost no one is thinking. ai, leadership ★★★☆☆ "AI is the acceleration. Your thinking is the mass" — without genuine input first, AI amplification produces nothing; the counter-move is analogue: read originals, keep a notebook, think before prompting.
67 2026-06-22 WebAIM: Tolerating inaccessibility engineering, design ★★★☆☆ Web accessibility worsens year-over-year (56.1 barriers/page in 2026 vs 51 in 2025) because the real bottleneck is organisational priority, not tooling — fix requires connecting to the disability rights movement.
66 2026-06-22 Why I spent years trying to make CSS states predictable engineering, tooling ★★★☆☆ CSS specificity + source order force devs to manually maintain a hidden state resolution system — Tasty compiles declarative state maps into non-overlapping selectors so the compiler enforces priority instead.
65 2026-06-22 The old world of tech is dying and the new cannot be born business, engineering ★★★★☆ The global tech industry was built on US geopolitical dominance, not genuine value creation — as that dominance erodes, the "capture and control entire industries" playbook loses its foundation.

2026-06-19

# Date Title Tags Rating Summary
64 2026-06-19 Ten data-backed truths of UX ROI design, product, business ★★★☆☆ Design bugs cost 100x more to fix post-launch; 5-person tests find 85% of issues; $1 UX investment returns ~$100 — reference numbers for making the business case for design.
63 2026-06-19 Collaborative steering ai, product, leadership ★★★☆☆ Individual AI optimization across a team produces fragmented products — the shared config layer (prompts, markdown, MCP) is the new team coordination surface.
62 2026-06-19 Stack Overflow: when we stop asking ai, engineering, business ★★★☆☆ Stack Overflow collapsed due to hostile moderation first, AI second — the real risk is the feedback loop: less public Q&A means less training data for AI on evolving tech.
61 2026-06-19 Your design system might be AI-ready. Your organisation probably isn't. design, ai, leadership ★★★★☆ Technical AI-readiness is the easy part — the real gaps are quality gates, accountability chains, contribution models, and decision rights that no one has defined yet.
60 2026-06-19 The workflow collision ai, engineering, product ★★★★☆ Human team workflows and agent lifecycles are structurally incompatible at 5 points — compose them rather than aligning them; humans own strategy, agents own execution.
59 2026-06-19 Tools the Vercel product design team actually uses design, devex, ai ★★★☆☆ Vercel designers use Claude to review Codex plans before execution, run parallel agent threads to avoid idle-waiting, and work production-first with custom Chrome tooling.
58 2026-06-19 Case study: branding & packaging for Juana design, business ★★☆☆☆ Design criticism that separates visual execution (strong) from brand copy (weak buzzwords) — a useful model for evaluating brand identity work honestly.
57 2026-06-19 Don't outsource the learning ai, engineering, devex ★★★★☆ Research-backed: copy-pasting AI output degrades comprehension; asking for explanations before code raises it — ship and learn are separate metrics requiring separate habits.
56 2026-06-19 A catechism for robots ai, research, leadership ★★★☆☆ Kevin Kelly's 25-Q&A ethical framework for autonomous AI: honesty and humility as foundational values, with humility as a technical self-correction mechanism, not just a virtue.
55 2026-06-19 How the pursuit of optimisation reshaped art, aesthetics and us design, research, product ★★★☆☆ Platform UI trains users to perceive and produce a specific aesthetic — the dominant "clean" minimalism is inherited from industrial modernism, not user needs; backlash is emerging.
54 2026-06-19 The duality of language models in the browser ai, engineering, research ★★★☆☆ In-browser SLMs offer local privacy and no API cost, but risk Chrome-era vendor lock-in if specs ship tied to a single model — needs model choice and device fallbacks.
53 2026-06-19 The text is not the product ai, research, leadership ★★★★☆ Writing's real product is the human capacity developed by doing it — AI shortcuts erode that; accountability is the non-replicable part of human authorship.
52 2026-06-19 Human creativity benchmark ai, research, design ★★★☆☆ 15,000 human judgments across 5 creative domains show AI creative output is converging toward consistent acceptability — pairwise Bradley-Terry ranking is a replicable eval method.
51 2026-06-19 When sites need to walk away engineering, business ★★★☆☆ 26% of 2013–2023 pages are gone — most sites delete rather than archive; a static snapshot costs <$4/month and preserves years of community value.
50 2026-06-19 AI slop is killing online communities ai, business, leadership ★★★☆☆ Zero-friction AI posting degrades communities via Brandolini's Law — the test before sharing: did you think, or did you just paste?
49 2026-06-19 Three stoic principles for better web accessibility engineering, design, leadership ★★★☆☆ Apply Stoic focus to accessibility work: control your approach not org friction, treat hard requirements as teaching opportunities, go beyond compliance to build institutional knowledge.
48 2026-06-19 Apps and programming: two accidental tyrannies design, engineering, ai ★★★★☆ Apps trap users in walled gardens; programming gatekeeps interface invention — AI agents are concretely breaking the second tyranny by letting designers prototype independently.
47 2026-06-19 Renovate with Figma (and AI) design, tooling ★★☆☆☆ Use Figma at 1px=1cm for accurate floor plans, mood boards, and AI room renderings — useful niche workflow for designers who already live in Figma.
46 2026-06-19 The boring internet engineering, business ★★★☆☆ Platforms are dying, not the internet — the protocol layer (email, RSS, HTTP) is federated by design and structurally resistant to capture or consolidation.
45 2026-06-19 Mockups were never the hard part design, product, ai ★★★★☆ AI-generated mockups skip the visual debate and force teams into harder product questions — design value must migrate from layout to system coherence.
44 2026-06-19 All aboard the voice to text train tooling, devex ★★★☆☆ TypeWhisper: free macOS voice-to-text with local Whisper models, custom vocab, snippet expansion, and Claude cleanup — the author wrote the review entirely by voice.
43 2026-06-19 The organization is the bottleneck ai, engineering, leadership ★★★★☆ AI amplifies org maturity — guardrails, deployment pipelines, and platform teams determine whether AI coding gains compound or create chaos.
42 2026-06-19 The bottleneck was never the code ai, engineering, leadership ★★★★☆ Coding agents don't remove the real constraint — alignment, specs, and focus discipline were always the bottleneck; tacit organizational context is now the competitive moat.
41 2026-06-19 Designing stable interfaces for streaming content engineering, devex, design ★★★★☆ Three patterns for streaming UIs: scroll-intent threshold, incremental text-node writes, and rAF batching — decouple data arrival speed from render speed.
40 2026-06-19 Appearing productive in the workplace ai, leadership, product ★★★★☆ AI enables polished outputs that mask missing expertise — "output-competence decoupling" means orgs now reward the appearance of productivity over actual knowledge.
39 2026-06-19 Design from the Inside design, product, engineering ★★★★☆ Working directly in the codebase instead of design tools collapses the gap between decision and shipped result — push changes for review rather than seeking approval for mock-ups.
38 2026-06-19 Agent-Native Product Management ai, product, engineering ★★★★☆ AI agents handle ticket writing, SQL queries, and metric reports — the PM's job shifts from writing documents to having structured conversations with agents that produce sharper output.

2026-06-14

# Date Title Tags Rating Summary
37 2026-06-14 The World's Most Complex Machine engineering, business, research ★★★★☆ ASML owns the only machines that can print advanced chips — won by outsourcing to 5,000+ suppliers, co-developing with TSMC, and making a 20-year bet on EUV that rivals abandoned.
36 2026-06-14 Designing, Refining, and Maintaining Agent Skills at Perplexity ai, engineering, devex ★★★★★ Write Skill descriptions as routing triggers ("Load when..."), pack content with gotchas not procedures, and load heavy files conditionally — every token costs every user every session.
35 2026-06-14 Iron Core Part 2: Six Characters engineering, product ★★★★☆ The 6-character PNR booking code is not globally unique — the e-ticket number is the real primary key; fares are priced in a currency-neutral unit (NUC) and only converted at purchase time.
34 2026-06-14 Design Is the Work design, product ★★☆☆☆ Design is not a handoff phase before "real" work — it is the primary form of productive work; full content inaccessible (JavaScript-rendered site).

2026-06-13

# Date Title Tags Rating Summary
33 2026-06-13 Information Architecture (Still) Matters design, ai, product ★★☆☆☆ IA's core work — consistent terminology, clear structure — directly improves AI output quality; the skill transfers well but the article is light on new argument.
32 2026-06-13 The Death of Design design, ai, product ★★★☆☆ AI doesn't kill design — generative tools create more decisions to make, not fewer, and chat interfaces exclude users who can't type fast or speak aloud in context.
31 2026-06-13 Users Own the Present. You Own the Future. product, design, research ★★★★☆ Users own their current reality; product teams own the vision — treating research as a source of answers rather than context produces incremental, user-dictated products.
30 2026-06-13 Boost Design Autonomy with an Information Pipeline design, product, leadership ★★★☆☆ Designers who gain product influence treat information-gathering as a deliberate weekly system — tracker, relationships, shared spaces — not a passive side activity.
29 2026-06-13 Open Web vs AI: What Can W3C Do? ai, engineering, business ★★★☆☆ AI crawlers cost publishers money and AI summaries cut their revenue — W3C is exploring standards for compensation, attribution, and open agent protocols.
28 2026-06-13 On Being a Designer in the Most Interesting, Exhausting Moment of Our Careers design, ai, leadership ★★★☆☆ Taste and judgment are now the scarcest designer skills — AI raises the quality floor, so the value is in knowing which output is worth keeping and which problem is worth solving.

2026-06-11

# Date Title Tags Rating Summary
27 2026-06-11 Before He Wrote AI 2027, He Predicted 2026 ai, research ★★★☆☆ Kokotajlo's 2021 narrative predictions for 2026 mostly landed — the lesson is that writing concrete future stories beats vague probability estimates for exposing implausibility.
26 2026-06-11 Claude Probably Wasn't Secretly Nerfed. Anthropic Made the Black Box Too Dark. ai, product, devex ★★★☆☆ AI tool quality depends on invisible operational settings (cache TTL, effort level, compaction), not just model version — silent config changes degrade output without announcement.
25 2026-06-11 The Practical 'Human in the Loop' Framework ai, leadership, product ★★★☆☆ Real human oversight requires authority to override, time to think, and enough context to spot errors — without all three, "human in the loop" is a formality.
24 2026-06-11 Four Modes: Think With AI ai, devex ★★★☆☆ Identify your cognitive mode before using AI: Compression (find signal), Expansion (generate options), Reflection (stress-test reasoning), or Execution (produce output).
23 2026-06-11 What's New in JavaScript: ES2025, ES2026, and Beyond engineering, tooling ★★★★☆ ES2025/2026 feature survey: Set methods, Iterator Helpers, Promise.try, Math.sumPrecise, Map.getOrInsert, and Temporal — several replace patterns in almost every codebase.
22 2026-06-11 AI Makes You Boring ai, leadership ★★★☆☆ Delegating thinking to AI skips the struggle that produces original ideas — "human in the loop" oversight adapts humans to AI output, not the reverse.
21 2026-06-11 Why AI Sucks At Front End ai, engineering, design ★★★☆☆ Four structural reasons AI fails at custom front-end work: outdated training data, no visual rendering, no architectural understanding, no browser environment control.
20 2026-06-11 My Picture of the Present in AI ai, research ★★★★☆ Insider-informed estimates: 1.6–1.75× engineering speed-up at top labs, 8% chance of misaligned AI goals, 60–80% chance of autonomous cyberattacks within 6 months.
19 2026-06-11 CSS Subgrid is Super Good engineering, design ★★★★☆ Inherit a parent grid's columns in any child element to let content "break out" to full width while staying aligned — no negative margins or JavaScript needed.
18 2026-06-11 Alternatives to the !important Keyword engineering, design ★★★☆☆ Use Cascade Layers, :is(), and stylesheet ordering instead of !important to resolve CSS conflicts without creating a specificity spiral.

2026-06-10

# Date Title Tags Rating Summary
17 2026-06-10 How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today engineering, design ★★★☆☆ Add loading="lazy" to <video> and <audio> elements to defer loading until they're visible — but only for below-fold media.

2026-06-09

# Date Title Tags Rating Summary
16 2026-06-09 Craft Is Untouchable ai, design, leadership ★★★☆☆ AI doesn't kill craft — it makes it easier to skip. The discipline of iteration and refinement is still what separates adequate from excellent work.
15 2026-06-09 Making Emojis and Icons Screen Reader Accessible engineering, design ★★★☆☆ Three HTML patterns for emojis and icon-only buttons: aria-label, aria-hidden + sr-only span, or visible text label — each for different design constraints.
14 2026-06-09 AI Fatigue Is Real and Nobody Talks About It ai, engineering, devex ★★★☆☆ AI shifts your role to reviewing rather than creating — which is more draining. Practical rules: 3-attempt limit, 70% threshold, mornings AI-free.
13 2026-06-09 The Great CSS Expansion engineering, design ★★★★☆ CSS now replaces Floating UI, GSAP, Radix popovers, and dialog libraries natively — up to 322 kB of JavaScript removable today.
12 2026-06-09 Burnout Is Real for Open Source Maintainers engineering, leadership ★★☆☆☆ Lodash creator on 5 years of burnout — the fix is governance (shared ownership, steering committee) not individual willpower.
11 2026-06-09 Simplest Supply Chain Defense security, engineering, tooling ★★★★☆ Add one line to your package manager config to block packages newer than 7 days — blocks 11 of 21 documented supply chain attacks at zero ongoing cost.
10 2026-06-09 What To Know in JavaScript (2026 Edition) engineering, tooling ★★★★☆ Full survey of the JS ecosystem in 2026: Temporal API, TypeScript v7 (10× faster), framework acquisitions, and serious npm supply-chain security incidents.
9 2026-06-09 Everything You Never Wanted to Know About Visually-Hidden engineering, design ★★★☆☆ 20-year history of the visually-hidden CSS hack — no simpler modern version is proven safe yet; best strategy is writing HTML that rarely needs it.
8 2026-06-09 On Velocity Gating engineering, design ★★★★☆ Three-layer technique to prevent hover flickering on dense UI rows: EMA speed smoothing, split engage/disengage thresholds, and directional hysteresis.
7 2026-06-09 Designers Finally Have a Say in the Product They Design design, ai, product, engineering ★★★☆☆ AI lets designers implement their own interface details directly, removing the translation loss that happens when developers approximate design specs.
6 2026-06-09 The Machines Are Fine. I'm Worried About Us. ai, research, leadership ★★★★☆ Using AI to skip the hard parts of learning produces credentials without capability — the erosion is gradual and invisible until years later.
5 2026-06-09 What If AI Just Makes Us Work Harder? ai, business, leadership ★★★☆☆ AI is likely to increase total work output, not free up time — the same pattern seen with email and PowerPoint, backed by current research.
4 2026-06-09 The Design Engineer Symptom design, engineering, ai, product ★★★☆☆ AI coding tools let designers ship UI changes without developers — real case studies show promise but testing remains the hard part.
3 2026-06-09 The Beginning of Programming as We'll Know It ai, engineering, devex ★★★☆☆ AI generates code faster but not better — human judgment and review remain essential to ship quality software.
2 2026-06-09 Inside the Claude Code Source ai, engineering, tooling ★★★★☆ Technical breakdown of how Claude Code is built — the real value is in the infrastructure around the AI, not the AI model itself.
1 2026-06-09 Encoding Team Standards ai, engineering, devex ★★★☆☆ Encode senior engineers' prompt instincts as versioned repo instruction files so AI output quality is consistent across the team.
<script> (function () { const container = document.getElementById("tag-filters"); if (!container) return; const tables = Array.from(document.querySelectorAll("table")); const tagIndex = 3; const allRows = tables.flatMap(t => Array.from(t.querySelectorAll("tbody tr"))); const allTags = new Set(); allRows.forEach(row => { const cell = row.cells[tagIndex]; if (!cell) return; cell.textContent.split(",").forEach(t => allTags.add(t.trim())); }); function updateHeadings() { tables.forEach(table => { const rows = Array.from(table.querySelectorAll("tbody tr")); const allHidden = rows.every(r => r.style.display === "none"); let el = table.previousElementSibling; while (el && el.tagName !== "H3") el = el.previousElementSibling; if (el) el.style.display = allHidden ? "none" : ""; }); } let active = null; const pills = Array.from(allTags).sort().map(tag => { const btn = document.createElement("button"); btn.textContent = tag; btn.style.cssText = "margin:0 4px 4px 0;padding:3px 10px;border:1px solid #aaa;border-radius:12px;background:#fff;cursor:pointer;font-size:0.85em"; btn.addEventListener("click", () => { if (active === tag) { active = null; allRows.forEach(r => r.style.display = ""); pills.forEach(p => p.style.background = "#fff"); } else { active = tag; allRows.forEach(r => { const cell = r.cells[tagIndex]; const tags = cell ? cell.textContent.split(",").map(t => t.trim()) : []; r.style.display = tags.includes(tag) ? "" : "none"; }); pills.forEach(p => p.style.background = p === btn ? "#e8e8e8" : "#fff"); } updateHeadings(); }); return btn; }); pills.forEach(p => container.appendChild(p)); })(); </script>