I’m a big fan of ZEIT Now1 as an application hosting provider. The way the service abstracts all of the cloud computing details and allows teams to focus on building and deploying web applications is fantastic. That said, I had a lot of trouble setting up secure environment variables for my first application to use....

Last year, I wrote about how to schedule Jekyll posts using Netlify and AWS Lambda[^1]. I used that approach from the moment I wrote that blog post up until today. What changed? In the past year, GitHub has introduced GitHub Actions[^2], a way to run container jobs triggered by different GitHub events. One of those...

Early on in my career as a software developer I thought my primary contribution was writing code. After all, software engineers are paid to ship software and writing code is a key component of that. It took several years for me to realize that there are numerous other contributions that go into shipping software (if...

You can apply CSS3 transitions to the z-index property, but it may work in a way you don't expect.

I've created two simple bookmarklets to reveal whether CSS background images are being used in an inaccessible way on a page. Use them yourself, or help me learn how to improve them.

Download the slides and view the demo page for my presentation on Putting Flexbox into Practice for Blend Conference 2013, as well as get links to related articles, tutorials, and tools on Flexible Box Layout.

I'm moving from the US to the Netherlands, and as part of paring down pre-move, I'd like to get rid of several copies of my book Stunning CSS3 before I leave. Find out how to get a copy.

Download the slides and view the demos for my presentation on practical flexbox progressive enhancement, "Leveling Up With Flexbox" for Smashing Conference in Oxford, as well as get links to related articles, tutorials, and tools on Flexible Box Layout.

In memory of Eric Meyer's daughter Becca.

Learn how to use flexbox to pin two things to opposite ends of the viewport with a heading centered in between. Using media queries and flexbox's re-ordering capabilities, we can make this layout pattern even more responsive.

Download the slides and view the demos for my presentation on practical flexbox progressive enhancement for RWD, "Enhancing Responsiveness with Flexbox" for the RWD Summit, as well as get links to related articles, tutorials, and tools on Flexible Box Layout.

I've noticed that there are very few moms speaking at conferences in our industry. I'd like us to do our little part to make it easier for women to work in technology fields by making web design and development conferences more mom-friendly. This can help all of us, not just the moms.

The Modernizr feature-detection script now includes four tests for flexbox support, which you can use to target browsers with varying levels of support more precisely.

I’ve had a couple people ask me to link on my blog to my four part video series on HTML5 and video. Currently, it’s a feature on the AdobeTV home page, but I reckon that will be for just a little while. After that, you can link directly to Part 1 (7:18), Part 2 (10:31), [...]

In August, due to a twitter discussion with Molly, and of course while partying on a Saturday night, Dave Gregory and I were looking at whether the Flexible box layout module (still a working draft) is getting close to ready for prime time yet. Our hope was that it will solve some of the frustrations [...]

As you may have read, outside of gradients, you can’t change a background-image with CSS transitions. Or can you? At InControl Conference last week, Greg Rewis spoke about Transitions, Transforms and Animations. A question was asked about showing one background-image on load and transitioning to another in a subsequent pseudo-state. You can always change the [...]

Last night, I was getting a file ready to share with Estelle Weyl, one of my co-presenters for our CSS3 workshop at SXSW11. The page was a silly little demo that used media queries, multiple backgrounds, transitions, generated content, multi-column layout and, well, a unicorn. I had only viewed the file in Chrome since that’s [...]