The following is a transcript of a talk given at various events throughout 2016, including Smashing Conf NYC, and An Event Apart Chicago.

Tagged:

Our last article about BoxArt showed how to use BoxArt's Animated component to animate a tile-dropping game built in React. This time, we are going to look at some features of how Animated optimizes animations for performance.

The Beastliness of Layout Thrash

There's a performance nightmare constantly threatening when you're animating in the browser.

Tagged:

The following is a transcript of a talk given at various events throughout 2015, including Bocoup’s own TXJS and Boston JS.

Transcript

Tagged:

They tried to cover this up. In designing ECMAScript 2015 (a.k.a. ES6, a.k.a. ES2015), the authors identified a number of undesirable side effects of their work. "Why worry?" they asked. "People will be so smitten with arrow functions and block-scope bindings that they won't care about a few measly backwards-breaking changes." Well I care, and I have evidence that suggests I'm not alone.

Redatcted Debugger

Tagged:

CC BY-SA

We build a lot of software at Bocoup. Like other types of builders, we tend to grow attached to the particular sets of tools and scripts we use in our work. We don't play favorites: my colleagues support Grunt, contribute to Gulp, and maintain stand-alone tools such as JSHint. It's easy to take familiarity with these tools for granted, but for our clients (or new project contributors) every new tool is another barrier to entry.

Tagged:

Look, I like good typography as much as the next person—maybe even a little more. When a CSS property came along with promises to doctor all my type with ligatures and carefully calculated kerning—not some half-assed tracking, but real kerning—I jumped at it. I put text-rendering: optimizeLegibility on headings, body copy, navigation links; I slapped it on images just in case a ligature might appear in the background of a photograph, blurred, like an aesthetically satisfying poltergeist.

Tagged:

August 14, 2015. Mark your calendars. That's my next birthday. Another important date is June 18, 2015--it's when the ECMA General Assembly will vote on and approve the 6th edition of Ecma-262 and usher in the next era of JavaScript. On that day, all those new language features we've been coveting/dreading will officially enter our lingua franca. Today, Bocoup is starting on an exciting collaboration with Google and TC39 to prepare for the big day. Before we get into that, though, we should talk about what needs to be done in general.

Tagged:

CC BY-SA

Selenium is an indispensable tool for developing web applications. It allows developers to write test scripts that control real browsers and ensure their applications behave in the way that users expect. Tests like these make software development much more pleasant--developers can have much greater certainty that their application is functioning correctly even after large refactoring operations.

There's a dark side to UI testing, though. So-called "race conditions" can lead to unexpected and intermittent test failures. Such failures undermine developer confidence in their test suites at large, and this subverts the entire motivation for maintaining tests in the first place.

Tagged:

CC BY-SA

I’ve always been a huge proponent of building sites that work everywhere — any user, any browser, any device, any context. Websites work everywhere by default, and they stay that way so long as we know how not to break them. That’s what the Open Web means to me: ensuring that entire populations just setting foot on the web for the first time will find it welcoming, regardless of the devices or connections used to get there.

Tagged:

Update: This proposal now has two open bugs for implementation, on V8 and SpiderMonkey.


Tagged: