Olivier Audard

Before going further, I’ll start by saying that I’m a Git and Github noob, so if you have a better solution to achieve the same goal, give me a shout, I’ll be happy to hear it..!

A few weeks ago, I implemented a small bookmarklet to apply google-code-prettify anywhere on the Web.
I put the source code on Github and used the (awesome) Automatic Page Generator to quickly create a landing page to host my bookmarklet.

The generated page lives on the same repository, on a branch called gh-pages.
At this point, my concern was the following: How could I include the bookmarklet link on gh-pages branch from the source code living on the master?

In this post, I’ll continue to work on the code started in the first article on Feature Detection and File Upload Forms, so you’d better read it before going further.

Last time, we created a Javascript component used to upload a file asynchronously on the server.
It uses FormData and FileList APIs in modern browsers but also degrades gracefully with browsers that don’t support those APIs.

This time, I’ll explain how to handle the thumbnail associated to the file input field.
It’s a good example to introduce loosely coupled modules, and to show some other uses of the feature detection technique.

I recently had to queue a few ajax requests. I wrote a little piece of Coffeescript+jQuery to provide a reusable way of doing it.
Using jQuery’s Deferred objects and CoffeeScript makes the task really easy.

Last Thursday, I gave a talk at @JSSophia, the local Javascript User Group I co-founded with @FredGuillaume.
The group is just starting (2nd meeting), so there were only a few people, but as some of them looked quite interested by my talk, and some other couldn’t come due to personal or professional duties, I thought I could write a couple of blog posts about the same topic.

I choose File Upload Form example because it’s standalone, frequently used and it can be improved by many ways with HTML5 APIs.
It’s a good example to introduce some very important Javascript concepts:

1. Using feature detection for progressive enhancement
2. Using loosely coupled modules to architecture web applications.

This post focus on the first part of the talk.
It presents the feature detection technique.
I’ll cover the second part, loosely coupled modules, in another article.

If your page runs into an iframe hosted by another domain, you may want to keep the session open. The following jQuery plugin automates the “ping URL” process and provides some options.

Once your CoffeeScript environment is up and running, you may want to write some awesome new jQuery plugin with CoffeeScript.

The code bellow is a starting point, it’s clearly inspired from the jQuery Doc. Just search/replace pluginName with your plugin name and go ahead with your own code.

Voilà déjà pas mal de temps que je n’ai rien publié ici… Ce qui ne veux pas dire que j’ai rien dans les cartons. C’est plutôt le temps qui manque un peu quand il s’agit de présenter tout ça de façon correcte.

Pour changer un peu des précédent articles dédiés au développement iPhone, je vais aujourd’hui présenter un petit outil Javascript, utilisant le Framework jQuery. Rien de révolutionnaire, c’est simplement un plugin jQuery permettant de dérouler un bandeau HTML au dessous d’un autre. J’ai appelé ce plugin ‘helpBox’ car ce widget est particulièrement adapté pour afficher une aide contextuelle.

Pour les plus pressés, ça se passe ici:

ZBar: How to add a barcode reader to an iPhone app

Pour les autres, voilà un peu plus de détails:

Les QR Codes sont de plus en plus répandus dans les applications mobiles. Au détour d’un projet iPhone, vous pourriez être amenés, tout comme moi, à devoir décoder ces carrés “magiques”.

Après le grand ménage sur le blog, plein d’enthousiasme, j’ai entrepris de rédiger un tutoriel détaillé à propos du développement d’un ImageViewer pour iPhone, avec une interface la plus proche possible de l’application Photos. Au cours de l’écriture de ce billet, j’ai constaté 2 choses:

• Tout d’abord, ça fait un billet sacrément long, à l’écriture comme à la lecture.
• Ensuite et surtout, j’ai constaté que l’intérêt était assez limité car l’exercice s’est révélé relativement simple.

En revanche, lors du développement de mon ImageViewer, il y a un aspect qui a attiré mon attention: l’extension d’un protocole. Ce point précis peut présenter une certaine difficulté pour peu qu’on n’y ai jamais été confronté et il m’a été assez difficile de trouver des exemples clair sur le web.
J’ai donc décidé de rédiger un billet plus court, qui détaille la façon de dériver la classe UIScrollView tout en étendant le protocole UIScrollViewDelegate associé.