はてなブックマーク

26 July 2014 I figure we needed a definitive reference for what work is triggered by changing various CSS properties. It's something I get asked about often enough by developers, and while we can do tests with DevTools, I have both the time and inclination to shortcut that for everyone. I'm nice like that. 6 min Read Time #perfmatters #reference Share Visit CSS Triggers A while ago, Paul Irish and

3 July 2014 How pixels get onto your users' screens is something you should know about. Not for the sake of knowing, but because in order to be effective as a modern web developer you're going to need to optimize for it. 9 min Read Time #perfmatters Share The other day I was reading through What Every Frontend Developer Should Know About Webpage Rendering and I came away feeling like it missed out

It's never nice to see bugs crop up because libraries and browsers aren't interacting as expected. In this case jQuery can cause a bit of funk with newer versions of Chrome. Last updated: 23 Apr 2014 Est. Read Time: 2 min Share this: Twitter Tagged: #jquery, #sideeffects Here's a Chrome bug that flags some code on change.org that's stopped working in newer versions of Chrome. The TL;DR is that usi

Everyone has a name for them: the excellent Phil Hawksworth calls them "delighters", my friend Tom Knowles and I call them "showbiz coding." They are little bits of UI that do something unexpected and fun. I'm going to jump to my favourite kind: 3D effects. They give your UI some depth and nobody expects those suckers. They also have the advantage of being GPU accelerated effects, provided all you

3 March 2014 Sometimes I get asked to do performance audits on web projects and to make some recommendations. So what I thought I’d do is run through what my process is, what I’m looking for, and what I typically suggest. It’s not exactly perfect, but hopefully it’ll give you an idea of what you might want to do. 10 min Read Time #perfmatters #loading #runtime Share Let's dive in with page load pe

30 January 2014 Have you ever used the translateZ hack to create a new compositor layer? Most developers have. Now there is an incoming property that's going to change how we tell the browser what we're trying to achieve. And that, in my opinion, is almost invariably a good thing. 5 min Read Time #perfmatters #apps Share Layer Hacking # Developers have long used translateZ to promote elements to t

One of the challenging parts of being in Developer Relations is staying relevant. You can track the bleeding edge of browsers, write all manner of blog posts and articles, you can go ahead and talk at conferences. The important thing is to actually try out your own advice before you give it. That's exactly what I did. Last updated: 2 Jul 2013 Est. Read Time: 8 min Share this: Twitter Tagged: #perf

I spent most of my time at Google I/O talking to developers about performance. It was a good few days, and those with whom I spoke were interesting, interested and came away with advice for profiling their sites. The thing I noticed most, however, was a skew. Last updated: 28 May 2013 Est. Read Time: 6 min Share this: Twitter Tagged: #perfmatters The Skew # Most of the conversations I had started

3 April 2013 Well, as you probably know by now, there's a new open source rendering engine based on WebKit, and it's called Blink. Going forward it will be powering all variants of Chrome. 7 min Read Time #blink #webkit #opinion Share Waaaaaaa?! # That’s pretty much what my first sentiment was as well. Well actually it wasn’t. I work on the basis that I’m the least smart guy in the room (which wor

I recently was invited to give a talk at Spotify in Stockholm, Sweden to the local developer community. My talk centered around performance, since that’s the topic that fills my days at Google, specifically site and application performance. Last updated: 18 Mar 2013 Est. Read Time: 9 min Share this: Twitter Tagged: #perfmatters, #toolsnotrules, #profiling The talk is live so you can watch the vide

Translate3d is often hailed as something of a silver bullet. In many cases it will drastically improve rendering performance in WebKit and Blink browsers like Chrome, Opera and Safari. Let's take a look at why it can improve rendering performance, and what we need to be careful of. Last updated: 27 Feb 2013 Est. Read Time: 6 min Share this: Twitter Tagged: #layers, #rendering, #hacks The "go faste

Please note: this has been tested with Three.js r82 I have used Three.js for some of my experiments, and it does a really great job of abstracting away the headaches of getting going with 3D in the browser. With it you can create cameras, objects, lights, materials and more, and you have a choice of renderer, which means you can decide if you want your scene to be drawn using HTML 5's canvas, WebG

## Introduction Hello again. So by now you’ve got started with Three.js. If you’ve not you might want to go back. Assuming you have you’re probably thinking that you’d like to do something with particles. Let’s face it, everyone loves particles. And wouldn’t you know it, you can create them very easily using Three.js! Creating a Particle System Three.js treats a particle system like any other prim

Hello! My name is Paul. I work at Google on the Chrome team as an engineer. I create sites & apps for the web. You can find me on Twitter and G+ Get in touch I don’t bite. Honestly. You can find me on Twitter and YouTube, and I like hearing from people so say hi. Subscribe You should totally get the RSS feed, or whatever it is you kids are using these days (I miss Reader.) Except as otherwise note

Hi, I'm Paul Lewis A Software Engineer based in London at Google Labs.