Olivier Audard

  • Home
  • Articles
  • Notes
  • Github
  • 2012

  • Some fun with git hooks and Grunt.js
    Olivier Audard
    July 23rd 2012
    articles
    Automation, GruntJS, git, gitHooks
    permalink, shortlink

    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?


  • File Upload Form - Part 2: Loosely Coupled Modules
    Olivier Audard
    April 7th 2012
    articles
    FeatureDetection, Forms, Javascript, LooselyCoupledModules, ProgressiveEnhancement
    permalink, shortlink

    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.


  • Queued ajax requests with jQuery and Coffescript
    Olivier Audard
    March 31st 2012
    articles
    Coffeescript, DeferredObjects, JavaScript, jQuery, jQueryPlugin
    permalink, shortlink

    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.


  • File Upload Form - Part 1: Feature Detection
    Olivier Audard
    March 24th 2012
    articles
    FeatureDetection, Forms, JavaScript, ProgressiveEnhancement
    permalink, shortlink

    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.


  • 2011

  • jQuery plugin for ping-URL process
    Olivier Audard
    July 26th 2011
    articles
    JavaScript, jQuery, jQueryPlugin
    permalink, shortlink

    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.


  • jQuery plugin pattern written in Coffeescript
    Olivier Audard
    July 24th 2011
    articles
    CoffeeScript, JavaScript, jQuery, jQueryPlugin
    permalink, shortlink

    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.


  • 2010

  • Plugin jQuery - Aide contextuelle Javascript
    Olivier Audard
    September 5th 2010
    articles
    JavaScript, jQuery, jQueryPlugin
    permalink, shortlink

    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.


  • QR Codes: intégration dans votre application iPhone en 10 minutes chrono!
    Olivier Audard
    April 20th 2010
    articles
    Objective-C, QRCode, iPhone
    permalink, shortlink

    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”.


  • UIScrollView: Extention du protocole associé au delegate
    Olivier Audard
    April 15th 2010
    articles
    Objective-C, iPhone
    permalink, shortlink

    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é.


Page 2 of 2
Copyright © 2016-2023 Olivier Audard – I'm a human
  • Home
  • Articles
  • Notes
  • Github