What I learned from going to a design conference

I just came back from Awwwards LA and had a blast. While not technically a design conference (they cross over quite a bit, which is why they invited folks like myself and Sarah), the largest part of the audience were designers (as opposed to developers, my usual audience). Here’s what I thought was interesting and […]

Block formatting contexts and lists CSS Tutorial

If you’ve been reading about the latest in CSS, you might have read about flow-root. Flow root establishes a new block formatting context, but most have dismissed it as simply replacing clearfix hacks. But consider this extremely common case, where you have a few paragraphs of text, some bullet points and a floating image: See […]

Windows

Note: Like always, these are my personal experiences, and don’t reflect the opinion of my employer. I refrained from commenting on my experience with Edge in this post due to being biased (working on Chrome stuff) (but my comments would have been mostly positive). I’m typing this blog post on my new Dell XPS 13 […]

Debunked: 10 Misconceptions about AMP

Disclosure (updated on 10/15): For those that have come here for the first time or don’t like to read About pages, I work at Google and am a web developer advocate, currently focussed on AMP. If you’d rather watch than read, the top 5 are now available as video: #1: “AMP is a new render […]

Long live the Desktop

In his Ode to the Desktop, Dion writes: I consumed more and created less I’ve written down similar thoughts many years ago, and I’m glad we’re having this discussion again. The above summarizes the biggest flaw of the new and shiny. Tablets and phones are inferior when it comes to most creative tasks: Worse input […]

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

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 […]

About that ‘mobile’ in Accelerated Mobile Pages

There’s nothing inherently ‘mobile’ about AMP. AMP is designed to be mobile friendly, and with slow hardware and high latency connections, the boost you get with AMP on smartphones is going to be felt a lot stronger than on desktops. But AMP isn’t mobile only – it’s mobile first. In fact, if you can, I […]

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

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, […]

AMP and the Sandbox Policy

A few weeks ago, I imagined how a Life After AMP could look like, and discussed how AMP isn’t a broad solution for all types of websites yet, plus offered my thoughts on Tim Kadlec’s and Yoav Weiss’ proposal for a Content Performance Policy. Most of all, I pondered whether we might need a standard […]

Life after AMP

Now that AMP has publicly launched on Google Search and many other platforms (i.e WordPress), it’s time to start thinking how we can bring the things that work in AMP to the broader web. AMP isn’t for everyone (yet) Going one step back, I want to reiterate that the current AMP is currently not a […]