The Ol' Blog

Posts, aka Blog Posts

Below is a list of posts that I really wanted to share or that I felt compelled to write because I didn't find it when I was looking. It seems that I'm up to 81 that have survived refactors and redesigns since 2012.

Chris Coyier — Chris Coyier
@chriscoyier

While I'm glad you have the interest in checking out my blog, I want to help bring back this old tradition of sharing links to other people's blogs, via a blog roll. The decline of a single place, like Twitter, where lots of web folks share their links makes it even more important to have ways of finding great blogs.

{post.data.thumbAlt}

Render ATL 2025

Another awesome experience

{post.data.thumbAlt}

Trendy UI with Clip-Path and Grid

A line of CSS to make images scroll

{post.data.thumbAlt}

CSS Scrolling Images

A line of CSS to make images scroll

{post.data.thumbAlt}

Cursor Makes Web Dev Fun

Cursor helps you focus on building instead of boilerplate

{post.data.thumbAlt}

Building a Lovable Tool with AI

Using Lovable AI to create a list app

{post.data.thumbAlt}

Playing With Relume Layouts

Building a layout with Greensock

{post.data.thumbAlt}

Adding TinaCMS To My Astro Site

Quick and easy setup with some learning

{post.data.thumbAlt}

Footer Link Columns With Subgrid

New tech applied to an old problem

{post.data.thumbAlt}

Webflow for Web Devs

A meetup talk for Tampa Web Devs

{post.data.thumbAlt}

A Short Review of My First Webflow Project

A mix "no code" and "yes code"

{post.data.thumbAlt}

Strapi Series, Part 11: Header and Footer Links

Refactoring components to use the links data

{post.data.thumbAlt}

Render ATL 2023

Recap of an awesome experience

{post.data.thumbAlt}

Strapi Series, Part 10: Links Data and Requests

The first collection and another single type

{post.data.thumbAlt}

Strapi Series, Part 9: Thinking In Data

Learning valuable lessons from initial creation attempts

{post.data.thumbAlt}

Strapi Series, Part 8: Font Sizes and Colors

Identifying patterns and planning for implementation

{post.data.thumbAlt}

Strapi Series, Part 7: Light and Dark Mode

Setting up dark mode with a curveball

{post.data.thumbAlt}

Strapi Series, Part 6: Coming Soon QA

Adding TypeScript and Storybook to verify and see data

{post.data.thumbAlt}

Strapi Series, Part 4: A Fake Company

Creating some details to make the project fun

{post.data.thumbAlt}

Strapi Series, Part 5: A Coming Soon Component

Hooking Strapi up to a component for collecting emails

{post.data.thumbAlt}

Strapi Series, Part 1: Project Outline

An overview of what I hope to create

{post.data.thumbAlt}

Strapi Series, Part 2: Architectural Decisions

Basic decisions around the tech stack

{post.data.thumbAlt}

Strapi Series, Part 3: Repo Setup

Cloning, yarning, and command lining

{post.data.thumbAlt}

I Didn't Write This Blog Post

The computers have taken over this website

{post.data.thumbAlt}

You Can't Make Others Love CSS

Sharing my take on the utility CSS wars

{post.data.thumbAlt}

Fixing x-robots nofollow with Vercel

Fixing a an issue when proxying to Vercel

{post.data.thumbAlt}

Custom collection list markup in Eleventy

Trying something with using custom markup for each item in a collection list

{post.data.thumbAlt}

Eleventy and Netlify for NPM newbs like me

Sharing some basics of configuration that were new to me

{post.data.thumbAlt}

Fighting Tooling Fatigue

Failing deploys, build configurations, and plugins oh my

{post.data.thumbAlt}

Simple side nav: Flexbox vs. Grid

A popular question with a pretty clear answer in this case

{post.data.thumbAlt}

Mapping On The Web Is Hard, Sorta

Sharing what I learned trying to build an interactive map

{post.data.thumbAlt}

Mapping the Long Island Murder Victims

A map of a series of unsolved murders in Long Island from the 1990s until the 2010s

{post.data.thumbAlt}

Visualizing a Disruptive Album: beerbongs & bentleys

Applying some of what I learned in Fullstack D3 to a passion project

{post.data.thumbAlt}

Prop Data Preferences

What's the "best practice" for passing down data

{post.data.thumbAlt}

Visiting Gilgo Beach

Watching Ocean Parkway to see where the Gilgo Four were discovered

{post.data.thumbAlt}

Getting Closer To Critical CSS By Default

How adopting CSS-In-JS tooling is improving performance

{post.data.thumbAlt}

Injecting a banner populated with cookie data

Sharing how I made a banner for a promo

{post.data.thumbAlt}

Embracing Emotion, with Gatsby

Crushing on Gatsby and trying to organize my Emotions

{post.data.thumbAlt}

A New Adventure

On joining DataCamp to build a front-end team

{post.data.thumbAlt}

Building a Small PWA with Preact and Firebase

Sharing how I built a little exercise tracker

{post.data.thumbAlt}

Turning the Page

Leaving Code School and Pluralsight

{post.data.thumbAlt}

Stumbling Through Learning About Event Listeners

In which I think I figure something out but I'm wrong

{post.data.thumbAlt}

I'm Learning How to Solve Problems with JavaScript

Showing the solution to a brain teaser with JS

{post.data.thumbAlt}

Reducing HTML Email Code

Sharing how I took a a crack at refactoring an email

{post.data.thumbAlt}

Rethinking My eMMail Workflow

Changing from all local dev to using Builder

{post.data.thumbAlt}

Pursuing a Nanodegree (1 of ?)

Diving into learning JavaScript on Udacity

{post.data.thumbAlt}

TIL Executing Local Ruby

Sharing how I learned how to use Ruby to solve a problem

{post.data.thumbAlt}

The Email Design Conference 2015

A recap from attending this awesome event

{post.data.thumbAlt}

Front-End Conf Lives!

The conference goes on, thanks to friends

{post.data.thumbAlt}

Give Back

Supporting an awesome project in our community

{post.data.thumbAlt}

Experiment - Personal JSON-based API

Trying out a way to access a personal bio as an API

{post.data.thumbAlt}

Thank You

People are amazing, thank you so much

{post.data.thumbAlt}

No Sleep til Portland

Building up to running our first event in Portland

{post.data.thumbAlt}

Front-End Conf Finales

Our last two times of running the conf

{post.data.thumbAlt}

Why Grok is Special

A review of the awesomeness that is Grok

{post.data.thumbAlt}

Fun With Responsive Email Banners

Responsive design and HTML Tables, FTW

{post.data.thumbAlt}

A Shift in Focus

Changing from a split role to a product one

{post.data.thumbAlt}

I Forgot About Dre

Review of the awesome work behind the Beats app

{post.data.thumbAlt}

An API Event?

Testing the waters for an event I'd like to run

{post.data.thumbAlt}

Front-End Conf Update

Updates about this and future events

{post.data.thumbAlt}

Photoshop's Timeline Rocks

Sharing my experience in making a GIF with the timeline

{post.data.thumbAlt}

Upcoming Events in '13

A listing of confs to attend in 2013

{post.data.thumbAlt}

Front-End Conf 2013

A recap of from running the 2013 event

{post.data.thumbAlt}

The Trouble with "The Trouble with Code School"

A reply to a post about online learning

{post.data.thumbAlt}

Mixture and Firebase and Public APIs

Playing with a cool tool

{post.data.thumbAlt}

Playing With Data URIs

Sharing some benefits of using data URIs for images

Placeholder image

Going Live With Number Five

Launching the site for the 5th Front-End Conf

Placeholder image

Ricardo Rally Time

A friend is trying to build an iPad app

Placeholder image

Sass Color Variable Pop Quiz

Sharing results from asking when people set variables

Placeholder image

Future of Front-End Conf

Some changes for future versions of the events

Placeholder image

I'm Down With SVG

Sharing the benefits of SVG over PNG

Placeholder image

Circles Conf 2012

A recap from attending Circles Conf

Placeholder image

re:build Conference 2012

A recap from attending re:build Conf

Placeholder image

See Nick Preprocess

The launch of Assembling Sass at Code School

Placeholder image

Playing With CSS Hat

Mondays are so different at Envy

Placeholder image

Mondays Rock

Mondays are so different at Envy

Placeholder image

Production vs. Shipping

The differences it makes when you think about shipping

Placeholder image

Growing with Envy

Joining Envy Labs and Code School!

Placeholder image

A Sass Noob using Math for Flexible Widths

Sharing as I learn about mixins

Placeholder image

Sass and Compass Pairing with Michael Parenteau

Big thank you to Michael for showing me the ropes

Placeholder image

Rebuilding

Why contemplating our mortality can be a powerful catalyst for change

Placeholder image

Fluid

Waxing poetic on thinking about responsive design by watching nature