はてなブックマーク

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. Last updated: 26 Jul 2014 Est. Read Time: 6 min Share this: Twitter Tagged: #perfmatters, #reference Visi

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. Last updated: 3 Jul 2014 Est. Read Time: 9 min Share this: Twitter Tagged: #perfmatters The other day I was reading through What Every Frontend Developer Should Know About Webpage Rendering a

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

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. Last updated: 3 Mar 2014 Est. Read Time: 10 min Share this: Twitter Tagged: #perfmatters, #loading

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. Last updated: 30 Jan 2014 Est. Read Time: 5 min Share this: Twitter Tagged: #perfmatters, #apps Layer Hacking # Developers have long u

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

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. Last updated: 3 Apr 2013 Est. Read Time: 7 min Share this: Twitter Tagged: #blink, #webkit, #opinion 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

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

Web Development Most of them will probably be about front-end performance work, or possibly broader coding things. The odd one will be tagged #personal or #opinion, so if you have the RSS feed you can filter those out if you don't want them! 18/Jun 2022 Dear Zach #update, #longtimenospeak 10/Dec 2016 🌟 When everything's important, nothing is! 🌟 #performance, #loading 30/Aug 2016 Slicing SVG 9 Wa