[ 87 posts ]

Posts, aka Blog Posts

Articles I really wanted to share or felt compelled to write because I didn't find what I was looking for. They've survived refactors and redesigns since 2012.

Chris Coyier

"Write the article you wish you found when you googled something."

Chris Coyier · @chriscoyier

[ Blog Roll ]

2026

[ 4 posts ]

  1. Losing My Loyalty May 17, 2026 From CoffeeCup to Photoshop, I've been fiercely loyal to my tools for years — but exploration and orchestration are replacing that loyalty now.
  2. Read Later, Meet Stash May 02, 2026 After declaring 'read later' bankruptcy on Pocket, I moved to Notion and I'm now building my own tool for queuing and saving links.
  3. DataTune 2026 Mar 08, 2026 My first DataTune Conf in Nashville — AI adoption struggles, the data science and engineering crossover, and reactions to the newest LLM releases.
  4. Trying OpenClaw Feb 25, 2026 Initial setup and some simple automations while trying out OpenClaw for the first time.

2025

[ 7 posts ]

  1. The Best Thing Since Browser-Based Code Challenges Nov 17, 2025 How learning to code shifted from browser-based interactive challenges to adaptive, AI-driven learning.
  2. Tag, You're Subscribed Jul 15, 2025 Why I've leaned hard into email newsletters for industry news, and the ones I love reading most.
  3. Render ATL 2025 Jun 14, 2025 Recapping Render ATL 2025 — the AI Summit, hands-on workshops, and how much AI took over this year's conference lineup.
  4. Trendy UI with Clip-Path and Grid Apr 30, 2025 Reverse-engineering mode.com's rounded, overlapping UI to figure out how they pulled off the layout with CSS Grid, clip-path, and flexbox.
  5. CSS Scrolling Images Mar 10, 2025 A single line of CSS that makes a row of images scroll smoothly, no JavaScript or extra markup required.
  6. Cursor Makes Web Dev Fun Jan 29, 2025 Cursor turns tedious React and TypeScript boilerplate into quick tab-to-accept suggestions, making the actual building fun again.
  7. Building a Lovable Tool with AI Jan 15, 2025 Sketching a list app in Excalidraw first, then building the 'minimum lovable product' version with Lovable AI.

2024

[ 4 posts ]

  1. Playing With Relume Layouts Jul 08, 2024 Recreating a Relume release-day layout in Astro with GSAP, since I'm not using React or Webflow anymore.
  2. Adding TinaCMS To My Astro Site May 21, 2024 Adding TinaCMS to my Astro site — quick setup, some learning curve, and why I picked it over Forestry.
  3. Footer Link Columns With Subgrid May 15, 2024 Using CSS subgrid to solve the old problem of aligning footer link columns without extra markup.
  4. Webflow for Web Devs Feb 09, 2024 A recorded Tampa Devs Meetup talk sharing what I've learned building sites in Webflow.

2023

[ 14 posts ]

  1. A Short Review of My First Webflow Project Jul 19, 2023 My first real no-code project: a fast, fun Front-End Conf landing page built in Webflow instead of Framer.
  2. Strapi Series, Part 11: Header and Footer Links Jun 12, 2023 Refactoring Header and Footer components to pull real links data from Strapi, using a compound-components approach.
  3. Render ATL 2023 Jun 03, 2023 Recapping Render ATL 2023 — the talks, the vibe, and why it's one of my favorite conferences.
  4. Strapi Series, Part 10: Links Data and Requests May 11, 2023 Building the first Strapi collection and single type for page links, with a video walkthrough of the setup.
  5. Strapi Series, Part 9: Thinking In Data May 03, 2023 Lessons learned from my first attempts at modeling this Strapi project's content as data instead of pages.
  6. Strapi Series, Part 8: Font Sizes and Colors Apr 20, 2023 Identifying font size and color patterns in the designs and planning how to implement them in Strapi.
  7. Strapi Series, Part 7: Light and Dark Mode Apr 19, 2023 Planning dark mode support for the Strapi site, plus a curveball around how much customization to allow in the admin.
  8. Strapi Series, Part 6: Coming Soon QA Apr 17, 2023 Adding TypeScript and Storybook to verify the coming-soon component, plus a neat trick for having ChatGPT document it.
  9. Strapi Series, Part 4: A Fake Company Apr 10, 2023 Inventing a fake company, and a music-adjacent name, to make this Strapi project's designs and data feel real.
  10. Strapi Series, Part 5: A Coming Soon Component Apr 10, 2023 Hooking a Strapi-powered coming-soon component up to collect emails before the real site launches.
  11. Strapi Series, Part 1: Project Outline Apr 09, 2023 An overview of what I hope to build in this Strapi series — learning to create flexible, well-architected components.
  12. Strapi Series, Part 2: Architectural Decisions Apr 09, 2023 Documenting the basic architecture decisions behind this Strapi project, even if it's a stretch to call it a real ADR.
  13. Strapi Series, Part 3: Repo Setup Apr 09, 2023 Cloning, yarning, and command lining my way through setting up the marketing site, admin, and Strapi repos.
  14. I Didn't Write This Blog Post Apr 04, 2023 An experiment in letting the computers take over this blog post, start to finish.

2022

[ 1 post ]

  1. You Can't Make Others Love CSS Sep 20, 2022 My take on the endless utility-first CSS wars, and why Tailwind isn't going to convert everyone.

2021

[ 1 post ]

  1. Fixing x-robots nofollow with Vercel Aug 17, 2021 How a Vercel proxy misconfiguration quietly nofollowed a project for months, and how I finally fixed it.

2020

[ 9 posts ]

  1. Custom collection list markup in Eleventy Dec 16, 2020 Trying something with using custom markup for each item in a collection list
  2. Eleventy and Netlify for NPM newbs like me Dec 15, 2020 Sharing the npm and Netlify configuration basics that were new to me when I got started with Eleventy.
  3. Fighting Tooling Fatigue Dec 13, 2020 Redesigning my site turned into adding Tailwind to Eleventy, which turned into fighting failing deploys and plugin configs.
  4. Simple side nav: Flexbox vs. Grid Aug 16, 2020 Building a sidebar nav that shifts layout at tablet sizes, and settling the flexbox-vs-grid question for this case.
  5. Mapping On The Web Is Hard, Sorta Mar 08, 2020 What I learned (the hard way) trying to build an interactive map with points and a scrollable timeline.
  6. Mapping the Long Island Murder Victims Mar 07, 2020 A map of a series of unsolved murders in Long Island from the 1990s until the 2010s
  7. Visualizing a Disruptive Album: beerbongs & bentleys Feb 17, 2020 Applying what I learned in Fullstack D3 to a passion project: visualizing disruptive albums with real data.
  8. Prop Data Preferences Jan 18, 2020 Debating the 'best practice' for passing looped data down through props after a PR discussion at work.
  9. Visiting Gilgo Beach Jan 15, 2020 Taking a Lyft down Ocean Parkway at night to see where the Gilgo Four were discovered, and what that felt like.

2019

[ 3 posts ]

  1. Getting Closer To Critical CSS By Default Oct 20, 2019 How adopting CSS-in-JS tooling got me closer to shipping only the critical CSS a page actually needs.
  2. Injecting a banner populated with cookie data Sep 18, 2019 Sharing how I built a promo banner that pulls its content from cookie data.
  3. Embracing Emotion, with Gatsby Apr 17, 2019 Crushing on Gatsby and trying to organize my styles with Emotion instead of plain CSS.

2017

[ 3 posts ]

  1. A New Adventure Sep 10, 2017 On leaving my job, some freelance work with Bridge + Bloom, and joining DataCamp to build a front-end team.
  2. Building a Small PWA with Preact and Firebase Jul 23, 2017 Sharing how I built a small exercise-tracking PWA using Preact and Firebase.
  3. Turning the Page Jul 02, 2017 Leaving Code School and Pluralsight after years of building newsletters, courses, and community.

2016

[ 5 posts ]

  1. Stumbling Through Learning About Event Listeners Sep 15, 2016 Thinking I figured out event listeners, being wrong, and sharing the stumble anyway.
  2. I'm Learning How to Solve Problems with JavaScript Aug 08, 2016 Walking through my solution to a JavaScript brain teaser, warts and all.
  3. Reducing HTML Email Code Jul 16, 2016 Taking a crack at refactoring a bloated HTML email after reading about the problems with newsletters.
  4. Rethinking My eMMail Workflow Jun 30, 2016 After talking about my offline email workflow at The Email Design Conference, Litmus showed me why Builder changes everything.
  5. Pursuing a Nanodegree (1 of ?) Jun 26, 2016 Diving into a Udacity nanodegree to finally learn functional JavaScript, on top of every other resource I'd already stocked up.

2015

[ 2 posts ]

  1. TIL Executing Local Ruby Nov 20, 2015 Sharing how I learned to shell out to a local Ruby script to solve a problem I couldn't crack in JS.
  2. The Email Design Conference 2015 Aug 29, 2015 Recapping The Email Design Conference 2015, including the talk I gave on the organized chaos of email creation.

2014

[ 13 posts ]

  1. Front-End Conf Lives! Oct 23, 2014 How Front-End Conf kept going, thanks to friends who stepped up to help run it.
  2. Give Back Oct 07, 2014 Supporting an awesome community project alongside two of my favorite people, Carl Smith and Andi Graham.
  3. Experiment - Personal JSON-based API Aug 30, 2014 Experimenting with serving my own bio as a personal JSON API, sharing the bumbling process as I go.
  4. Thank You Aug 28, 2014 Reflecting on just how amazing the people in this community are, and saying thank you.
  5. No Sleep til Portland Jul 21, 2014 Building up to running our first Front-End Conf event in Portland, sleep be damned.
  6. Front-End Conf Finales Jun 09, 2014 Looking back on the last two times we ran Front-End Conf before calling it.
  7. Why Grok is Special Apr 07, 2014 Grok took the best part of conferences — the hallway conversations — and made that the whole point of the event.
  8. Fun With Responsive Email Banners Mar 27, 2014 Making responsive HTML email banners work using old-school HTML tables, for the win.
  9. A Shift in Focus Mar 03, 2014 Changing roles from split design/dev work to a focused product role, and what prompted the shift.
  10. I Forgot About Dre Jan 27, 2014 A review of the awesome design work behind the Beats app, and how good it made me feel about it.
  11. An API Event? Jan 23, 2014 Testing the waters for a conference event idea focused entirely on learning about APIs.
  12. Front-End Conf Update Jan 19, 2014 Updates on this year's Front-End Conf, held up by a big career change happening in Cherrie's life.
  13. Photoshop's Timeline Rocks Jan 08, 2014 Sharing how I stumbled my way through making a GIF with Photoshop's timeline feature.

2013

[ 8 posts ]

  1. Upcoming Events in '13 Aug 17, 2013 A listing of the front-end conferences worth putting on your radar and attending in 2013.
  2. Front-End Conf 2013 Jul 18, 2013 Recapping Front-End Conf 13 and the inspiring moments that make running it worth it.
  3. The Trouble with "The Trouble with Code School" Apr 30, 2013 A reply to Zach Wentz's post on the real flaw in online coding education platforms.
  4. Mixture and Firebase and Public APIs Apr 07, 2013 Playing with Mixture, Firebase, and public APIs while learning to share what I build via video.
  5. Playing With Data URIs Mar 21, 2013 Following up on yesterday's post, testing what data URIs can actually do for image performance.
  6. Going Live With Number Five Mar 20, 2013 Launching the site for the 5th Front-End Conf, and what it took to get there.
  7. Ricardo Rally Time Feb 27, 2013 A friend's attempt at building an iPad app, and rallying to help however I can.
  8. Sass Color Variable Pop Quiz Jan 21, 2013 Sharing the results from asking developers when and where they actually set Sass color variables.

2012

[ 13 posts ]

  1. Future of Front-End Conf Oct 05, 2012 Some changes coming to future versions of Front-End Conf, and why we're making them.
  2. I'm Down With SVG Sep 30, 2012 Why SVG beats PNG for rendering Ricardo Gimenes' illustrations on the Front-End Conf site.
  3. Circles Conf 2012 Sep 22, 2012 Recapping the first Circles Conference, bringing together creatives doing work for non-profits.
  4. re:build Conference 2012 Sep 22, 2012 Recapping re:build 2012 in Indianapolis, and the people who made the trip happen.
  5. See Nick Preprocess Aug 15, 2012 Launching Assembling Sass at Code School, Nick's course on preprocessing with style.
  6. Playing With CSS Hat Jul 21, 2012 Testing CSS Hat, a Photoshop plugin that converts layer styles into CSS, and comparing its output against my hand-coded version.
  7. Mondays Rock Jul 16, 2012 Whiteboard coding sessions with Envy's front-end team turned Mondays into the best part of my week.
  8. Production vs. Shipping Jul 16, 2012 How thinking about shipping instead of just production changes the way you approach your work.
  9. Growing with Envy Jul 12, 2012 Joining Envy Labs and Code School as a front-end dev, and how big of a change that really is.
  10. A Sass Noob using Math for Flexible Widths Jun 18, 2012 Learning Sass and Compass math to finally stop hand-calculating fluid width conversions.
  11. Sass and Compass Pairing with Michael Parenteau Jun 17, 2012 Michael Parenteau showed me the ropes of getting started with Sass and Compass on a real project.
  12. Rebuilding Jun 16, 2012 Rebuilding my personal site after being kind of forced into it, and why contemplating mortality made it feel like an opportunity.
  13. Fluid Mar 12, 2012 Waxing poetic on how watching nature changed the way I think about responsive design and building for the web.