Develop sites over HTTPS from static site generators (like Jekyll)

If you’re using a static site generator like Jekyll or Grow (recommended), you know that commands like jekyll serve or grow run will spin up local web servers that allow you to live develop and preview your static site. Unfortunately, these generators don’t create a secure context behind an HTTPS domain, something I need often […]

Flexbox freebie: Auto-growing list (for AMP Roadmap)

TL;DR: I did a thing with Flexbox. Here’s the standalone demo if you’re into DevTools and view:source, and the CodePen. A couple days ago I was asked to create a the a page for AMPProject.org that would display our roadmap. Which I did. It looks like this: In order to make this design fully responsive, […]

Custom pagination with Jekyll

For the recently launched Updates section on Web Fundamentals, we sorely needed pagination. The whole site on /web, including all sub sites (i.e. our Showcase, the Shows section, etc.) runs on a single instance of Jekyll, which made said task more difficult than it needed to be. If all you need is pagination for your single Jekyll […]

5 reasons for 60 fps

It’s easy to state that a higher number is better. It’s also easy to get sucked into (albeit interesting) theories and at other times non-researched half-truths when debating film projection technology and frame rate. But there are very simple, very reasonable arguments for not only high frame rate movies, but the establishment of 60 fps as standard. Here […]

Frame Rate as creative choice

As much as there are people who will tell you to always use 24fps for a cinematic look, the truth is, the definition of what makes a film look cinematic varies, and maybe you’re aiming for something different! Frame rate is as much a creative choice as color, contrast and shutter speed. Let’s take a […]

The Illusion of Motion

A story about the perception of vision, frame and refresh rate, motion blur, and TV displays.

Debugging web content on iOS

If you are a web developer, the strangely named MIHTool (MIH for “make it happen”) will make you happy. If you mostly work on mobile web applications, this will change your life. It’s the missing developer tool you wanted for so long, and Apple didn’t give you. MIHTool really does makes it happen. You say […]

How to: Web Audio on iOS

First things first: Web Audio is the real deal, and works impressively well on iOS-running devices. Even the biggest annoying limitation of the ugly HTML5 Audio past is gone – being able to play back only one sound at a time. Though, one important limitation remains on iOS: Web Audio is effectively muted until user […]