La tête dans le Flux !

Ma participation à Web Event Lyon 2012

Le vendredi 15 juin prochain, j’aurai l’honneur de participer à la 4è édition du Web Event Lyon, au centre des congrès de Lyon.

J’y présenterai un thème qui me tient à cœur, en rapport avec les CSS, forcément.

Voici le contenu de cette présentation :

Parce qu’un jour CSS nous promet de ne plus avoir à nous torturer avec des bidouilles de positionnement, des bugs d’affichage, des hacks, des flottants mal employés, des position: absolute tordues, des position: relative ou des clear: both sortis de nulle part, du centrage vertical intuitif, toussa.

Un jour vous pourrez dire : j’y étais, c’était le bon vieux temps.
Mais pas encore.

On y parlera de diverses spécifications (en plein brouillon ou non) telles que : inline-block, CSS table, multicolonnes, flexbox, grid layout, float : position, regions, exclusions, CSS4, etc.

J’ai hâte d’y être ;)

Rencontres Experts Eyrolles

Il y a quelques jours s’est déroulée chez Eyrolles une soirée de conférences autour du thème des meilleures pratiques du Web, et durant laquelle quelques auteurs ont pu s’exprimer devant un public d’une bonne centaine de personnes.

En compagnie de mon très estimé collègue Rodolphe Rimelé et d’autres gens tout aussi recommandables tels que Isabelle Canivet, Olivier Andrieu, Dominique Hazaël-Massieux, Gautier Barrère et Éric Mazzone, j’ai eu la délicate tâche de proposer une petite présentation de 15 minutes.

Officiellement sans slides, mais j’avoue avoir un peu triché :)

Ma présentation s’appelait “Bonnes pratiques pour le Web mobile”, est disponible sur Slideshare, et s’est articulée autour de trois axes essentiels : s’adapter aux dimensions, s’adapter au média et s’adapter aux performances.

Encore un énorme merci à Karine, Muriel, Elsa, Guillaume et les autres eyrolliens qui ont rendu cette manifestation possible et réussie !

Note : vous trouverez quelques photos de l’événement sur Facebook.

Conférence MSTechDays : Trois avancées majeures en CSS3

J’ai été invité hier à parler de CSS3 lors du cycle de conférences Microsoft TechDays au Palais des Congrès de Paris.

Mon exposé s’est concentré sur 3 modules CSS3 que je considère majeurs : les Media Queries, le Grid Layout et les Animations.

C’était d’ailleurs assez pittoresque de dévoiler des technologies qui ne fonctionnent pas du tout sur les versions encore actuelles d’Internet Explorer (Grid et Animations ne sont supportées qu’à partir d’IE10 actuellement en beta), notamment dans un amphi dévoué à Microsoft… Mais le principe était de constater (avec raison) que la dernière mouture Internet Explorer était un excellent navigateur et que l’on pourrait enfin appréhender des positionnements intuitifs et pratiques sans avoir à bidouiller.

Vous pourrez visualiser mes diaporamas sur Slideshare et un article complet et détaillé sur le module Grid Layout sur Alsacréations (fini ce matin pour l’occasion).

Paris Web 2011 : vive les tableaux de mise en page !

En octobre dernier, j’ai eu une fois de plus la chance de pouvoir présenter un atelier à la conférence Paris-Web.

Mon esprit retord et contradictoire s’est trouvé un sujet bien provocateur pour cette occasion : “Vive les tableaux de mise en page !”

L’idée générale était de démontrer point par point que les tableaux HTML, diabolisés par les bien pensants, sont souvent très mal compris et qu’ils cachent de gros potentiels lorsqu’ils sont bien utilisés.

J’ai ensuite rapidement enchaîné sur la version “CSS” des tableaux de mise en page (display: table-cell) qui me semble être un choix de positionnement extrêmement prometteur dans l’avenir proche, en attendant les jolies techniques promises par CSS3.

Contre toute attente, le public s’est montré assez peu “trollesque” envers les méthodes et philosophies déployées, et semble avoir adopté mon point de vue plus facilement que prévu.

Les diaporamas (PDF) sont téléchargeables sur le site de Paris-Web ou sur Slideshare.

Si vous voulez aller plus loin, sachez qu’il est possible de tester les démonstrations interactives en direct : naviguez aux flèches du clavier, et testez les propriétés CSS tabulaires directement dans les champs des pages dédiées.

Un petit rappel pour finir : ce type de positionnement via display: table provient de la spécification CSS2, existe depuis plus de 10 ans et est reconnu à partir d’IE8.

Ces différents supports et démos vous convaincront peut-être, comme moi, que l’avenir proche du positionnement en CSS passera par… les tableaux de mise en page ! :)