はてなブックマーク

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

23 April 2014 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. 2 min Read Time #jquery #sideeffects Share 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 using jQuery's trigger instead of triggerHan

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

2 July 2013 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. 8 min Read Time #perfmatters #mobile Share To start, here are some s

28 May 2013 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. 6 min Read Time #perfmatters Share The Skew # Most of the conversations I had started the same way: "So, OK, performance," I sai

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

18 March 2013 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. 9 min Read Time #perfmatters #toolsnotrules #profiling Share The talk is live so you can watch the video if you like, but I also wanted to provid

27 February 2013 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. 6 min Read Time #layers #rendering #hacks Share The "go faster" hack! # So you know that magic bulle

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.