Craig Morey

947 Flips | 1 Magazine | 7 Likes | 130 Followers | @pixelthing | Keep up with Craig Morey on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Craig Morey”

Progressively less progressive

At Google I/O the Washington Post launched a new so-called Progressive Web App, which helps to demonstrate that the “Progressive Web Apps” strategy …

Yet another blog about the state and future of Progressive Web App

Progressive Web Apps are in flux at the moment, these are the opinions of someone who has been working on web apps before they got conflated with …

Apps

Regarding the Flash of Unstyled Text in Chrome 50

This is old news! We’ve addressed this, and made substantial performance improvements to boot; you’ll find the full story in our updated article.The …

Evolving Product CSS from Dinosaur to Juicy Snake

“I’ve created a monster!”<i><br> — </i>anonymous web dev<p>MVP/Product v1.0<p>Whenever you got your MVP from some agency or built The Product v1.0 in-house, ideally …

Breaking Out With Viewport Units and Calc

While iterating on a new article layout for the impending Cloud Four redesign, I encountered an old CSS layout problem.For long-form content, it’s …

Design Systems

<i>“Just as in nature systems of order govern the growth and structure of animate and inanimate matter, so human activity itself has, since the earliest</i> …

Performant

Lazy Loading Images? Don’t Rely On JavaScript!

So much of the internet is now made up of pages containing loads of images; just visit your favourite shopping site and scroll through a product …

Meaningful CSS: Style Like You Mean It

These days, we have a world of meaningful markup at our fingertips. HTML5 introduced a lavish new set of semantically meaningful elements and …

New APIs to help developers improve scroll performance

<b></b><br>Posted by Rick Byers and Stefan Zager, Professional Jank Busters

Chrome 51 Beta: Credential Management API and reducing the overhead of offscreen rendering

Credential Management API<b></b><br>Signing in with one tap using the Credential Management API<br>Reducing the overhead of offscreen rendering<br>Additional features …

Render Conference 2016 sessions

In April this year I attended the Render Conference, a rebrand and reorganisation of 2015’s jQuery UK Conference. The name change signifies better …

Making IFrames Responsive

While creating the embed for caniuse, one part I found quite challenging was making the iframe fully responsive. When the iframe is resized, the …

Caching best practices & max-age gotchas

Getting caching right yields huge performance benefits, saves bandwidth, and reduces server costs, but many sites half-arse their caching, creating …

3 Questions That Kill Features

There are three questions that I ask over and over, throughout all of my projects. They often kill a potential idea or feature, and sometimes they …

HEAD

A list of everything that *could* go in the <head> of your document<p>Table of Contents<p>Recommended Minimum<p>Elements<p>Meta<p>Link<p>Icons<p>Social<p>Facebook Open …

The Way We Build

This article kicks off an ongoing series on Airbnb’s new Design Language System. Click here to read other installments.<p>From an early age, I wanted to …

Design

A faster FT.com

<i>How slow websites damage publishers revenue</i><p>The FT is building a new version of its website.<p>Conventional wisdom states that web performance matters …

Mobile Devices

Issue 1: Service Worker Debugging, RAIL on 3G, Offline Analytics, Progressive Web Apps, Rollupify & more.

<i>Totally Tooling Tears is a new companion to Matt and Addy’s YouTube show</i> <i>Totally Tooling Tips</i><i>. It’s a raw weekly brain-dump of notes, issues and</i> …

Web Development

Web Animation Past, Present, and Future

Web animation has been exploding during the past year or two—and the explosion has been nothing short of breathtaking. JavaScript animation libraries …

Redesigning IMDB

Thinking Database Design<p>For the ones who are not aware of this amazing website, IMDB literally means Internet Movies Database. IMDB is “the world’s …

Progressive web apps: the long game

Yesterday I was able to attend Google's first Progressive Web Apps event. A half day of talks that focused down on progressive web apps.The event, to …

JavaScript Module Systems Showdown: CommonJS vs AMD vs ES2015

As JavaScript development gets more and more common, namespaces and depedencies get much more difficult to handle. Different solutions were developed …

JavaScript

Chrome 50 Beta: Push notification improvements and declarative preload

About that time I tried to beat browser cache

After a redesign on my site to improve loading and rendering times, I started thinking what else could done to provide a faster experience.<p>Then I saw …

HTTP vs IPFS: is Peer-to

<i>Thanks to Adrian Sandu, Panayiotis Velisarakos and Tim Severien for kindly helping to peer review this article.</i><p>The Inter-Planetary File System (IPFS) …

Performance is a feature

Web performance remains a missed opportunity, February 29th 2016<p>Joseph Wynn and I gave a talk in December last year at LdnWebPerf, the capital’s …

Personalized News

The Difference Between Excellent, Good and Bad JavaScript Developers

“Excellence is never an accident. It is always the result of high intention, sincere effort, and intelligent execution; it represents the wise choice …

Taking AMP for a Spin

<i>The following is a guest post by David Attard of DART Creations. David is going to introduce us to AMP (no idea what that is? read on) as well as how</i> …