5

DevTools: Visually Re-engineering CSS For Faster Paint Times

Read Later

Increasingly, whether it’s on desktop or mobile, users want their web experience to be snappy and delightful. This means that even if the browser is busy rendering the page or loading in content, the user should still be able to scroll around and interact with it.

Animations need to be silky, scrolling must be buttery-smooth and your page needs to contain little to no jank. This comes down to offering an experience that can run at 60 frames per second even on regular pages, not just games and animations.

Continue Reading →

February 7, 2013

Categories Web Development Tags devtools, paint, performance, repaint, timeline

2

Tooling For The Modern WebApp Developer – Video From DotJS

Watch Later

The video from my DotJS talk in Paris is now up. I hope it's useful. In it I walk through how to performance profile your apps using DevTools Timeline and the Heap profiler, debugging your mobile apps using Overrides, sexy SASS Source Maps, snippets, a live reload editing workflow with the tools and a few other juicy tips. Slides are also available.

January 27, 2013

Categories Modern JavaScript Development Tags canary, chrome, devtools, experiments, frames, overrides, sass, snippets, timeline

2

Curated Talks To Help You Become A Better Front-End Engineer In 2013

Read Later

 

Many of us care deeply about developing our craft, but staying up to date can be a true challenge, especially when the quantity of fresh information we’re regularly exposed to can be a lot to take in. 2012 has been no exception, with a wealth of evolution and refinement going on in the front end.

Great strides have been made in how we approach workflow, use abstractions, appreciate code quality and tackle the measurement and betterment of performance. If you’ve been busy and haven’t had time to catch up on the latest developments in these areas, don’t worry. 

Continue Reading →

January 7, 2013

Categories Modern JavaScript Development Tags development, front end, inspiration, talks

20

Improving Web App Performance With the Chrome DevTools Timeline and Profiles

Read Later

 

We all want to create high performance web applications. As our apps get more complex, we may want to support rich animations and that ideal 60 frames a second that keep our apps responsive and snappy.  

Being aware of how to measure and improve performance can be a useful skill and in this short post, I'll give you a quick refresher on how this can be done with the Chrome DevTools Timeline and Profiles.

Continue Reading →

December 9, 2012

Categories Modern JavaScript Development, Web Development Tags chrome, developer tools, devtools, events, events mode, frames mode, heap profiler, profiles, profiling, timeline

59

A Few New Things Coming To JavaScript

Read Later

I believe the day-to-day practice of writing JavaScript is going to change dramatically for the better when ECMAScript.next arrives. The coming year is going to be an exciting time for developers as features proposed or finalised for the next versions of the language start to become more widely available.

In this post, I will review some of the features I'm personally looking forward to landing and being used in 2013 and beyond.

Continue Reading →

November 22, 2012

Categories Modern JavaScript Development Tags classes, ES.next, harmony, javascript, modules, new, things, weakmaps

gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.