Why moving elements with translate() is better than pos:abs top/left - Paul Irish
Update (2016): The more canonical writeup of this technique is at High Performance Animations - HTML5 Rocks. TL;DR: Only transform & opacity; never top/left! In modern days we have two primary options for moving an element across the screen: using CSS 2D transforms and translate() using position:absolute and top/left Chris Coyier was asked why you should use translate. Go read his response which c
Why I'm so excited about Web Platform Docs - Paul Irish
I absolutely love developing for the clientside of the web. Delivering the actual interactions and UI that all users feel is an absolutely gratifying experience. However… it’s not a piece of cake to develop for all desktop browsers, mobile browsers, and all the device/OS combinations within. It’s hard to track down accurate info, but hey we get by with an unruly combination of Mozilla’s MDN, Stack
A browser benchmark that has your back: RoboHornet - Paul Irish
The past few years’ browser focus on speed has been great for us and our users. We’ve seen a huge and dramatic performance boost on benchmarks like Sunspider, Kraken, and Octane. But, these benchmarks, often crafted by JavaScript VM engineers, test raw JavaScript performance, which is rarely the bottleneck we have in our apps. These days, our performance bottlenecks are oftentimes DOM, <canvas> AP
Academic research on browsers, frontend development, and debugging - Paul Irish
University-level education has never really touched too directly on what we do as frontend developers. I know I was self-taught in the ways of the browser, as were all of my friends. Luckily the sort of webapp work we do these days is quite sophisticated so those CS graduates bring much of the great ideas to the JavaScript community. (Alex Sexton has been a personal inspiration here) Early last ye
Developers We Admire. - Paul Irish
One of the good things about having the eyeballs of many people is that you now have the ability to throw other people into the limelight that completely deserve to be in it. Divya Manian and I have been, for a while now, putting together a list of people in the front-end development community who, in our opinion, could use more broad acknowledgment and attention. They’re also inspiring because… T
Vendor prefixes are not developer-friendly - Paul Irish
or… The premise of prefixes makes unrealistic demands on how developers maintain sites There’s a lot of conversation about making prefixes work (by changing policy), but I believe they already are at odds with the developer workflow. In this proposal I hope to show that: prefixes are not developer-friendly recent features would have been in a much better state without prefixes implementor maneuver
* { box-sizing: border-box } FTW - Paul Irish
One of my least favorite parts about layout with CSS is the relationship of width and padding. You’re busy defining widths to match your grid or general column proportions, then down the line you start to add in text, which necessitates defining padding for those boxes. And ‘lo and behold, you now are subtracting pixels from your original width so the box doesn’t expand. Ugh. If I say the width is
Semantics in practice and mapping semantic value to its consumers - Paul Irish
Divya Manian kicked off a good bout of discussion of HTML semantics with her post Our pointless pursuit of semantic value. It called into question the amount of time we spend on identifying the Right and Best ways of marking up our content while highlighting details of some of the consumers of semantics like assistive technology (AT). Jeremy Keith responded in Pursing Semantic Value. I wanted to c
Browser Market Pollution: IE[x] is the new IE6 - Paul Irish
Feb 2015: 3½ years later, we’re in a better place. The new IE Spartan project has killed off document modes. (Technically, still possible in firewall environments, but… effectively dead for us.) These days, our IE support landscape is IE8 (still), IE11, and IE Mobile. 3 is definitely better than 72. Cheers to Microsoft & the IE team for doing their best to address legacy and bring IE into the fold
HTML5 Boilerplate went 1.0 - Paul Irish
The project went 1.0 today. \o/ A custom builder to customize your download. (It’s by the same guy behind initializr) An Ant Build Script that handles all the optimization to make YSlow and PageSpeed happy. Rich and beautiful documentation Lots of videos (2 new) on Getting Started and familiarizing with the Build Script Default webserver configurations optimized for perf for: Apache, Nginx, Lightt
requestAnimationFrame for smart animating - Paul Irish
If you’ve never written code to animate inside the browser, you can stop reading :) What is requestAnimationFrame? In your animation work, you’ve used a timer loop to make changes every few milliseconds. Good for us: browser vendors have decided, “hey, why don’t we just give you an API for that, because we can probably optimize some things for you.” So it’s basic API for use with animation, whethe
Surefire DOM Element insertion - Paul Irish
var ref = document.getElementsByTagName('script')[0]; ref.parentNode.insertBefore(yourElem, ref); But you prefer a good old document.body.appendChild(elem); Awww! I know, man. I used to, too. Well, you can’t always trust this.. Especially if you’re writing library, widget or third-party code. Here’s why you can trust this insertBefore method, and why all the other techniques are not wise: appendCh
11 More Things I Learned from the jQuery Source - Paul Irish
I recently dove back into the jQuery source code to pull out some more JavaScript goodness. If you haven’t seen the original 10 Things I Learned from the jQuery Source video, definitely check that out. But now.. some newness: youtube link for flash-less HTML5 player In this video: pseudo-module patterns with IIFEs (has.js example) data()’s new HTML5 powers via massive ternary operator chaining how
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
