Les grands moments se partagent dans les cafés Jupiler

C’est ce que raconte le 14ème t-shirt que j’ai reçu via mon buzz à la con lancé il y a maintenant trois mois et demi.

Il s’agit d’un t-shirt qui fait la promotion du site www.lesgrandsmoments.be.

Sur ce site, vous pouvez proposer une idée originale de fête dans votre café Jupiler favori. Chaque semaine, les 40 idées les plus originales sont retenues. Jupiler met à disposition des gagnants un fût gratuit et des accessoires pour faire la fête.

Finalement, il n’est pas encore trop moche ce t-shirt ! J’aime la couleur et il est très bien imprimé. Je le mettrai peut-être, ça dépendra de mon humeur.

N’hésitez pas à m’envoyer vous aussi vos t-shirts ! Vous trouverez toutes les informations utiles sur ce billet.

Participez à ma chaîne de bisous !

Chers lecteurs, l’heure est grave ! J’ai besoin de vous ! Nous devons créer la plus longue chaîne de bisous du Web, voire du monde, voire de la galaxie… Pour cela, rendez-vous sur le site Happiness Factory de Coca-Cola ou utilisez le widget ci-dessous.

Je compte sur vous pour faire une tête au moins aussi ridicule que la mienne. La chaîne la plus longue fait actuellement plus de 700 bisous… Y a moyen de les battre !

http://www.coke.be/fr/chainofkisses/widget/swf/blogwidget.swf?fv_personal_url=v.veuttefaireunkiss.be

A part cette campagne virale, Happiness Factory, c’est avant tout de splendides et très longs spots publicitaires en images de synthèse ! Si vous ne les connaissez pas encore, ils sont visibles sur ce site. Enjoy !

En vrak – 82

* Raphaël, une librairie JavaScript pour faciliter le dessin vectoriel.
* Ligne du temps des torches olympiques.
* Apprendre Flex en une semaine ?
* Réalisez vos wireframes avec Balsamiq.
* S’inspirer de ce qui se fait ailleurs, c’est bien, mais quand on va trop loin, cela s’appelle du plagiat !
* Comparaison des différents frameworks CSS.
* Unnecessary knwoledge
* 200 ressources pour les designers Web freelance.
* Fantastique campagne de pub pour Samsung sur YouTube : Follow Your Instinct.
* json-time
* Faire un backup de son blog sur Amazon S3.
* Il reste des invitations pour tester ExtraFoot, la communauté des supporters de football en Belgique.
* Taskii, le logiciel de gestion de projets, est désormais en ligne et les comptes payants sont disponibles.
* 5 solutions utiles pour les designers et développeurs.
* Les conditions en CSS, cela devient possible (en attendant CSS3 ?).
* C’est vieux, c’est con, mais moi je viens de le découvrir et ça me fait rire : Achmed, le terroriste mort.
* Tweetake : faites des backup de votre compte Twitter.
* Le top des applications Mac sur Travailleurs du Web.
* L’implémentation dans Firefox de la propriété border-image étudiée par John Resig.

5 places à gagner pour le festival Riffs’N’Bips !

J’ai le plaisir de vous annoncer que j’ai 5 places à vous offrir pour le festival Riffs’N’Bips qui se déroulera le 11 octobre 2008 au Lotto Mons Expo à Mons.

Riffs'N'Bips

Le Riffs’N’Bips, qu’est ce que c’est ?

Cet événement est né de la volonté de créer sur Mons un événement d’ampleur dans le monde musical belge et se positionner comme un standard de qualité vis-à-vis de ce type d’événement, tant au niveau du choix des artistes qu’en termes d’infrastructures, de sécurité et de lieu d’accueil.

Une nouvelle synergie dont le but est le développement socio-culturel de la région de Mons Borinage avec en point de mire d’être un des principaux piliers de « Mons 2015, Capitale Culturelle ».

Le Riffs’N’Bips accueille en son sein un village alternatif avec cette année plus de 30 ONG invitées. Actives tant dans le développement durable, la défense des droits fondamentaux, que dans l’intégration des moins favorisés, elles s’engagent à vous faire découvrir leur finalité par des actions ludiques et des rencontres intéressantes.

Cette année encore, les personnes en chaise roulante trouveront l’accès au site et surtout au spectacle encore amélioré.

Pour cette 5ème édition, onze artistes internationaux et belges se succéderont lors d’une journée de concerts où de nombreuses tendances musicales seront représentées : Cali, Arid, Front 242, Dr. Lektroluv, Nada Surf, White Rose Movement, The Von Durden Party Project, Starving, Jay Mayhem DJ et DJ Fantomass.

La proximité avec la France est bien entendu un atout, Mons Expo se situe à mi-distance entre Bruxelles et Lille.

Les places seront mise en jeu sur ce blog dans les prochains jours. Cinq blind tests seront organisés pour les remporter. Restez donc à l’écoute et révisez vos classiques !

K-web

Je viens de recevoir le 13ème t-shirt via ADN (à gauche sur la photo) de K-web. Une partie de leur équipe était présente au Comic Con, une convention qui a lieu chaque année à San Diego (USA) et qui est destinée à faire la promo des comics, films et séries TV basés sur les super-héros. Dans cette optique, j’ai reçu un splendide t-shirt du film The Spirit qui sortira chez nous début 2009 et dont le casting est composé entre autres de Gabriel Macht, Scarlett Johansson, Samuel L. Jackson et Eva Mendes (rien que pour les n°2 et n°4, je pense que j’irai voir le film).

K-Web - The Spirit

K-Web est un site belge francophone créé en octobre 2006 par une bande de passionnés de musique et de cinéma. Totalement indépendants et libres de ton, leurs rédacteurs proposent quotidiennement des news, chroniques, comptes rendus d’évènements ou interviews liés à ces deux pans essentiels de notre culture populaire moderne.

Et donc, quand ils vont à Cannes ou au Comic-Con, ils se la pètent un peu…

Par contre, c’est super sympa à eux d’avoir parcouru 10000 kilomètres rien que pour moi !

N’hésitez pas à m’envoyer vous aussi vos t-shirts ! Vous trouverez toutes les informations utiles sur ce billet.

Les principes de simplicité appliqués au design et au développement Web

Depuis quelques temps, je ne jure plus que par la simplicité dans le design et le développement Web. C’est pour moi le meilleur moyen pour obtenir des sites et applications efficaces et ergonomiques. C’est certainement le travail que font Google et Apple qui m’a inspiré à emprunter cette voie de la sagesse.

Cette voie n’est pas du tout une voie de la paresse… En effet, on pourrait penser que faire du simple, c’est simple… Cela peut paraître naturel de penser comme cela mais en réalité, c’est l’inverse qui se produit. Au plus on veut faire quelque chose qui sera simple et compréhensible pour l’utilisateur, au plus la tâche est ardue… En conclusion : faire du simple, c’est compliqué et ça demande du boulot !

Je vous présente ci-après quelques principes de simplicité, tantôt scientifiques, tantôt purement philosophiques, mais qui peuvent très certainement aider à atteindre la perfection.

KISS principle

KISS signifie « Keep It Simple, Stupid » que je ne pense pas avoir besoin de vous traduire. J’ai découvert ce principe via le framework PHP symfony qui en a fait un de ses chevaux de bataille.

Le principe dit que la simplicité doit être un objectif clé et que toute complexité inutile doit être évitée. Ce principe ne s’applique pas uniquement aux développement de logiciels mais également à l’animation, au journalisme, à la photographie, etc. Antoine de Saint-Exupéry dit à ce sujet que la perfection n’est pas atteinte quand il n y a plus rien à ajouter mais quand il n y a plus rien à enlever.

Un contre-exemple du KISS principle est la machine de Rube Goldberg qui consiste à réaliser à réaliser une tâche simple d’une façon extrêmement compliquée. On peut apercevoir un exemple de machine de Goldberg dans les premières minutes du film Retour vers le futur, Emmett Brown ayant construit cette machine pour préparer son petit-déjeuner et donner à manger à son chien Einstein. Un autre exemple époustouflant ici (ils sont fous ces Japonais).

En savoir +

YAGNI

YAGNI est l’acronyme de « You Ain’t Gonna Need It » c’est à dire « Tu n’en auras pas besoin ». Ce principe, qui s’applique à l’ingénierie logicielle, veut que les développeurs n’ajoutent pas de fonctionnalités avant d’en avoir réellement besoin. Ne pas respecter ce principe peut mener à des problèmes car les fonctionnalités inutiles doivent être codées, testées et documentées ce qui coute du temps, peut être pour rien. De plus, cela mène à des applications plus larges, plus lourdes et plus compliquées (code bloat) ce qui augmente les chances d’avoir des bugs.

En savoir +

Don’t Repeat Yourself

« Don’t Repeat Yourselft » souvent abrégé en DRY et qui signifie en français « Ne te répète pas » est une philosophie dont le but est d’éviter la duplication dans le développement de logiciels. En effet, la duplication peut diminuer la clarté, augmenter la difficulté de maintenance et mener à l’inconsistance. Pour éviter la duplication, il faut profiter à bon escient des possibilités que nous offre le langage de programmation ou le framework utilisé : includes, héritage de classes, helpers, etc.

DRY est aujourd’hui relativement connu car il s’agit d’un des principes fondamentaux du populaire framework Web Ruby on Rails.

En savoir +

Rasoir d’Occam

On doit le principe du rasoir d’Occam à Guillaume d’Occam, un frère franciscain du 14ème siècle. Ce principe dit : « Les multiples ne doivent pas être utilisés sans nécessité ». Aussi appelé « principe de simplicité », « principe de parcimonie », ou encore « principe d’économie », il exclut la multiplication des raisons et des démonstrations à l’intérieur d’une construction logique. On traduit souvent ce principe sous la forme d’une préférence de l’hypothèse la plus simple parmi toutes celles qui sont échafaudées. La métaphore veut que le rasoir ne coupe que les mauvais raisonnements.

Si on traduit cela au développement et au design Web, on pourrait dire que la solution la plus simple pour arriver à un résultat est souvent la meilleure et la plus efficace.

Pour la petite histoire, un épisode de la série américaine Dr. House est consacré au principe du rasoir d’Occam. Ceux qui connaissant la série comprennent pourquoi.

En savoir +

Spartan Programming

Spartan Programming est une technique qui vise à minimiser la complexité du code source de votre application. Cela se passe au niveau du nombre de lignes de code, du nombre de structure de contrôle, des noms des variables et fonctions, et bien d’autres aspects…

Le nom de la technique vient du fait que les Spartes se battaient avec un casque et un bouclier comme uniques protections, révélant ainsi à leur ennemis leur impressionnante musculature. Cela prouve que la simplicité est souvent synonyme de puissance.

L’excellent blog Coding Horror a écrit un article à ce sujet il y a quelques semaines.

Et vous, quels sont vos principes ? En connaissez vous d’autres ?

Une alternative à sIFR : Facelift Image Replacement

D’habitude, je range ce genre d’informations dans un billet en vrak mais comme chez Facelift, on m’a gentiment et rapidement répondu dès que j’ai eu un problème, je récompense le travail et le dévouement du développeur (car il est seul en fait) en consacrant un billet à part entière à son projet (ça doit lui faire une belle jambe mais bon).

Facelift

Avant de vous expliquer à quoi sert Facelift, mettons nous en situation… Actuellement, seules quelques polices standards peuvent être utilisées sur le Web car elles sont communes à tous les systèmes d’exploitation et garantissent que le site sera visible de la même façon, quel que soit l’environnement. Ces polices sont listées sur cet article Wikipédia. Comme vous voyez, elles ne sont pas nombreuses et pas très originales… De temps en temps, les designers aiment utiliser des polices un peu exotique pour styliser certains éléments textuels (les titres généralement) et c’est là que ça devient chiant à gérer pour les pauvres petits intégrateurs que nous sommes. Plusieurs solutions se présentent à nous :

* Afficher une image en arrière plan et cacher le texte via la propriété CSS text-indent: -9999px (ce qui va décaler le texte super loin donc on ne le voit plus). Ce n’est pas une bonne solution car si les titres changent, on est bon pour refaire les images.
* Utiliser sIFR qui remplace les titres dynamiquement (via JavaScript) par un fichier SWF. C’était la meilleure solution jusqu’il y a peu (avant que je ne découvre Facelift) mais par expérience : c’est très lourd, ça marche de façon aléatoire et ce n’est très peu flexible au niveau style. Autrement dit, au moins je dois utiliser cette chose, au mieux je me porte…

Même si un projet relativement jeune et porté par un seul développeur (qui doit faire ça après le boulot), Facelift me semble être beaucoup plus pratique et prometteur que sIFR. Au contraire de ce dernier, Facelift génère le contenu de remplacement côté serveur, en PHP. Ca peut sembler être un inconvénient mais c’est pour moi un avantage car ça garantit que le titre sera affiché de la même façon dans tous les navigateurs. Il suffit de l’initialiser en deux lignes de JavaScript et Facelift va générer les images très rapidement avec les styles définis dans vos fichiers CSS. La mise en cache permet d’améliorer encore les performances.

Pour ces quelques raisons, je vous recommande donc l’utilisation de Facelift et de foutre ce bon vieux sIFR à la poubelle. Allez jeter un oeil aux démos pour vous en convaincre définitivement…

La bonne nouvelle, c’est que des outils comme sIFR et Facelift vont disparaitre peu à peu car on pourra bientôt afficher n’importe quel police dans les navigateurs via CSS (version 3) et son module Web Fonts. J’y reviendrai certainement dans un prochain billet mais sachez que c’est déjà implémenté dans Safari, Opera et Internet Explorer 8. Patience donc… (plus que 10 ans à tenir)

Merci à Ced pour le tuyau 😉