jQuery has been kind of a buzz word in the last 2 years. This technology started really small but it is now endorsed by a lot of major web players,  have a complete development team of more than 10 talented developers, and there is currently 3 or 4 conferences a year organized by the team on the sole purpose of talking about it with other web developers. It is a technology we use heavily at w.illi.am/. If for you jQuery only rings in your head with some kind of AJAX, well read this out and the next time you ask you your developers team about jQuery they might not look at you with round big eyes and say « yes… yes… »

The jQuery mojo is write less do more, and this is exactly what it’s meant to do. This is an API that help you write better javascript. Unfortunately it is really hard to write good javascript on all browsers. What jQuery does is take your jQuery code and dispatch it to every browser in the more efficient way possible. This enables developers to write faster and better javascript. It adds some functionalities too, like for example animations.

Not unlike Adobe Flash, with jQuery it is possible to animate  objects on your web page, this is however limited. While you can do easing and opacity effects, you cannot rotate or use « photoshop effect » directly from javascript. Well used, you can create nice and clean animation with jQuery, but trying too hard might result in a look that feel like flash but not really as good as flash.

The famous AJAX

This is a common error for non-tech teams to actually refer jQuery as AJAX, in fact this is only a subset of functionality of javascript and not javascript itself. AJAX refers to asynchronous JavaScript and XML, what it means is that you can load external XML or HTML to and from your page. For example,  a form on the web normally sends you to another page when submitting it. Using AJAX, you could submit the form to your server in javascript using AJAX without quitting the page. Most recent websites make a major use of AJAX without the user noticing it to update content or save users preference.

Using it without an API like jQuery is pretty hard because of it’s weird syntax. This is somewhere jQuery really shines, because it enable you to do a lot, without wanting to bang your head on the wall. Because of javascript API like jQuery, using AJAX has been made a lot more easier and also popular, this might have to do with why people often call jQuery as an AJAX technology.

If you want more information on jQuery I would suggest you visit the official website.  There is a lot of information on the website and looking at the documentation might help you understand how jQuery can be beneficial for your website or company.

Exposition Tone

20 novembre 2009 | par Catherine Lafrasse

Tone étonne!

DSC03287 300x199 Exposition ToneDepuis le 1er octobre, Anthony Livet alias Tone, expose ses toiles dans les locaux de la firme de Conseil et Développement Web w.illi.am/, toute l’équipe et les clients sont sous le charme de son style libre et précis à la fois. Diplômé en architecture et en graphisme, Tone a choisi en 2007 de se consacrer à une carrière artistique afin d’exprimer sans contraintes et de façon très personnelle ces deux passions. D’origine française, il vit à Montréal depuis 2004, il a récemment reçu le Prix des arts visuels 2009, catégorie Art Abstrait, par le jury du Festival International Montréal en Art (FIMA).

Urbain par essence, Tone est issu du mouvement Graffiti. Acrylique sur toile ou papier Fabriano, encre, pochoir, collage, la variété des techniques qu’il utilise exprime sa particularité, leur agencement méticuleux et méthodique reflète sa maîtrise et la richesse de son univers créatif.

Tone joue sur tous les tableaux, il s’amuse à imbriquer et à détourner les styles, à varier les sujets et ses œuvres sont à l’image de l’énergie créative profonde qui l’anime. Sa démarche jusqu’à aujourd’hui est purement esthétique, bien que certains tableaux contiennent un message engagé. Tone laisse la porte ouverte à toute source d’inspiration et se laisse guider par l’impulsion du moment.

DSC03307 225x300 Exposition ToneDans ses travaux, ce qui m’a d’abord frappé l’œil, c’est le jeu de balance entre la force des couleurs et celle du trait. Dans ses grands formats à l’acrylique, la couleur est soit pure et vive, soit complètement absente (portrait en noir et blanc), mais la toile est toujours entièrement recouverte de pigments. Ensuite, le trait de Tone montre à quel point il a intégré les enseignements académiques de sa formation pour atteindre une telle maîtrise du geste et de la construction. Dans ses œuvres, les lignes, les courbes, la typographie et la calligraphie se mélangent intimement et amènent le spectateur à les scruter avec attention afin d’en saisir les moindres secrets et recoins, une fois que la première émotion visuelle est passée.

Sans titre, la plupart de ses œuvres se nomment ainsi, qu’elles soient figuratives (portraits de ses proches à partir de photographie) ou abstraites (calligraphie, compositions). Tone est un artiste qui affirme par là sa liberté et celle qu’il attend du public dans l’interprétation de l’art qu’il propose. Sa grande productivité prouve sa volonté de trouver sa place dans le monde artistique. Ceci est bien tout ce qu’il mérite et ce que w.illi.am/ lui souhaite de tout cœur!

Visionner les oeuvres de Tone

Visiter le site Web de Tone/ http://www.t-pakap.net/

Yesterday was Word Usability Day and this year theme is designing for a sustainable world, which focuses on how our products and services impact our world.

Main considerations of sustainable design are :

  • Economic – design to match user’s needs and abilities increases the use, efficiency and satisfaction of products & services, thus reducing the need to spend $$ to change them;
  • Social – create products and services which are better for the health and wellbeing of their users, including users with disabilities;
  • Environmental – encourage all those involved in design to consider the longer-term implications of their product & services for their users and therefore for the environment.

Watch the following short video to get an example how a design can positively influence people in doing something good for their health!


Piano Staircase on YouTube

Learn more : www.worldusabilityday.org/

Soyez API

6 novembre 2009 | par Damien Lefebvre

Comme si le web ne regorgeait pas déjà suffisamment de sigles en tous genres, en voici un nouveau dont vous allez entendre parler de plus en plus : « API » pour Application Programming Interface. Cet acronyme peu engageant pour les non-initiés, se traduit généralement par interface de programmation.

L’essor d’internet a forcé les industries à repenser leur modèle d’affaires, ainsi que leur stratégie marketing. Le principal enjeu pour une entreprise est de migrer sur le web en adaptant en ligne son modèle d’affaires traditionnel tout en évitant l’erreur qui consiste à simplement le convertir. Il faut « penser différemment », pour paraphraser la signature publicitaire d’un constructeur informatique fruité.

Oui mais, concrètement…, ça sert à quoi, les API ? Eh bien, prenons l’exemple du site web de la Société de transport de Montréal (STM), qui lancerait un programme d’API et rendrait ainsi disponible son contenu : sa base de données et ses outils de recherche. Cela permettrait alors à un développeur X (un individu ou une société) d’utiliser ce contenu pour créer différentes applications (widgets, applications pour smartphone…). Si l’application conçue est commercialisée et génère des profits, la STM peut alors conclure des partenariats commerciaux avec X ou envisager de commercialiser l’accès à son API sur une base forfaitaire. C’est gagnant-gagnant : X utilise gratuitement le contenu de la STM, qui, de son côté, bénéficie de cette diffusion auprès d’autres publics.

Les API n’ont cependant rien de nouveau, certains ouvrages spécialisés en faisaient déjà mention en 1995. Ce qui est nouveau, en revanche, c’est leur intégration dans la stratégie de distribution des entreprises et le fait que la communauté web au sens large (développeurs et organisations) s’en empare.

Le monde de la radio n’est pas en reste, et le chef de file dans ce domaine est NPR (National Public Radio), la radio publique américaine, qui a lancé en 2008 un programme d’API ayant connu un véritable succès, avec plus de trois millions de requêtes par mois et plus de 2000 membres enregistrés.

Grâce à ce programme, NPR a mis à disposition tout son contenu actuel et ses archives depuis 1995. Résultat ? De nombreux sites ont repris et diffusé le contenu de NPR, et plusieurs applications ont vu le jour, dont une qui fait actuellement un tabac sur l’iPhone : NPR Addict. NPR, qui n’a pas déboursé un sou en développement, tire des bénéfices de cette application en concluant des partenariats commerciaux.

Autre exemple, Last.fm, l’un des sites d’écoute de radio en ligne les plus populaires, a également mis à disposition son contenu et sa technologie au moyen des API. Là encore, le succès est au rendez-vous, car plusieurs centaines de sites et autres « mash-up musicaux »* sont nés grâce à Last.fm.

À Montréal, StreamTheWorld, une entreprise qui fournit des services de transmission multimédia en continu (streaming), connait actuellement un grand succès grâce à une application permettant d’accéder à plusieurs radios par iPhone. L’entreprise travaille d’ailleurs présentement à l’intégration dans sa plateforme d’API pertinentes et sur mesure pour ses clients.

La radio constitue un exemple parmi d’autres, toutes les industries sont en réalité concernées. Des sociétés comme Best Buy et Amazon ont également lancé un programme d’API et établi des partenariats commerciaux profitables.

Les API bouleversent le monde du web ; il devient donc nécessaire pour les entreprises de les intégrer à leur stratégie de marketing. Et si le côté technologique peut parfois rebuter certains décideurs, sachez qu’il est très facile, à l’occasion d’une refonte de site, d’intégrer un tel programme. Ne pas avoir une stratégie de programme API reviendrait à ne pas faire de l’optimisation pour les moteurs de recherche (search engine optimization) pour votre site, ce qui serait impensable aujourd’hui. La mise en place des API permet de bâtir un nouveau canal de distribution sur du long terme en réalisant des économies sur les dépenses en communication (coût par clic et autres médias).

1. Site internet dont le contenu provient de la combinaison de plusieurs sources d’information.

It can be overwhelming to understand the production environment of websites, front-end developers, back-end developers, integration, programmings, what’s that? As client, you may be happy to understand a little bit more about the structure behind it.

So you are happy of your new design, what is next?

You just approved the design of your next website, you are happy with what has been done so far. What’s next? well a pretty long process. Upon approbation of the design, front-end developers take these designs and translate it to HTML. This means that your design is taken, decorticated and translated to a programming language. This might look like a simple task, but on the contrary, you need excellent front-end developers to translate your design perfectly.

How Complex?

To translate your design we use 2 languages, HTML and CSS. HTML is the foundation of your website, and CSS is what styles all your website, adds colors and images. It is not all, unfortunately the implementation between browsers (Firefox, Internet Explorer and etc) of those 2 languages differs a bit, it creates the complex task of testing your website to all current browsers to be sure the integration is spot on. The front-end developer needs to be aware of the dependencies of every browsers and be able to turn around problem that could arise.

Front-end developer also optimizes your website the be the fastest possible, trying to use the fastest structure possible and optimizing your design without losing picture quality. This is what we call website integration.

A back-end developer develops features

When those templates are finished, generally a small round table is planned with designers in case front-end developers forgot some styling. When designers are happy with the templates, it’s ready to get implemented in your content management system.

It is the back-end developer’s job to develop all the features you need to be able to manage your website yourself. Like changing the text in a section for example. This is where front-end developers and back-end developers work together to integrate your design with all the website features you need.

Every web creation company should take great pride of doing spot on integration of website design with content management, and we, at w.illi.am/ sure do.