Profile cover photo
Profile photo
Olivier Audard
162 followers -
Front-end Engineer, Javascript & iOS Developer, HTML5 enthusiast, Tai-Chi-Chuan student, Video Gamer, Role Playing Gamer
Front-end Engineer, Javascript & iOS Developer, HTML5 enthusiast, Tai-Chi-Chuan student, Video Gamer, Role Playing Gamer

162 followers
About
Olivier's posts

Post has shared content
Une bonne occasion de découvrir / progresser sur #AngularJS. A ne pas rater!
JSSophia #6 est prévu le Jeudi 6 Juin prochain à partir de 19h chez Avisto.
Au programme :
 * +Pawel Kozlowski nous parlera d'AngularJS (philosophie du framwork + exemple de code)
 * +Yacine Rezgui nous fera un petit retour sur le dernier Yahoo! Hack Europe (avec du JS dedans, promis ^^)

Détails et inscriptions ici : http://lanyrd.com/cpwbx

Post has shared content
Add profiling and timings from your app into Chrome's about:tracing. Learn how long your functions take to execute!

console.time("update");
update();
console.timeEnd("update");
console.time("render");
render();
console.timeEnd("render");

http://www.html5rocks.com/en/tutorials/games/abouttracing/

#perfmatters  
Photo

Post has shared content
JSSophia #6 est prévu le Jeudi 6 Juin prochain à partir de 19h chez Avisto.
Au programme :
 * +Pawel Kozlowski nous parlera d'AngularJS (philosophie du framwork + exemple de code)
 * +Yacine Rezgui nous fera un petit retour sur le dernier Yahoo! Hack Europe (avec du JS dedans, promis ^^)

Détails et inscriptions ici : http://lanyrd.com/cpwbx

Post has attachment

Post has shared content
Futures (nee "Promises") for DOM: https://github.com/slightlyoff/DOMFuture/

Now announced to the DOM/JS coordination list:
http://lists.w3.org/Archives/Public/public-script-coord/2013JanMar/0200.html

Huge thanks to +Domenic Denicola +Yehuda Katz  +Mark Miller +Erik Arvidsson +Ryan Sleevi +Jake Archibald +Jonas Sicking, David Bruant, +Kris Kowal and a raft of others for helping us get this far with it. This could do some serious good for many of our least-usable DOM APIs. Imagine being not worrying about readystate for documents/xhrs and instead just doing something like:

document.ready().then(function() { ... });

Or being able to use something like this natively:

https://github.com/slightlyoff/async-local-storage

This is the primitive that frees us up to be able to do all of that in DOM. Huzzah!

Post has attachment

Post has shared content
After three months and 100+ commits, JSHint 1.0.0 is ready for release. Some parts were completely rewritten, a few features added and lots of bugs fixed. Check out our release candidate versions!

Post has shared content
It's easy to build a popover using Cocoa. It's hard on the mobile web.

What do I mean by "a popover"?

• An element (View)
• Positioned relative to another element (Button)
• With an arrow pointing at Button
• Where View does not overflow the viewport
• Where the arrow is attached to the appropriate side of the view
• Where the arrow does not jut out past the end of the view

In Cocoa, this is accomplished through the use of UIPopoverController. On the web, this is usually accomplished with a pile of JavaScript.

However, just like in my previous post about touch events, getting the fine details right is fairly complicated.

Most importantly, figuring out a presentation of the popover and its arrow that does not violate any of the above constraints is a full-blown constraint-solving problem.

Cocoa solves the problem through the use of scenario-solving approaches. To the web's credit (https://twitter.com/BrendanEich/statuses/219794395803811840), it does not usually turn to narrowly tailored solutions, favoring general-purpose but rich solutions that solve the same problems.

The best of these solutions, like CSS3's Flexible Box Model, don't just provide ultra-low-level primitives. They give us broadly applicable APIs that dramatically expand what we can express directly.

+Alex Russell argues that a richer constraint-solver in CSS is the right solution for the popover problem. He put his money where his mouth is by working on a JavaScript port of Cassowary (https://github.com/slightlyoff/cassowary-js-refactor).

Maybe a full-blown constraint solver is the right solution for popovers. Maybe not. But if we're going to be competitive with native platforms, we need solutions to these fundamental problems beyond just throwing a pile of JavaScript at them.

#TheWebIsNotGoodEnoughYet 

Post has attachment
Contribute to DND is easy. You should try it.

Post has attachment
Wait while more posts are being loaded