Get the row/column index of a table cell

It is surprising and annoying there is no easy way in html to get the accurate table row/column index of a cell if the table uses rowspan or colspan. This code does not reimplement the entire html spec’s algorithm because it is digusting but should work in all reasonable scenarios and the most common unreasonable scenarios:

Published on 2016-12-29 under ALL, HTML, JS, WEB
Read more...

Detect lines in an image using JavaScript

A coworker came to me last week asking if by chance I knew how to algorithmically detect the corners of a piece of paper whose picture was taken by a smartphone. Actually, this problems is best solved by detecting the edges of the paper, corners being the intersection of such lines…

Published on 2016-07-04 under ALL, WEB, JS, MATH
Read more...

Closing the loop on Google and webperf

You know I’m not one of those people who usually mumble their disagreement in the dark side of the room. That’s a good thing; the world evolves in large part thanks to constructive feedback. When you’re such a kind of person, it is important to acknowledge when the world has changed and your feedback was taken into account. Today is such a day: I saw web performance talks from Google who made me real happy.

Published on 2016-05-21 under ALL, WEB, PERF, GOOGLE
Read more...

CSS Grid Polyfill Level 1

It’s been a while already that a vast majority of web designs have been, consciously or not, based on the concept of the grid layout. However, the formatting toolbox of the web did not, until recently, provide developers with the so-critical grid layout.

Now, we are starting to see the light at the end of the tunnel, and can’t continue waiting. That’s why I’ve been working on a piece of javascript you can add to any modern browser in order to add support for CSS Grids. Today, I’m releasing a first version to you, as part of larger css-polyfilling plans.

Published on 2014-11-02 under ALL, WEB, CSS, JS, EXTWEB
Read more...

Element Media Queries (:min-width)

On the eve of HTML Web Components, and of stronger than ever Responsive Design requirements, the need for Element Media Queries is becoming very visible. This blog post will try to make a case for a JavaScript prollyfill and gives some background on why the :min-width pseudo-class is so difficult to implement.

Published on 2013-04-17 under ALL, CSS, WEB
Read more...

Enforcing parameter types in JavaScript

The Extensible Web Community Group is currently working on his first project: a polyfill code generator. The goal of the project is to generate a stub JavaScript code from some WebIDL definition. To ensure maximum compatibility, we need to follow the WebIDL type conversion rules: but how do we do this efficiently?

Published on 2013-01-17 under ALL, WEB, JS, PERFORMANCES
Read more...

The future of web innovation

Back in early 2010, I made a lightening talk on how I thought a new kind of innovation process started to drive the web forward. Today, I think this model is becoming more and more the predominant model of evolution of web standards.

Published on 2012-11-17 under ALL, CSS, HTML, JS, WEB
Read more...

So, what’s TypeScript?

A few days ago, Microsoft introduced TypeScript. Many IT news websites defined TypeScript as a “Super Javascript” from Microsoft, but what is it really? Why was he crafted? What are Microsoft plans going forward?

Published on 2012-10-06 under ALL, JS, WEB
Read more...

ECMAScript Binding Manager

These days, most JavaScript libraries perform data binding. Data binding means updating the UI automatically as a result of a model change using the Observer-Observee principle. Here’s my take on the data binding standardization.

Published on 2012-08-25 under ALL, WEB, JS
Read more...

Responsive Image Protocol proposal

These days, many people advocate for the use “image sets”. Meanwhile, image sets is just a way to put more burden on the developer by asking him to specify two image urls in his markup if he want to support high-resolution screens (phones, tablets, and high-end notebooks).

Published on 2012-08-21 under ALL, PHOTOS, WEB
Read more...

requestAnimationFrame sample - the right way

Some time ago, there has been a big PR ongoing by the people of the Web Performance WG to make sure we used requestAnimationFrame in our websites instead of setTimeout when it was available.

However, the latest drafts (which were implemented in IE10) introduced an undetectable breaking change from the currently published working draft, which can break your existing websites using the requestAnimationFrame function.

Published on 2012-08-21 under ALL, JS, WEB
Read more...

Notifications, newsletters and mail intents

We can divide the mails we receive in our mail box into multiple categories. Some are personal messages. Some, however, are automatically generated notifications. It’s therefore amazing no one (Apple, Microsoft, Google) actually integrated mails to their notification systems.

Published on 2012-08-01 under ALL, WEB, USABILITY
Read more...

Standards committees, ask your users

A while back I tweeted that users and authors, to the contrary of the popular belief, are less important than browser implementers and spec writers in standards committees. I really think it is the case, and I’ll care to explain why in this blog post.

Published on 2012-07-24 under ALL, WEB
Read more...

Making your own blog engine <tutorial>

While everybody seems to be using WordPress right now, there’s no reason not consider making your own blogging platform. In this blog post, I’m sharing my experience on the creation of a blogging platform.

Published on 2012-06-24 under ALL, WEB
Read more...

Rebooting CSS Variables [CSS Custom Properties]

Many subjects are being discussed in the CSS Working Group. So many subjects, in fact, that you can't get involved in all of them. However, some are more critical to the future of the CSS language than others. And I truly believe that the current css-variables discussion is one of them.

Published on 2012-06-26 under ALL, CSS, WEB
Read more...