Library
Links of things I've read and watched.
July 2026
- The modern, open source SEO platform. OpenSEO is an open-source SEO platform that helps you and your AI work together using real, quality data. It offers tools to research keywords, competitors, backlinks, and Google Search Console performance. Many users…
- The Tower Keeps Rising The article compares AI-assisted software development to the Tower of Babel story, showing how shared understanding is key to teamwork. AI tools let developers make changes without talking, which can break the common…
- <TextMorph /> Dependency-free animated text component.
- Punch Yourself in the Face with Reality Using AI to build endlessly without checking reality leads to wasted effort and failure. Success comes from facing hard truths, taking risks, and focusing on real impact. In the AI era, the key is to keep confronting…
- The Reverse Information Paradox The Reverse Information Paradox means buyers of AI risk giving away their valuable knowledge just to use the AI. Companies must control their own learning data and processes to protect their unique intelligence. Doing…
- Introducing shadcn/typeset shadcn/typeset is a CSS tool that styles markdown content easily with just three controls: size, leading, and flow. It works everywhere and adapts to different themes and layouts like docs or chat. You can build…
- 66 CSS text effects, free to copy. This site offers 66 animated text effects made with only CSS. You can copy the CSS directly or use a prompt to recreate the effect. The effects work with color tokens and support reduced motion settings.
- The next chapter for Scrunch—and the future of agent experience AI agents now drive most web traffic and influence how people find and choose brands. Scrunch helps brands understand and optimize how AI agents see and share their content. Their new platform watches agent behavior…
- The People Who Will Thrive in the AI Age AI makes work more intense and pushes people to do more tasks instead of less. Some people will use AI to think less and lose motivation, while others will work harder and use AI to improve their minds. The future will…
- Dot Matrix Dot Matrix is a collection of many colorful, moving light patterns. These patterns have names like Neon Drift, Prism Sweep, and Helix Glow. They create bright and exciting visual effects.
- From Prompt Engineering to Intent Engineering People should stop telling AI exactly how to do tasks and start describing the outcomes they want. This approach, called Intent Engineering, works better as AI gets smarter. It helps avoid limiting AI by giving it too…
- I watched a 100x developer use Codex A very skilled developer uses Codex in a unique way. Watching him work shows new ways to use AI for coding. This can help improve your own coding sessions.
- GitHub - MengTo/Skills: Clawdbot AgentSkills for web design and prompting · GitHub MengTo/Skills is a GitHub repo with reusable agent skills for web design using AI tools like Codex and Claude. It offers clear, portable workflows and prompts to build UI, animations, and frontend systems efficiently…
- LLM-as-a-Judge explained in ~10 mins LLM-as-a-Judge is a new AI skill for verifying and judging information. This short guide explains how to build and use AI judges. You can learn more at academy.dair.ai.
- Ex-Google AI engineer: Claude Code offers a 14-step plan to fully automate tasks using loops, routines, and workflows. It lets you schedule and run AI tasks autonomously with clear permission controls and audit logging. This system saves…
- Demis Hassabis: "In the near future, one person who knows... Demis Hassabis says soon one person using AI will do the work of a whole startup team. Most people now use only a small part of AI’s power without knowing it. A new guide helps users unlock AI’s full potential by…
- Learning to code is still worthwhile Learning to code is still valuable because it teaches important skills like logic and problem-solving. Coding is creative and fun, like casting spells that bring ideas to life. Even with new technology, knowing code…
- The Future Worth Building Is Human Thinking Machines builds AI that works with people to extend human knowledge and judgment. They focus on creating customizable, interactive AI that learns from users and respects diverse values. Their goal is a future…
- The hard things about design Design work is mentally tough because it relies on personal experience and constant searching for unique solutions. Designers face nonstop feedback from everyone and must defend their choices repeatedly, which drains…
- The market for young programmers has collapsed AI has greatly reduced junior programming jobs, especially for young developers writing code to specifications. However, many new developers are emerging who use programming as a tool rather than a job title. This…
- I Think I Have LLM Burnout The author uses large language models (LLMs) daily for coding help and research. Over time, they feel tired of repeated mistakes and annoying writing styles from LLMs. Despite this frustration, they find LLMs useful…
- Design Engineering Design engineering blends design and engineering skills to turn ideas into finished products. The role is evolving to own more of the process, from user experience to shipping code. Strong taste, judgment, and the…
- What is product craft in the age of AI and design systems? A design system sets a quality floor but cannot raise the quality ceiling of a product. Both design system and product teams must craft their work carefully and collaborate to define and improve quality together. This…
- Former GitHub CEO launches competitor designed for the age of vibe coding Thomas Dohmke, former GitHub CEO, launched Entire, a new Git hosting network built for AI coding agents. Entire aims to reduce strain on centralized platforms like GitHub by using Git's original decentralized design…
- Most AI Work Can Wait Most AI systems should focus on smart routing to decide which model handles each task, not on picking the model first. Using local and async models for most work cuts costs by up to 90% while still meeting needs. This…
- You're not ambitious enough with Claude The author improved productivity by using Claude AI for complex and high-impact tasks, not just busywork. Automating updates, planning, and customer insights freed time and reduced stress. Giving Claude full context…
- After Automation | Every AI automation is growing fast, but it creates more work for humans, not less. Humans are needed to guide, manage, and improve AI agents to make their work effective. As AI gets better, human experts focus on new…
- Timeless Colors of the Great Masters This website showcases timeless artworks by great master painters. It features over 3,000 artists and more than 23,000 paintings. Each painting includes a special 10-color palette from the original artwork.
- Every integration, in every format agents speak. Services your agent can reach — official APIs, GraphQL endpoints, and MCP servers, with structured credential facts.
- The Anti-Slop Frontend Framework for AI Agents The Anti-Slop Frontend Framework helps AI agents create clean, professional user interfaces without looking templated. It uses strict design rules and audits to ensure high-quality visuals with good typography…
- The Goldilocks customizable select height The author explains how to customize the height and position of select dropdowns using CSS for better browser support. They use new CSS features like calc-size() and position-try-fallbacks to handle margins, minimum…
- What are git worktrees, and why should I use them? Git worktrees let you work on multiple branches at the same time without switching or stashing, keeping your editor and files unchanged. They create separate folders for each branch, making context switching faster and…
- The Shifting Line Between CSS States and JavaScript Events CSS uses pseudo-classes to reflect element states that feel like event listeners but are not actual events. A new feature called event-trigger aims to start animations based on real events, though it is not yet…
- Introducing Originkit Originkit is a library of animated components for Framer, React, and AI tools. It lets users quickly customize and add animations to websites without coding from scratch. This helps designers and developers build…
- Legibility of Effort Large language models (LLMs) make it harder to tell if someone put real effort into creating something. This breaks old ways we decide what is worth our time and attention. People are finding new ways to show genuine…
- Some of my favorite UI libraries: Emil Kowalski shares his favorite UI libraries for different tasks. These include tools for animation, passwords, charts, GUIs, menus, virtualization, drag and drop, and notifications. He also mentions his own library…
- Figma just made your design system debt everyone’s problem. Now use it. Figma’s new tools now show design system problems clearly to everyone, not just designers. This makes the cost of bad design systems visible to engineers, managers, and marketers. While visibility helps…
- The Problem is Prompt Debt Relying on hand-tuned natural language prompts makes AI systems brittle, slow to improve, and tied to a single model. This "prompt debt" grows as fixes pile up, making prompts complex and hard to manage. To avoid this…
- Halftone in the Browser Halftone printing uses dots of different sizes to show tones, controlled by screen frequency and shape. The author recreates these effects in the browser, letting users interact with colorful, dynamic halftones. This…
- On Food and Cooking by Harold McGee Scott Tacinelli and Angie Rito are chefs who help young cooks. They give them four important cookbooks to start with. These books teach about flavors and cooking techniques.
- Repricing of Software Engineering Labor Software engineering jobs that focus on quickly building common features are becoming less valuable due to AI and changes in funding. Deep expertise in complex, critical systems is now more important than broad general…
- Design Engineering Tip: Design Engineering Tip: One CSS property is responsible for most ugly expand animations. It’s height: auto. Replace it with: grid-template-rows: 0fr → 1fr;
- Jakub Jabłoński’s Post Jakub Jabłoński suggests asking your coding agent to critique how you use it by analyzing session history. This helps reveal small habits and areas for improvement in prompt quality and context handling. He also offers…
- Marketing Skills for AI Agents AI agent skills for marketing tasks. Conversion optimization, copywriting, SEO, analytics, and growth engineering.
- Modern CSS theming with light-dark(), contrast-color(), and style queries New CSS features like light-dark(), contrast-color(), and style queries let you create dynamic themes that adapt to light or dark modes automatically. This system changes shadows to glowing borders and picks readable…
June 2026
- BuilderIO/skills: Skills for coding agents BuilderIO/skills offers small, easy-to-use tools to help coding agents plan, review, and communicate better. These skills focus on important tasks like visual plans, code reviews, and smart decision-making. You can…
- After AI Takes Everything AI will take over most tasks, leaving humans with fewer roles focused on design and judgment. This shift challenges our sense of value and urges us to grow beyond mere execution. True human worth lies in understanding…
- The spec is the code. Clear is a programming language where the specification and code are the same file, making it easy for both humans and AI agents to understand. It uses simple keywords to describe AI agents and their behaviors without…
- From Prompting Agents to Loop Engineering Loop engineering means writing small programs that prompt AI agents repeatedly until a goal is met. This approach shifts work from typing prompts to building systems that check and improve AI output automatically…
- Life After the Prototype A prototype that looks good but doesn’t use real components causes extra work later. To fix this, connect AI design to your actual system on a safe branch and follow clear rules. This way, designers create useful code…
- The Web We Know Is Going to Disappear The Web has changed a lot and is now being replaced by more convenient, centralized ways to access information. Websites will not disappear but will become tools for machines rather than places for people to visit. The…
- You Got Faster. Your Company Didn’t. AI makes individual workers faster by generating more content quickly. But this extra content often needs careful checking and trimming by others, which slows the team down. To truly speed up, writers must spend time…
- Prop For That Prop For That is a JavaScript library that lets you use live dynamic data as CSS properties easily. It supports many real-time props like pointer position, element size, input values, and device info without writing…
- Why we're bullish on loops Loops let AI agents work on long tasks by prompting themselves, not just following human commands. They need a clear goal, useful context, self-checking, and an agent to run the process. This helps automate small fixes…
- Don't build more AI agents until you watch this Building AI agents with many tools can make them harder to trust and maintain. Vercel improved its agent by removing 80% of its tools and focusing on real workflows. The key to success is ongoing maintenance, adapting…
- AI and the great CMS unbundling AI is making content creation cheaper and faster but cannot replace the need for control, trust, and approval in managing content. A CMS is essential when many people and systems work together to ensure content is…
- What Figma made visible Figma helped the author connect design and engineering by making design systems visible and understandable. AI tools now automate many design problems, but this can reduce deep learning and problem-solving. The author…
- Learn Anything with the /teach Skill The /teach skill lets Hermes Agent be your personal tutor. It creates interactive lessons on any topic. Projects save your work so you can finish and share it.
- The Field Guide to Grid Lanes Grid Lanes is a new CSS feature that makes creating masonry-style layouts easy and fast without JavaScript. It automatically arranges items in flexible grid lanes based on available space, adjusting columns or rows as…
- Running local models is good now Local AI models have become much better and can now handle many programming tasks quickly on personal computers. Tools like Gemma 4 and LM Studio make running and experimenting with these models easier and more…
- Introducing eve Eve is an open-source framework that makes building and running AI agents easy by organizing their code and tasks in simple files. It provides a secure sandbox, human approvals, and built-in tools so agents work safely…
- What is an agent harness? An agent harness is a ready-to-use system that helps AI agents work by managing tools, permissions, and tasks in a loop. It includes built-in skills, context management, and safety layers to let agents act, learn, and…
- The Hidden Primitive Behind Claude Code, Codex, and Gemini Harness orchestration controls what an AI agent reads and writes by managing its workspace, tools, verifiers, and risk limits. The agent's environment, or membrane, shapes its behavior and must be carefully designed to…
- Smart Ignore Regions in Vizzly Vizzly now finds and learns areas in screenshots that change often and asks you to confirm if those changes are expected. This helps avoid repeated reviews without hiding parts of the real UI or approving bad changes…
- Your $20 AI Plan Costs Them Thousands. That's Not The Bubble. AI stocks are falling, but this does not mean AI is a bubble. Big companies spend huge amounts on AI because real demand exists for powerful tools. The AI market is complex, with some overbuilding and wasted money, but…
- Vibe Coder vs Software Engineer Vibe coders quickly create prototypes using AI, focusing on fast idea testing without full responsibility. Software engineers take ownership of code, ensuring it is safe, maintainable, and fits team standards. The key…
- Frameworks are dying, harnesses are winning Frameworks for AI agents are becoming less important, while harnesses—control loops that manage tasks and errors—are taking over. Harnesses work out of the box and focus on reliability, observability, and measuring…
- How to Earn a Billion Dollars Starting a successful startup is the most common way to become a billionaire because exponential growth can quickly multiply value. Growth depends on making something users love so much they tell their friends, leading…
- The Next Frontier of Visual AI Is Code Visual AI is shifting from creating final images to generating the code behind visuals. This change allows for easier editing, iteration, and improvement of designs and 3D models. The future of visual AI lies in using…
- Self-Fulfilling Projects [PtB-02] Self-fulfilling projects are stories that make themselves seem important, even if they ignore reality. They resist outside facts and change to protect their own narrative. To address them, you must understand and work…
- Quickly add great reads from the Readwise community to your library You can easily save documents to read later using Reader's browser extension or by uploading your files. To find popular content, just click a button to browse highlighted articles, PDFs, and tweets from other users…
- Getting Started with Reader Reader is a powerful reading app that works well with keyboard shortcuts and supports many document types like articles, PDFs, and YouTube videos. It has a browser extension and mobile apps to save and highlight…
- How I made a 45-video course without wanting to die Producing a curriculum of this size was no easy task. I wanted to share some insights into the process that made this manageable, in case it helps someone else.
- Loop Engineering. Loop engineering is replacing yourself as the person who prompts the agent. You design the system that does it instead. A loop here can be t...
- Modern Engineering Values Modern engineering values.
- Say precisely what you mean. The words designers use when they know what they’re looking at.
- Better fluid sizing with round() Using the round() function to get a more predictable fluid sizing.
- boneyard - skeleton screens for your UI Pixel-perfect skeleton loading screens auto-extracted from your real DOM. Zero configuration, zero layout shift.
- Coding is solved? Software is not. If coding is becoming solved, why does software still feel hard? A look at what AI agents change, and what they leave behind.
- Nudges, Biases & Heuristics for the Age of AI 45 interactive field cards covering nudges, biases, heuristics, and AI phenomena. A practical reference for designers, researchers, and product teams building with AI.
- Discovery vs Delivery Buzz is a product design leader with over 18 years of experience building products and teams.
- Evolving from designers to builders In the Gusto Design org, we just went through one of the biggest shifts that any of us have seen in our careers: we transformed from a traditional design team to an “AI-native” one within a quarter and are now benchmarking ahead of the industry.
- UI Skills for Design Engineers | Curated Skill Directory Discover curated UI Skills for design engineers, including accessibility, motion, frontend craft, and interface quality guides with copy-ready install commands.
- What a good website does. A platform-agnostic, full specification of the technical features a good website should have. Built in the open under an MIT licence.
- A few ways of specifying per-theme colours in only CSS They are: ① write it all out; ② use palette variables; ③ the space toggle hack; ④ color-mix(); ⑤ light-dark(); ⑥ if(); ⑦ paused @keyframes animation
- Callout UI with CSS Offset & Border We look at designing callout UI elements using CSS, incorporating leader lines and text boxes. It details setting up the HTML structure, utilizing CSS properties like offset-path and borders.
- How Claude Code’s lead designer builds with AI During Dive Club Live in NYC we got to hear from Claude Code’s lead designer, Meaghan Choi. She shared a demo of how the team at Anthropic uses Claude Code a...
- Build a brand you're proud of, in minutes Branda turns a one-sentence idea into a full brand — strategy, name, logo, palette, type, and a brand kit. 200 free credits on signup.
- Cynicism is a luxury; hope is a necessity. One’s ability to ignore politics is a product of functional system that shares your worldview.
- Essential transitions for web apps Collection of the most essential transitions for web apps that you can just copy and paste into any project.
- heerich.js A tiny engine for 3D voxel scenes rendered to SVG. Boolean ops, oblique/perspective cameras, zero dependencies. Inspired by the geometric cardboard sculptures of Erwin Heerich.
- Karpathy's Autoresearch found a 3-year-old bug in our query engine (and improved performance by 11%) A few weeks ago at a team offsite in Lisbon, we pointed an AI agent at our query engine, fed it slow queries from production, and let it run overnight…
- Post by @DJ_CURFEW on X Today we reduced headcount by 22%. The business is the strongest it's ever been. So I think it's important to be direct about what I'm seein
- shader magicfor modernfrontends Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte, Solid & JS.
- The Speed of Prototyping in the Age of AI How AI has changed the way I prototype, plan, and ship; and what I'm doing to keep my hands dirty.
- Tools the Vercel Product Design Team Actually Uses A blog about design leadership
- Vocabulary A glossary of common animation patterns, so you know what to ask for.
- A harness for every task: dynamic workflows in Claude Code Last week, we released dynamic workflows in Claude Code. Claude can now write its own harness on the fly, custom-built for the task at hand....
May 2026
- obra/superpowers: An agentic skills framework & software development methodology that works. An agentic skills framework & software development methodology that works. - obra/superpowers
- X posts as clean Markdown for LLMs Get any X post or thread as clean Markdown for LLMs, agents, and research. Swap x.com for tweet.md or use the API.
- Better Experiments with LLM Evals — A funnel, not a fork TL;DR LLM evals, automated judges that assess relevance, coherence, and quality at scale, are a powerful new tool. Paired with online experiments, they raise the hit rate of what we test and create a feedback loop that makes both evals and experiments smarter over time.
- Why I Left Product Management to Build More Why I Left Product Management to Build More — an essay by Noah Zender
- The Workflow Collision Your team's workflow and your agent's lifecycle want different things
- Train Your Judgement Settling for good enough is not good enough.
- Hermes just got 10x better... Here are 8 new Hermes Agent features that makes it SO much more powerful2nd Youtube Channel: https://youtube.com/@AlexFinnLabsOfficialFULL Hermes Agent bootcamp in the Vibe Coding Academy coming u
- AGENTMEMORY — PERSISTENT MEMORY FOR AI CODING AGENTS The memory layer your coding agent should have had from day one. 95.2% retrieval R@5. 92% fewer tokens. 0 external databases. Works with every agent.
- When Sites Need to Walk Away The Internet Archive has a new book: VANISHING CULTURE. (Digital copy is free.) According to a Pew Research Center report, 26% of pages from 2013-2023 are no longer accessible. But that’s not the whole story. In a new study published in Internet Archive's book, VANISHING CULTURE, data scientists working with the Wayback Machine have found:…
- Frontend isn't Dead. Your Focus Needs to Change. Frontend development isn’t dead, but AI is changing the role. Learn where AI helps, where it struggles, and where frontend engineers should focus.
- Pilcrow ¶ — make your clanker your editor Make your clanker your editor. A prose linter plus interpretive lenses anchored in classical style guides. AI-tell detection is one feature among many.
- The ultimate guide to /goal /goal is not a feature. It is a primitive. HTTP is a primitive. JSON is a primitive. /goal is becoming one for coding agents.A few weeks ago...
- Agent view in Claude Code Today we're introducing agent view in Claude Code: one place to manage all your Claude Code sessions.
- Inside Anthropic’s 2026 Developer Conference What it was like in the room, plus what the new Managed Agents features look like in production
- Learn AI Layer by Layer An interactive, visual guide to understanding AI from first principles. Learn neural networks, transformers, and modern AI through hands-on experimentation.
- lyogavin/airllm: AirLLM 70B inference with single 4GB GPU AirLLM 70B inference with single 4GB GPU. Contribute to lyogavin/airllm development by creating an account on GitHub.
- The Main Path to Truly Creative AI Why real creativity might require real feeling — and what we'd owe an AI that had it
- The Organization Is the Bottleneck Everyone is adopting AI coding tools. Engineers are writing code faster than ever. But are organizations actually delivering value faster? That’s not
- The unreasonable effectiveness of HTML
- Datatype — variable font that turns text into charts An OpenType variable font that turns simple text expressions into inline charts. No JavaScript, no images — just type.
- DESIGN.md Explained - The Format Reshaping How AI Builds UI Google has open-sourced the spec. What is DESIGN.md and why should product teams care?
- Reader: Frequently Asked Questions Reader lets you save and highlight articles, emails, and PDFs, syncing all highlights with Readwise and your note apps. You can use keyboard shortcuts on the web and a browser extension to save and highlight content…
April 2026
- So where are all the AI apps? – Answer.AI To me, the answer is clear. On the app builder sites
- An AI state of the union: We’ve passed the inflection point & dark factories are coming Great conversation
- VoltAgent/awesome-design-md at dailydev So awesome
- poteto/how: skill for explaining architecture Need to try this
- AI makes you boring The best part is the line about spending a lot of time thinking about something
- CanIRun.ai — Can your machine run AI models?
- 7 Insane Claude Code Skills! Make Claude Unstoppable...
- Hermes Agent v0.11 Is WILD
- AI & Alignment @Keel
- Your ticket is a prompt @Keel
- getdesign.md — DESIGN.md collection for AI coding agents
- Good Taste the Only Real Moat Left
- William Careri
- How I run multiple $10K MRR companies on a $20/month tech stack
- Building a UI Without Breakpoints @Keel
March 2026
- ArrowJS — The first UI framework for the agentic era
- He Asked AI To Make Money. It Did. - YouTube Selling the selling, but still cool
- brightdata/cli: Official Bright Data CLI scrape, search, and extract structured web data directly from your terminal
- delphitools A collection of small, low stakes and low effort tools.
- How Do You Want to Remember? Systems Engineering for the Agentic AI Age Love this and implemented some of it as I read
- Human Strategy In An AI-Accelerated Workflows So many parallels in related roles
- Damien C. Tanner on X: "How we run a code factory at Toyo" / X Very interested in this future, I can’t wait to review code for something a non-engineer ships
- Read Less, Steer More : ezyang's blog Good advice
- The bottleneck has shifted from writing code to integrating it
February 2026
- AI Interaction Atlas - Open Source AI UX Reference
- mattpocock/skills
- Matt Pocock’s skill files
- Writing code is cheap now - Agentic Engineering Patterns - Simon Willison's Weblog
- It is hard to communicate how much programming has changed due to AI in the last 2 months Love this take
- Figma Never: Code Is the New Canvas
- Write about the future you want Great thoughts from Uncle Dave
- How we rebuilt Next.js with AI in one week Interesting that we now measure in token costs
- Design docs considered harmful Love this
- How I stopped an AI agent from getting lost in a 100+ microservice repo Nice approach
- I Spent 5 Days Debugging My OpenClaw Agent's Memory. Here's Everything I Learned Fantastic work
- SOUL.md — What Makes an AI, Itself? Interesting times
- Most Developers Don't Realize Their Skills Are Deflating. Here's Where the Value Moved A take I hadn't heard yet and his breakdowns are always so good
- klöss on X: "every OpenClaw issue nobody told you about (and how to fix them)" / X
- Torph – Dependency-Free Text Morphing
- Life after Figma is coming (and it will be glorious) Excited for this future
- --dangerously-skip-reading-code Great point on the need for organizational change
- Agentic Engineering Name makes sense to me
- Write-Only Code | Heavybit Responsible take on the future
- THIS is how to expose your apps to AI: WebMCP - YouTube Nice walkthrough
- A Broken Heart - Allen Pike Wild problem
- Design is dead, it’s all evolution now A little bit of a stretch, but interesting
- Modern CSS Code Snippets | modern.css Great collection
- Peek - Smart Header Demo Nice implementation
- Agentation Neat tool for UI feedback
- Outcome Engineering
- Sileo — Beautiful Toast Notifications for React Gorgeous work
- Best examples of mobile nav Nice collection
- AddyOsmani.com - Agentic Engineering
- Don’t Let the Drawings Distract You: AI is Not About the Output Nice suggestions
- Components Will Kill Pages I believe in this
- Bearnie - Build your own component library Awesome collection of non-react things
- The new UX Toolkit: data, context, and evals | by Paz Perez | Feb, 2026 | UX Collective Nice summary
- Something Big Is Happening — matt shumer Long and frenzied, but an important read
- 7 Agent Skills Every Vibe Coder Needs - YouTube Some seriously awesome skills and utilities
- We mourn our craft | Read the Tea Leaves I don’t feel this, but I understand it
- Accessible faux-nested interactive controls - Piccalilli Clean technique
- AI Enables As-Needed Software Features Hope to see lots more work like this
- drawbridge: Claude Code skill + real-time diagram server Automation and excalidraw, FTW
- Context7 MCP Server -- Up-to-date code documentation for LLMs and AI code editors Excellent resource
- Using AI as a design engineer Beautiful post, full of excellent tips
- Power Prompts in Claude Code ・ Hardik Pandya Excellent walkthrough of using and improving your workflow with a LLM
- A React trick to improve exit animations Need to try this
- The third golden age of software engineering Outstanding conversation
- Stop building systems for agents – Xiangpeng’s blog Some good points
- How AI is redefining the way we find content | Clearleft Best practices still win
- The Too Early Breakpoint Good points and good reasons why it happens so often
- Rapidly test and validate any startup idea with the 2-day Foundation Sprint - YouTube So, so good
- Tool UI UI components for AI interfaces
January 2026
- How AI assistance impacts the formation of coding skills \ Anthropic Really interesting study. The results expected, but surprising to be shared
- The Art of Vibe Design | Ivan Designs “You can like just build stuff”
- 11 Tips For AI Coding With Ralph Wiggum I really want to get these working
- GrapesJS/grapesjs: Free and Open source Web Builder Framework. Next generation tool for building templates without coding Open-source page builder
- I Wasn’t Expecting Claude To Release This - YouTube - AI LABS Dead is dramatic, but I agree with so much of this
- Some thoughts about tool design and AI
- Drawing Connections with CSS Anchor Positioning - Roland Franke Need to try this for numbered connectors
- Software as clay on the wheel | Dries Buytaert Nice take and metaphor
- First Look: Claude Cowork Is the Real Deal - YouTube - Matt Maher I need to try this
- On Coding Agents and the Future of Design Beautiful review of now and the near future
- How Browsers Work Neat
- Friction by Design - Carl Barenbrug Similar to what Hotel Tonight shared about purchasing being too easy
- A pragmatic guide to LLM evals for devs Excellent dive into evals with practical usage
- UI Skills - Opinionated UI constraints for agents I’m loving this move towards documented skills
- The Invisible Work ・ Hardik Pandya So important
- Stop turning everything into arrays (and do less work instead) - Matt Smith L33t
- Web Interface Guidelines These are helping making automated code high quality
- "Ralph Wiggum" AI Agent will 10x Claude Code/Amp - YouTube - Greg Isenberg Awesome walkthrough
- The Done List | Tomasz Tunguz Love this take
- Gallery | Tool UI Beautiful components
- The Cursor Visual Editor - Modify Layouts Visually - YouTube The worst it’s going to get, this is the future
- 10 NEW CSS Features You Need To Know For 2026 - YouTube Some nice ones
- 4 CSS Features Every Front-End Developer Should Know In 2026 Always love Adam’s collections
- A Minimal CSS Starter · Jens Oliver Meiert Neat, I don’t do enough greenfield projects to have my own
- Vibe coding a bookshelf with Claude Code Great idea and share
December 2025
- Different Page Transitions For Different Circumstances - Frontend Masters Blog Neat approach
- Your Experts Won't Train Your AI. You Have to Interview Them. | 99Ravens Love this opening paragraph
- a11y.css’ documentation | a11y.css
- Your job is to deliver code you have proven to work Couldn’t agree more
- Please Just Fucking Try HTMX Ok, I will, but the examples here aren’t helping the cause on mobile
- The AI software engineer in 2026 Not my 2026 at work but I believe in this future
- Base UI Looks fantastic, the new Radix
- When Machines Pay Machines: The Economics of Agentic AI | Matt Suiche I hadn’t thought about this, but it makes total sense
- What Actually Makes You Senior | Terrible Software Couldn’t agree more
- Learn Corner-Shape in 5 Minutes (New CSS Property!) Excited for this since I’m seeing this style so much now
- The Junior Hiring Crisis | People Work Genuine connections are more important than ever
- Design Prompts - AI-Powered Design Style Explorer Really cool execution
- Tailwind CSS: Targeting Child Elements (when you have to) Neat
- Has the cost of building software just dropped 90%? Seems like a high number
- Victorian-Style Lines for the Web: Elements of Identical Width Fun and nostalgic approach but yes, optionally?
- “Disagree and Let’s See” I mentally do this, might as well say it
November 2025
- Static sites killed the blog comment star, but maybe old tech and a smaller web can resurrect them – This day’s portion Not ready to try it but interesting
- Grid: how grid-template-areas offer a visual solution for your code | WebKit Nifty
- Components as Data. How to define components independent of… | by Nathan Curtis | Medium Excellent dive into datafying components
- trekhleb/javascript-algorithms: 📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings Stashing for someday when I’ll learn some
- Monorepo vs Multi-repo vs Git submodule vs Git Subtree: A Complete Guide for Developers | by Subodh Shetty | Nov, 2025 | Level Up Coding Why pick one when you can refactor every few years to the other?
- An individual can change an organization | notes.eatonphil.com Nice thoughts
- Optimizing repos for AI | Tom Bedor's Blog Beginning to try this level of documentation
- AI Changes Everything (And Nothing At All) Excellent recap, I need to watch the talk
- Size Matters - Fluid Type Scale Generator | CSS Clamp Calculator Clever approaches
- React and Remix Choose Different Futures I’ll take neither, please
- Pure CSS Tabs With Details, Grid, and Subgrid | CSS-Tricks So cool
October 2025
- LukeW | AI Has Flipped Software Development
- LukeW | Designing Perplexity
- Solved By Modern CSS: Section Layout Fantastic, as always
- Code like a surgeon Interesting take
- OpenAI just released the #1 AI opportunity of 2025 (ChatGPT App SDK) - YouTube - Alex Finn Need to make one
- Cursor Agent: 10 Pro Tips! - YouTube - Cursor Excellent tips
- HTML’s Best Kept Secret: The <output> Tag — Den Odell
- 21 Lessons, Get Started Building with Generative AI Need to make time for this
- No One Knows About This Amazing CSS Dev Tools Panel (CSS Overview) - YouTube Handy panel I didn’t know about
- Useful CSS custom functions using the new @function rule Great starter set
- Git Survival Kit: Essential Commands for Troubled Times Helpful collection
- Homepage » Jeasx - JSX with Ease Hmm
- Examples are the best documentation | exotext Couldn’t agree more
- ChatGPT for product - Resource | OpenAI Academy Stashing as a resource
- Chrome DevTools (MCP) for your AI agent | Blog | Chrome for Developers Looking forward to this
September 2025
- Introducing the Mintlify Agent to write documentation with AI Documentation is the job now
- Vibe Check: Claude Sonnet 4.5 Looks dope
- Thread by @IntuitMachine on Thread Reader App – Thread Reader App I wonder how permissions get handled, that’s what stalls mine out
- 7 AI Coding Tricks to Save 10+ Hours This Week | Data Science Collective Not tricks as much as good prompts for regular use
- Why we built the Responses API Need to try this
- Subgrid: how to line up elements to your heart’s content | WebKit Love that we have this
- The Amazing Art of the Video Game Marquee | dansinker.com Love this stuff
- LukeW | Unstructured Input in AI Apps Instead of Web Forms Fascinating, I need to try this with no reservaitions
- Breakpoint Columns, Five Ways. Which Do You Like? – Frontend Masters Blog Of these, I pick the regular media query but min-width
- Exploiting flex-grow for an Image Gallery Neat idea and a jsfiddle? Nostalgic
- List of all CSS properties Super useful
- StyleSpark - Design Systems, Color Palettes & Gradient Generator Interesting collection
- OKLCH Color Picker, Generator and Converter – Create Unique and Uniform Color Palettes for Your App I need to learn OKLCH
- 5 GitHub Repositories for an Instant Knowledge Boost Nice collection
- ShadCN Dropped Something to FINALLY Fix Your UI - YouTube - AI LABS Very cool
- 6 Weeks of Claude Code - Puzzmo Blog Professional approach to using AI in development
August 2025
- Outcomes Over Output: Design Systems and AI - bencallahan.com Some thoughtful folks sharing ideas around AI
- There’s no such thing as a CSS reset | Adam Stoddard Great approach and gorgeous site
- Stop Using window “resize” Event Listeners - YouTube AKA start using ResizeObserver
- Setting Line Length in CSS (and Fitting Text to a Container) | CSS-Tricks Clever tricks, curious how the spec lands
- una.im | 5 Useful CSS functions using the new @function rule These are great, the power of SASS in the platform
- We accidentally built the wrong internet Hindsight is 20/20
- Building AI Products In The Probabilistic Era Stunning read
- The Basics of Anchor Positioning Great breakdown of anchor positioning, it’ll be a while before I use it though
- A proposal for inline LLM instructions in HTML based on llms.txt - Vercel Implementing this at work
- Using the Custom Highlight API – Frontend Masters Blog Neat, I should see if I resolve for searches and try it
- The MCSS by Mike Mai Neat starter for longform
- A handy use of subgrid to enhance a simple layout - Piccalilli Subgrid is rad and I sometimes forget its in my back pocket
- jeremyrobertjones.com/blog/proportional-equal-height-image-row-css-11ty-nunjucks/ Clever trick, I really enjoy it
- CSS scroll-state() | Blog | Chrome for Developers The platform keeps getting better and better
- Get the number of auto-fit/auto-fill columns in CSS – Frontend Masters Blog Another clever trick
- Making a faded text effect in (mostly) CSS So pretty
- How I approach motion in product design - The Desk of Bryan Maniotakis Excellent tips
- Foundations: Overview
- Friends at Last: Tailwind & CSS…whodathunkit?! | That HTML Blog I hadn’t realized this
- Crop and Zoom Images with CSS object-view-box Neat approach
- Build an Autoplay Carousel with Pure CSS. No JavaScript Needed Love this using something similar
- Developers, Reinvented It’s a whole new world
- Writing a good design document Excellent notes, gonna try a GPT with it
- una.im | Creating a scroll-spy with 2 lines of CSS Need to implement this
July 2025
- una.im | Creating a scroll-spy with 2 lines of CSS
- CSS Tips: Flexible Wrapping CSS Grid - YouTube - CSS Weekly Handy
- Generating LLMs.txt Using Eleventy | Ariel Salminen
- Vibe scraping and vibe coding a schedule app for Open Sauce 2025 entirely on my phone
- Is HTML the hardest language? - YouTube - Kevin Powell Awesome explanation of semantics
- Why you should choose HTMX for your next web-based side project - and ditch the crufty MPA and complex SPA
- Transforming HTML With Netlify Edge Functions - Jim Nielsen’s Blog Clever technique
- Figma Tutorial: Auto Layout | Master Auto Layout in 15 Minutes - YouTube
- How to setup Figma MCP Server - From Figma to Code in Minutes (Real App Example) - YouTube
- Figma Variables + MCP Definitive Tutorial - YouTube
- Building your ideas with Claude Code and Figma MCP - YouTube
- Kibo UI - add-on for shadcn focused on AI UI
- SVGs that feel like GIFs | Vincent D. Warmerdam
- We reached $1M ARR with zero funding - ProjectionLab
- I used o3 to profile myself from my saved Pocket links | noperator
- A revisit of the Every Layout sidebar with :has() and selector performance - Piccalilli Enjoying Heydon nerding out
- Rethinking Design-to-Product Workflows with MCP, Design Systems, and Generative UI | Southleft, LLC Learning more and more that our new role is documentation for LLMs
- Quantity Query Carousel – Frontend Masters Blog Dope technique
- A micro-animations library Nice little collection
- Using CSS Cascade Layers With Tailwind Utilities | CSS-Tricks Excellent mix of tailwind and regular CSS
- CSS Blob Recipes | CSS-Tricks Blobbbbb
- HTML spec change: escaping < and > in attributes | Blog | Chrome for Developers Interesting, a rare breaking change but I haven’t shipped a data-attribute with HTML in it
June 2025
- About Offerwall messages - Google Ad Manager Help Neat item
- GitHub - metabase/dataset-generator: AI Dataset Generator – Create realistic datasets for demos, learning, and dashboards Helpful for quick projects
- Easier Site-Wide Theming with Style Queries - YouTube - Kevin Powell Neat
- Midjourney Video Tutorial: Everything You Need to Know Before You Subscribe Great tips in here, learned about moodboards
- An engineer's guide to vibe design (with prompts)
- NirDiamant/agents
- Why Claude Code feels like magic? | Omar Abid - Personal Blog
- Modern Scroll Shadows Using Scroll-Driven Animations | CSS-Tricks
- 1fr 1fr vs auto auto vs 50% 50% – Frontend Masters Blog
- Scroll-Driven Letter Grid – Frontend Masters Blog
- Making Puppeteer work at build time on Netlify
- Generating open graph images in Astro
- Quick start with Motion for AI | Motion for AI Need to play with this
- Hacking Layout Before CSS Even Existed — Den Odell Speaking of tables
- A new way to style gaps in CSS | Blog | Chrome for Developers So much closer to tables
- Creating an Auto-Closing Notification With an HTML Popover | CSS-Tricks Handy trick
- Duplication Is Not the Enemy – Terrible Software Excellent explanation
- AI is coming for our design jobs, but it can’t touch taste | by Andrea Grigsby | Jun, 2025 | UX Collective The differentiator of the near future
- codename goose | codename goose Your open source AI agent, automating engineering tasks seamlessly.
- No Server, No Database: Smarter Related Posts in Astro with `transformers.js` | alexop.dev Very clever, trying it out
- I read Mary Meeker's 340 Slide AI Deck—Here Are the Top Takeaways - YouTube - AI News & Strategy Daily | Nate B Jones Great summary of a great report
- Creating Eye-Catching Circular Animations in CSS - YouTube dope
- Free, Modern Landing Page Blocks for Shadcn/ui. Nice collection
- Design to Code with the Figma MCP Server Awesome walkthrough
- Web design inspiration from retro wrestling Love seeing the breakdown form inspiration to finished design
- The Post-test Debrief: A new superpower for growth designers Clever process
- Masonry, Item Flow, and… GULP? – Eric’s Archived Thoughts Curious to see how this plays out
- CSS Spotlight Effect – Frontend Masters Blog Neat effect
May 2025
- Why is quality so rare? Linear leads by example here
- Thoughts on thinking Quite a conundrum
- AI-assisted development needs automated tests Useful for the various tools out now
- OXVG Benchmarks · noahbald/oxvg Wiki Need to test this and see if it’s time to switch
- Figma’s new grid — you must understand CSS Grid as a designer Awesome intro to the feature
- How I use Cursor (+ my best tips) Now trying commit messages and bug finder
- Frontend Isn't Just UI But I wish it was
- Dependency Inversion in React: Building Truly Testable Components · cekrem.github.io Clever approach
- Tailwind CSS Animations Plugin: Community-Powered Animation Magic Need to try some of these out on here
- ARIA - a Collection by Manuel Matuzovic on CodePen Great starter kit
- Basecoat Shadcn but without React, might want to try it on here
- How to have the browser pick a contrasting color in CSS | WebKit Looking forward to this
- Products Need Soul but Markets Reward Scale ・ Hardik Pandya The ugly truth, lirrally
- Adactio: Journal—CSS snippets When Jeremy shares CSS, I review
- I test a lot of AI coding tools, and this stunning new OpenAI release just saved me days of work | ZDNET Curious what it will learn about this project
April 2025
- Bias in Design Systems - bencallahan.com
- CSS Bursts with Conic Gradients – Frontend Masters Blog
- Inverted border-radius using CSS mask
- Everyone’s Sleeping on This Lovable + n8n Combo (I’m Not Anymore) Great explanation of when and how to use n8n
- Designers don't need to code. They need to learn to prompt.
- Mastering default values in JavaScript with the nullish coalescing (??) operator - Matt Smith
- Make your images in markdown on GitHub adjust for Dark Mode and Light Mode
- The blissful zen of a good side project - Josh Collinsworth blog Wonderful description of the why of side projects
- CSS Carousels | CSS-Tricks Chrome has prototyped these features and released them in Chrome 135
- UA+ Great new CSS reset
- There is no Vibe Engineering There is tho
- CSS Animation with offset-path Need to try this out
March 2025
- Grid First, Flex Third I’m starting to think this way
- 37 Tips from a Senior Frontend Developer - DEV Community Good stuff
- Revisiting CSS border-image | CSS-Tricks Nostalgia
- AI is Probabilistic – That’s Why It Needs Constraints | Jorge Arango Excellent breakdown of then and now development
- Chilled Out Text Underlines – Frontend Masters Blog Digging these, want to do them on here maybe
- Split and assemble an image using CSS mask So rad
- The URL is a great place to store state in React It is and I don’t use it enough
- Minding the gaps: A new way to draw separators in CSS - Microsoft Edge Blog This will be cool in the future
- Build UIs that don't suck - YouTube - Tailwind Labs Neat card linking approach
- The New Leverage: AI and the Power of Small Teams | Jorge Arango The new normal
- CSS Only Scroll-Based Animations — It's so easy, and totally rad! Nice technique, I may make a version as a post
- Providing Type Definitions for CSS with @property | Modern CSS Solutions Really appreciated this dive
- Misconceptions about view transitions | Blog | Chrome for Developers Quick hits, just try it
- The Truth About AI's Impact on Software Development Jobs Interesting take from 8 months ago
February 2025
- Dynamic Focus Zoom Effect with CSS @property | Jo Mändle Nifty
- Transitioning to and from display: none Two new CSS features, @starting-style and allow-discrete, making it quite easy to transition to and from display: none!
- The web on mobile Technically, websites can do just about anything that native apps can do. And yet the actual experience of using the web on mobile is worse than ever.
- The Adaptive Intelligence Framework We may not know what questions we’ll need to ask tomorrow, but by building the right foundation today, we ensure we have the intelligence…
- Shaban Iddrisu on LinkedIn: Many web developers FAKE the loading process. Let's build one that… Gorgeous work
- Interactions by Nitish Khagwal Wonderful collections
- The End of Programming as We Know It Fantastic read, I'm excited about this future
- 23 CSS features you should know (and be using) by now As always, great info from Kevin
- Snappy UI Optimization with useDeferredValue • Josh W. Comeau I need to memoize more
- Using react-intersection-observer to create a dynamic header - LogRocket Blog Feels a little over-engineered, but c’est la React
- Discovery Coding Basically how we work
- shadcn/editor Gorgeous rich text editor
- Full-Bleed Layout with Modern CSS – Frontend Masters Boost Clever and useful
January 2025
- Revisiting CSS Multi-Column Layout | CSS-Tricks
- Container Queries Unleashed • Josh W. Comeau Nice explanation of usage
- Why is every React site so slow? - YouTube - Theo - t3․gg So interesting that this is what React was for vs vanilla JS
- How to build a simple photo gallery with Astro | Jan Kraus
- Open Source SVG Loading Icons
December 2025
- Responsive Tables & Readable Paragraphs – Frontend Masters Boost
- Vertical image loop with scroll acceleration with gsap
- Using static websites for tiny archives – alexwlchan
- CSS fix to prevent orphan icons dropping to a new line · Muffin Man
- Solved By Modern CSS: Feature Image Using container queries and CSS :has() to build a feature image.
- (1) Speed (Re)Build with Relume: Redesigning a pizza website in under 1 hour - YouTube Awesome redesign and walkthrough
- How To Improve INP: React⚛️ | Jacob 'Kurt' Groß Amazing dive into a challenging metric
November 2024
- `spoiled` animated spoilers in React Neat solution for revealing content on the page, using Houdini
- Complete CSS - Course overview Really looking forward to this
- At Last! Simple details/summary animation with pure CSS - YouTube This will be rad once the browsers catch up
- More options for styling <details> | Chrome for Developers I need to write up a post converting our FAQ component
- The Different (and Modern) Ways To Toggle Content | CSS-Tricks We recently built a state-driven accordion that could probably just be details + summary
- Beautiful focus outlines · Medienbäcker Thomas Günther What the title says
- Reimagining prototyping with AI. How generative AI tools are bringing… | by Vamsi Batchu | Nov, 2024 | UX Collective Prototyping is the best use of AI I’ve seen in web tools
- Making content-aware components using CSS :has(), grid, and quantity queries - Piccalilli Some fantastic tips
- CSS min() All The Things — Smashing Magazine Interesting dive and experiment
- Complete CSS launches on November 26 - Piccalilli Looking forward to this
- Framer Motion is now independent, introducing Motion - Motion Blog Interesting that it spun off into its own product
- pqoqubbw/icons beautifully crafted animated icons
- You can use text-wrap: balance; on icons – Terence Eden’s Blog I hadn’t thought to try this but I want this balance often
- How I write code using Cursor: A review Still learning new techniques after 36 years of coding
October 2024
- tailwindcss-highlights - Plugin Showcase
- Unleash The Power Of Scroll-Driven Animations | CSS-Tricks
- How Vercel adopted microfrontends - Vercel Wild move
- Split Effects with no Content Duplication – Frontend Masters Boost
- Building the Perfect Logo Strip - 9elements
- display:contents intro by Wes Bos
September 2024
- Animate to height: auto; (and other intrinsic sizing keywords) in CSS | CSS and UI | Chrome for Developers Nice explanation of the latest options
July 2024
- Split Effects with no Content Duplication – Frontend Masters Boost
- Building the Perfect Logo Strip - 9elements
- https://youtube.com/watch?v=vWJ95E71cow&si=o6K3cYfElPbAncvn
- Animate to height: auto; (and other intrinsic sizing keywords) in CSS | CSS and UI | Chrome for Developers Nice explanation of the latest options
- Design engineering / Blog / Chris Nager
- Tailwind CSS button collection - Click-to-copy integration
- 📅 Calendar Link | calendar-link Calendar link generator for popular services
- “Smart” design patterns with container queries Love the auto grid layouts
- CSS font-size-adjust is now in Baseline | Blog | web.dev Super handy feature for font fallbacks
July 2024
- CSS Grid Areas Awesome dive, I learned a lot
- Tailwind CSS with Intersection Observer variants Stashing in case I could use it
- Fine-tuning Text Inputs I haven’t used a few of these and maybe should
- My Top 10 Resources for Web Animations I dig this guy’s way of sharing
- @property: Next-gen CSS variables now with universal browser support | Blog | web.dev Types for CSS, ugh
- The Magic of Clip Path Awesome usage and explanation
- Inverted border-radius using CSS mask Seeing this trend a lot and I dig it
- 8 Exciting New JavaScript Concepts You Need to Know - DEV Community Well now I partially know them
- Why the with() method of JavaScript Array is a gem? Neat
- True Crime Explained - YouTube Loved this explanation and visuals
- Fluid for Tailwind CSS - Build better responsive designs in less code. Handy items for responsive text
- The 3 Types of CSS Utility Classes Utilities FTW
- Add an overlay to a background-image with one line of CSS Neat trick, but more than one line really
- Component Day | Link Pages, Uncommon Components and React Library Update Love these shares
- A guide to observability - LogRocket Blog Learned some definitions around my day-to-day work
- From Hacks to Elegance: Transforming a Card Component with Modern CSS Wizardry - 9elements Excellent walkthrough of modern CSS for an unusual layout
- Adapting typography to user preferences with CSS | Articles | web.dev Love the thought behind using a variable font for improving UX
- Popovers Work Pretty Nicely as Slide-Out Drawers – Frontend Masters Boost Really digging this series on popovers and how easy the API makes things
June 2024
- Inside the Redesigned Figma, Where Your Work Takes Center Stage | Figma Blog Awesome work
- simpleParallax.js - Easy Parallax Effect for React & JavaScript
- CSS Cap Unit Definitely going to start using this
- Web Design Engineering With the New CSS | Matthias Ott | CSS Day 2024 - YouTube So good
- Introducing Vercel AI SDK 3.2 Got a great intro to this at Render
- Single CSS Keyframe Tricks are Magic Neat trick for repeating animations
- New CSS media queries syntax Really interesting, I hadn’t heard of it and it’s succinct
- Hover Animations for Terminal-like Typography | Codrops Rad effect
- Creating a Glowing Text Marquee Animation | Codrops Digging this effect
- Capturing web page video with a couple of bookmarklets Super helpful bookmarklets
- Flow Charts with CSS Anchor Positioning
- Fluid Breakout Layout with CSS Grid | Viget Love this breakdown and I could add a few on this site
- Let’s make a floating button sign up form pattern Excellent walkthrough
- Glassmorphism: Definition and Best Practices
- One of the Boss Battles of CSS is Almost Won! Transitioning to Auto
- The Next Big Thing in CSS: margin-trim!
- Using AI to spark connections at a conference | Swizec Teller
- Component Driven User Interfaces
- Understanding React Server Components – Vercel
- How I Structured My Design System Using Figma’s New Variables | by Melissa McArthur | Jul, 2023 | Bootcamp Love seeing the dragging into other viewport sizes
- Let’s hang! An intro to CSS Anchor Positioning with basic examples | utilitybend First dive into this and it feels like it will be very useful
- CSS-only Custom Range Slider with Motion Nice little effect
May 2024
- Best Web Design Resources 2024 - YouTube - Jeremy Mura Awesome collection of resources
- I rewrote my blog! And website! They are one! Definitely going to check out Tina
- Protecting your email address via SVG instead of JS Interesting trick, but maybe just until the bots catchup?
- The age of average (encore) — Alex Murrell
- Are Inline Styles Faster than CSS?
- Creating a pointer-friendly submenu experience – React Spectrum Blog
- Are Inline Styles Faster than CSS?
March 2024
February 2024
- A better image reset for your CSS Clever items that I wouldn’t have thought of
- Event currentTarget to the rescue - Piccalilli Quick and helpful tip
- Webflow’s New Custom CSS Properties 🤯 Nice feature for expanding what can be built
- Add Dark Mode to YOUR website with a single line of code Super interesting way to handle it
- Creating Text Reveal Animation on Scroll with GSAP & SplitType Interesting to see Webflow folks use GSAP
- AI Mixologist vs. Human Bartender | WIRED - YouTube - WIRED Fun experiment
January 2024
- Accounting for Internationalization with CSS and HTML I've been using logical properties but hadn't set the dir yet
December 2023
- You don't need Storybook to make a playground Definitely need to try this
- Making noisy SVGs — Daniel Immke Cool technique and gorgeous blog post
- Quantity Queries are Very Easy with CSS :has() – Frontend Masters Boost
- No one actually wants simplicity "We think we do, but in fact every web developer will happily sacrifice simplicity to the first shiny thing promising them relief" from the mildest of ailments.
- "How does xxx compare to Panda CSS"
- AI coding is exploding
- Timed Cards Opening I want to use this for no reserv-ai-tions
- Modern Button Styles - 45 CSS Only Buttons I want to use a few of these
- CSS Media Query Support for Video source Elements - Stephanie Stimac's Blog Cool little snippet
- Teaching ChatGPT to prompt Midjourney Definitely need to make a thread or GPT of this
- You don't need JavaScript for that - HTMHell Nice roundup of UI that can be done natively now
November 2023
- CSS In Real Life | Preventing Scroll “Bounce” with CSS Neat trick that I’ll add to my stuff
- Scraping Goodreads Another good way to get your data out of Goodreads
- Headless Component: a pattern for composing React UIs Love this dive into how to think through components
October 2023
- How To Animate Along A Path In CSS — Smashing Magazine Super slick
- How Smashing Magazine Uses TinaCMS To Manage An Editorial Workflow I’ve been debating using this, I want a git-based CMS for this site
- Textareas with auto-increasing height using CSS Nice feature
August 2023
- A Future of Themes with CSS Container Style Queries | chriskirknielsen
- THE BEST SIDE DISH THAT I'VE EVER MADE (SERIOUSLY...) | SAM THE COOKING GUY Fondant potatoes that I have to make
- The Foundation of REST API: HTTP - ByteByteGo Newsletter Great explanations, I went too long without knowing any of this
- What’s the right font size in web design? - Pimp my Type I concur
- CSS only floating labels · Muffin Man Nice
- I Gave a Website Logo Superpowers Another fun walkthrough
- Why I STOPPED Using Next.js And Chose Astro Instead A personal blog is a perfect use case for Astro instead of Next
- Coding prototypes Write what you need to test a hypothesis. Then throw that code away.
- Product and Platform Engineers Another differentiation, kinda similar to what I do
- Build a thing to build the thing Valuable approach for building a design system or UI library
- The Next Generation of Web Layouts Nice, open challenge from The Godfather
- Visually hidden links with 0 dimensions Weird and helpful find
- 10 Art Styles on Midjourney V5 Prompts you must try! Worth demoing them all
- Just normal web things. Some good points on how engineers break affordances in the spirit of advancement
- Build Custom Interfaces Using CSS Open Props - YouTube - Learn With Jason Definitely going to try this for some example components that I want to build
- React Hooks Crash Course (useMemo, useCallback and more). - YouTube - developedbyed Learned some bits of how things work that Next handles
- Responding to Reddit on the Next.js App Router - YouTube - Lee Robinson Love this approach by Lee and I learned some things
- Throw away your first draft of your code | nicole@web
- Stop Conditional Rendering in React Without Knowing This (&& vs Ternary Operator) - YouTube - ByteGrad I got caught with this in the past
- Resume and pause animations in CSS animation-play-state: paused FTW
July 2023
- The key to understanding complex systems is patience. Embracing them and being resilient are the hardest parts for me
- Framer Update: Code Blocks & Inline Code - YouTube - Framer Nice way to improve usage of Framer for content sites
- How To Create This Unbelievable CSS Scroll Animation - YouTube - Web Dev Simplified Learned how to think through this animation
- Framer Tutorial: Advanced Scroll Zoom Animation - YouTube - Framer University Awesome walkthrough, learned some Framer techniques
- Top 10 CSS One Liners That Will Blow Your Mind - YouTube - developedbyed He's hilarious and informative, "bitch"
- If Web Components are so great, why am I not using them? All good points from Uncle Dave
- Scroll driven animations in CSS are a joy to play around with! | utilitybend Definitely want a progress meter for blog posts once this is at least in Chrome
- Remote Synthesis | Is Jamstack Officially Finished? RIP Jamstack
- Why Panda: CSS for RSCs is Changing the Game - YouTube - Jack Herrington I'm super excited for this, I want to see if I could revamp our whole design system with it
- Introducing React Tweet – Vercel Worth trying when I need one
- Chris Lattner: Future of Programming and AI | Lex Fridman Podcast #381 - YouTube - Lex Fridman Fantastic conversation between two humble and insanely smart programmers
- CSS-only particle animations Awesome “pairing” session on animations, lots of great tips
- How Long Should Your Midjourney Prompt Be? /Shorten Deep Dive Nice breakdown of the shorten command and experiments with it
- How to Create Brand-Consistent Background Images with Midjourney Saving to remember to try background images
- Scroll-Based Layout Animations | Codrops An exploration of different scroll based layout switch animations using GSAP's ScrollTrigger and Flip.
- The Ultimate Guide to AI Web Design 2023 | by Design Studio | Jul, 2023 | UX Planet Ultimate is strong, but a good collection of what things are being created
- htmx in 100 seconds I’m probably missing something, but seems better to use web components
- How To Become A Better Speaker At Conferences — Smashing Magazine Solid advice
- Conditional CSS with :has and :nth-last-child - Ahmad Shadeed Excellent examples
- Why engineers should focus on writing - Dmitry Kudryavtsev I agree and put it on the internet
- A case study on scroll-driven animations performance - Chrome Developers Looking forward to it getting adopted
- Scroll progress animations in CSS | MDN Blog Love the things that are coming to the platform
- The problems with viewport units - YouTube - Kevin Powell I recently ran into a few of these, excellent breakdown
- Easy and accessible pagination links for your Astro collections Still want to build something sizable with Astro
- PromptGenerator · ChatGPT Users Great prompt crafting technique
- Inspiration for Text Block Transitions | Codrops I love the UI for testing as much as I love the effect
- Fixing INP with a VIEWPORT tag Cool trick for static pages with the errors
- Tailwind CSS Tips and Tricks Worth Knowing Nice collection of tips, reminded me of group which I needed recently but wrote CSS for
- Harvard professor Avi Loeb believes he's found fragments of alien technology - CBS Boston Wild discovery, I wonder if they are really crafted bits of tech
- How to build a website without frameworks and tons of libraries | Koding Kitty Jinja to the rescue! This goes a little further than my taste but I see the value
- Headless Design Systems. Revolutionizing Front-end Development | by Matthaios Mantzios | Jun, 2023 | Bootcamp I love the premise and it solves a problem, but I want to see the dirty work involved
- Building a Sustainable Website for Dodonut Using Astro JS - Bejamas Really interesting to consider carbon emissions, beyond the the typical web perf
- They Won't Play a Lady-O on Country Radio: Examining Back-to-Back Plays by Gender, Race, & Sexual Orientation Pudding does it again, with excellent visualizations and backstory behind a problem
- localroger's home Had to read, got it from Lex Fridman chatting with George Hotz
- CSS only floating labels Nice thing to use
- Smoked Chicken Bombs Recipe...These Are AMAZING! | Ash Kickin' BBQ Really want to make these and order those pins
- This Makes State Management so Much Easier Zustand looks excellent for handling state
- Breaking Up with SVG-in-JS in 2023 Going to try the <use> approach in our next-app
- nucliweb/webperf-snippets: ⚡️ 💾 Web Performance Snippets Interesting snippets that I need to try out
June 2023
- Framer Tutorial: Advanced Scroll Animation (ZERO Code) Really enjoy his style of teaching and video production
- Framer Tutorial: No-Code Animated Curved Carousel for Your Website - YouTube - Framer University Rad animation made so easily compared to code
- Creating zooming scroll effects like Apple.com in Framer without code - YouTube - Framer I need to make this
- ImNotGoodEnough.js Love this way of breaking things down by what you know
- How we made the Awesome tutorial and dog-fooding example by Figma
- Use Next/Image with React Markdown – Amir Ardalan Extend react-markdown with metastrings.
- The BEST Secret of MidJourney V5.2 : It’s NOT “Zoom Out”… but “Create Consistent Style”! Excellent walkthrough, need to try this for a series
- Introducing AI Help: Your Trusted Companion for Web Development | MDN Blog Excellent place for AI to help with learning and finding docs
- This Website Feature Demands It Of You Short and sweet example of how to break down something complicated and recreate it
- Framer Tutorial: CMS Basics I need to give this a try
- Next.js App Router: Routing, Data Fetching, Caching Awesome intro by Lee, I want to be able to update to 13
- Porting a Next.js Site to Astro Step-by-Step Nice walkthrough, I'd love to move our marketing site
- Your next component - Dan Mall (Config 2023) Excellent talk, reminded us that every day is a chance to make things better
- Framer Updates: Mobile Navigations Need to test making a nav
- Master Carousels in Framer (Slideshow, Ticker & Carousel) Great intro and makes me wonder if you can use CMS items
- Framer Update: New Conditionals & Transforms This tool is a front-end dev and I love it
- Designing the new Dive website in Figma + Framer - YouTube - Ridd Seriously awesome walkthrough
- 6 UI Hacks I Wish I Knew As A Beginner - YouTube - Tim Gabe Standard things, explained very well
- Using Images in Next.js (next/image examples) - YouTube - Lee Robinson Nice dive into the new version of the component
- No Handoff: close the gap between product and engineering – No Handoff The dream
- Figma Dev Mode is here! Intro to the features with a nice warning about the cost
- Animating Slack reminders with the View Transitions API Nice intro to the API
- 4 Ai Personal Assistants (3 Tested) None seem great, as I’ve experienced as well
- JavaScript: Reverse Arrays use .toReversed()
- NEW Midjourney 5.2 Update: Zooming, Prompt Analyzing, and More! - YouTube - AI Foundations Good examples for the new features
- Building a line graph with CSS clip-mask Clever technique
- Building Beautiful Login Pages with Auth0 Focuses on the form, not the page
- Creating Scroll-Triggered Animations by combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions CSS animations are getting so powerful
- When building components in Astro, you might not want to use Astro files | Zell Liew Use a language you're using, in this case Svelte
- Generating income from open source Hmm
- Before your next frontend pull request, use this checklist—Martian Chronicles, Evil Martians’ team blog More related to a general checklist than pull requests
- Rick Rubin: Legendary Music Producer | Lex Fridman Podcast #275 I just want to sit and listen to music with Rick Rubin now
- I used Framer AI to create a website… in 5 minutes Shows off all the bits quickly
- Rebuilding a comment component with modern CSS - Ahmad Shadeed Fantastic walkthrough
- Visual Studio's IntelliSense list can now steer GitHub Copilot code completions. - Visual Studio Blog I'm really loving these improvements
- Skeleton Screens 101 A definition-type article on them
- Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions Awesome dive into using CSS for a lot of things we see in CSS-In-JS solutions
- Positioning anchored popovers It'll get better soon-ish
- How to highlight required and optional form fields tl:dr; only highlight optional fields
- 11 HTML best practices for login & sign-up forms—Martian Chronicles, Evil Martians’ team blog The kind of article to review when you’re building one
- DeepMind AI creates algorithms that sort data faster than those built by people Computers telling computers what to do better than we do
- AI Means More Developers Developers that can write code but can’t wrangle dependencies or reason about code quality or maintenance will suffer
- CSS In Real Life Reducing Complexity in Front End Development Tips, tricks and tutorials on the web’s most beautiful language.
- Are JavaScript libraries really that bad for performance? Good explanation of why JS is slower than just the kbs
- All the Hard Stuff Nobody Talks About when Building Products with LLMs Great notes and I had some similar challenges
- 48 Laws, Rules, and Principles of Web Development · Jens Oliver Meiert Collection of excellent principles
- Gooey Cursor Effect | Codrops Number 8 is so dope
- Best practices for container queries | Zell Liew Quick tip on wrapper elements like Flexbox
- CSS In Real Life | Reducing Complexity in Front End Development I could get down with committing node_modules
- 5 JavaScript Concepts You HAVE TO KNOW Checking out James’ videos
- Next.js 13 - Layouts and Pages Explained in 20 mins or so Funny and informative look at the the pages options
- (1) Midjourney Tutorial - Chaos Parameter - Prompts Included - Beginner Friendly - YouTube - A(i)rtifacts Something to play with
- (1) Midjourney 5.1 Tutorial: 10 Unique Styles for Stunning AI Art! ✨🎨 - YouTube - AI Wealth I really enjoy his dives into styles and explanations of them
- Let's Learn 11ty Part 7: Adding Tailwind Bringing it back to my personal site
- How to Use Your Domain on Bluesky Glad to be in Bluesky and have this hooked up
- This React UI Library is GAME CHANGER! Another good look at shadcn UI
- Microsoft vets lead secretive education startup using generative AI to help students learn Education is where I see this being helpful, mainly for the repetitive and "always on" features
- Train Your Own Private ChatGPT Model for the Cost of a Starbucks Coffee TIL renting a 3090
- “Artificial Intelligence & Humanity,” an article by Dan Mall Nice breakdown of the pros and cons of AI right now
May 2023
- Re-evaluating px vs em in Media Queries Seems like there’s movement but still often px
- The Fastest Google Fonts – CSS Wizardry – Web Performance Optimisation I need to set this up
- Building a design system without a design system team | by Andrea Nguyen | UX Planet We’re approaching this at work on the engineering side
- Using linear() for better animation Everything keeps getting better
- 3 ways to find your worst JavaScript offenders for page load – Performance @ Shopify Handy tips
- Complete Website in Framer: Beginner Tutorial - YouTube - Tim Gabe Seriously in awe of how this Framer handles responsive design
- Designers Are Leaving Webflow... Here's Why Seeing Framer recently has felt like a throwback to 2015, but it’s seriously impressive
- Why is THIS the Perfect Homepage? I was skeptical but I think he explained his reasoning very well
- Scientists use AI to discover new antibiotic to treat deadly superbug | Artificial intelligence (AI) | The Guardian Fascinating usage of medical learning at speed
- Next.js 13 and React Suspense: Create a loading component - LogRocket Blog Good intro
- Getting started with View Transitions on multi-page apps Looking forward to adding these, but I don't mess with Canary
- 20 Art Styles for Midjourney With Prompts and Samples. Interesting to apply it to base images
- New Strapi Starter with Next.js 13, Tailwind, and TypeScript Worth kicking the tires on, especially for how they handle the API
- The Midjourney Cheat Sheet (V5) From prompts to parameters and weights, all in one place
- Markdown images are an anti-pattern I agree on using an img tag instead
- Building a Frontend Framework; Reactivity and Composability With Zero Dependencies Excellent walkthrough
- Eleventy by Example, by Bryan Robinson A review of "Eleventy by Example", by Bryan Robinson
- I think I was wrong about Tailwind... - YouTube - James Perkins Nice breakdown on the copy/pastability
- Why the modern web loves Astro and Eleventy (11ty) – and how to choose which one to use | CloudCannon Agree with most of the points
- Best Screenflow Audio Filters To Make Your Audio Sound Amazing | Mike Hobbs - YouTube - Mike Hobbs Struggling with audio lately and this helped a lot
- 500 High Quality Prompts for Midjourney AI: Logos, Human Emotions, PowerPoint Backgrounds and more… Another example of the power of | in prompts
- Anatomy of Midjourney Promps: In-Depth Study for effective Prompting Strategies — V5.1 examples This is the first I've seen someone use pipes | for separating parts of the prompt
- I created a Zero-Runtime CSS-in-JS Library Compatible with Next.js App Router and RSC Excellent description of the issues around CSS-in-JS performance
- My AI "Second Brain" To Make Life Easier - YouTube - Matt Wolfe Fantastic breakdown of useful tools
- Designing for (Realistic) Attention - Christopher Butler I love this, but I wonder how you balance it with SEO
- What's new in CSS and UI: I/O 2023 Edition - Chrome Developers Awesome wrap-up of the latest hotness
- daisyUI — Tailwind CSS Components Nice usage of named styles and utility classes
- GitHub - smol-ai/developer: with 100k context windows on the way, it's now feasible for every dev to have their own smol developer Interesting “CLI” for creating any app
- More control over :nth-child() selections with the of S syntax - Chrome Developers CSS keeps adding things we’ve wanted forever
- 6 CSS snippets every front-end developer should know in 2023 Stuff the cool kids are doing
- Rearrange / Animate CSS Grid Layouts with the View Transition API – Bram.us My first peek at the View Transition API, which looks rad
- Can you create beautiful stroked text in CSS? - LogRocket Blog I have to use this somewhere, it’s so fun
- A Set of Useful 11ty Filters | Aleksandr Hovhannisyan Used this for the library date formatting
- Top 3 AI Website Builders: How to Create A Website in Minutes (no coding) - YouTube I’m interested in doing a comparison of some to try to build something I would at work
- The Photography Prompt that Perfectly Arranges Anything - YouTube Knolling, with some similar prompts
- Custom filters for Nunjucks templates in Eleventy — Eszter’s (mostly) frontend blog Trying to track down date format options for the library dates
- Notion API with 11ty - Constant Vallee Helpful article for getting started, but I ran into trouble getting the data into a template
- How to Edit Screen Recordings So They're Extremely Easy to Follow - Screenflow 10 Tutorial - YouTube Excellent tips that have already helped me improving screen recordings
- ONE ChatGPT Prompt to RULE THEM ALL - MidJourney/Stable Diffusion - YouTube I didn’t finish the video because someone shared an improved prompt in the comments
- Dynamic color change while scrolling with CSS Handy item, similar to an approach that I use for Gmail dark mode
- Tether elements to each other with CSS anchor positioning - Chrome Developers Interesting to see the platform to continually adapt to UI that is built on top of it