Le Blog Topheman par Christophe Rosset

Archive pour août 2010

Intro

Récemment, j'ai eu comme idée de modifier un peu le thème de mon blog (le design, pour les non-initiés) en faisant apparaître les boutons du menu de navigation les uns après les autres. J'ai abandonné l'idée, considérant que ce serait peut-être un peu trop désagréable à la lecture au bout de quelques pages.

Cela m'a donné une autre idée : faire un plugin jQuery qui simplierait la création de ce genre d'animation. Un développeur gérant bien les callbacks en jQuery/javascript n'aurait aucun mal à écrire le code nécessaire en utilisant les fonctions natives de jQuery, cependant, ce code pourrait vite faire beaucoup de lignes ou se compliquer avec des fonctions recursives.

Que fait le plugin jQuery.cascadeShow ?

Il permet non seulement d'ajouter des effets basiques de type fadeIn/fadeOut/slideUp/slideDown/show/hide/toggle … à une collection d'éléments récupérée via l'objet jQuery() mais aussi et surtout d'éxécuter ces effets sur chacun d'eux à tour de rôle.

• VOIR LA DEMO
• TELECHARGER jQuery.cascadeShow.js

Paramètres gérés par le plugin

Le premier paramètre est un objet dans lequel vous pouvez préciser les attributs suivants :

• effects : les effets que vous voulez appliquer aux éléments (par défaut fadeIn/fadeOut) en les séparant par un espace
• speed : " slow ", "fast " ou un nombre de millisecondes
• order : " asc "/ "desc " (par défaut à " asc ") vous permet de choisir l'ordre dans lequel seront traités les éléments
• onStartShowAll : true/false (par défaut à false) affiche les éléments au lancement du script si true
• onStartHideAll : true/false (par défaut à false) cache les éléments au lancement du script si true

Le deuxième paramètre est une fonction qui sera exécutée à la fin de l'animation. Ainsi, vous pouvez chainer des animations :

Un exemple d'appel à jQuery.cascadeShow() :

jQuery('ul.nav li').cascadeShow({effects:"show fadeOut",speed:"fast",onStartHideAll:true});

N'hésitez pas à aller voir la démo où vous trouverez plus d'exemples.
Lire la suite

Le contest SkateLondon 2010 a eu lieu ce week-end (14-15 août) à Londres. Cette compétition de slalom compte pour les world slalom series (comme la PSWC à Paris et bien d'autres rencontres).

Comme il pleuvait à Paris ce dimanche, c'était l'occasion de prendre mon stylet et ma tablette graphique pour dessiner une bd " clin d'œil " à nos amis britanniques …

Tophe

En plus grand (fr) – English version

En plus grand (fr) – English version

Toutes les Bulles du Tophe

La gallerie Flickr de Grant Drake où vous trouverez de superbes photos du contest Skate London 2010 (si vous ne les avez pas déjà vues sur Facebook)

Lire la suite

Le quinze août arrive. La fin des vacances approche, pour certains elles commencent. J'espère surtout que vous aurez profité des votres, je regrette déjà les miennes …

Qu'en est il de vos plots ? Partent-ils en vacances avec vous ou les laissez-vous tranquilles dans votre appart' ? Les miens m'ont accompagné et comme vous pourrez le voir, ils ont pu apprécier " le changement d'air ". Cependant, tout a un prix …

Je vous présente mes personnages favoris victimes cette fois-ci d'un maniac des chateaux de sable : voici " Les Plots de Sable " …

Tophe

En plus grand (fr) – English version

En plus grand (fr) – English version

Toutes les Bulles du Tophe

Les plots des Bulles du Tophe se mettent à parler en anglais pour le bonheur de tous les patineurs de la planète ! J'ai déjà traduit les bds les plus récentes, dans quelques semaines, j'aurai fini de traduire toute la série. En attendant, n'hésitez pas à les faire connaitre à vos amis patineurs étrangers !

Voir toutes " les Bulles du Tophe "

You'll find on this blog the comic strip series " Les Bulles du Tophe " that I've been drawing since october 2008. I'm now translating them from french to english so that skaters all over the world could be able to read and enjoy them. So far, I translated the latest ones, that's a work in progress so come back to read the next ones !

See all " les Bulles du Tophe "

Tophe

Avez-vous déjà essayé de faire un bras de fer avec vous-même ? Pas simple, avec un bras droit et un bras gauche … Et en plus, quel intérêt me direz-vous ? On perd à tous les coups … Je serais moins pessimiste et vous dirais qu'on gagne à tous les coups … Cependant, cela reste une question de point de vue.

Je vous propose donc ce petit photomontage, que l'on pourrait finalement, en allant un peu plus loin dans l'image du bras de fer avec soi-même, appeler " hésitation" , " indécision" , " lutte interne " … Bref tout ce qui vous rappelle ces moments où l'on doit choisir entre deux alternatives et qu'il est difficile de pencher pour l'une ou pour l'autre …

Je m'arrêterai là pour le paragraphe de philo, j'espère surtout que vous apprécierez ce photomontage. J'en profite pour remercier mon petit frère qui m'a assisté pendant les prises de vues (une partie très importante dans ce genre de réalisation, que l'on a souvent tendance à sous-estimer).

Tophe

D'autres photomontages