Je suis en train de mettre à jour la liste des sites qu’on a réalisés. Et je me rends compte que, l’année dernière, j’ai oublié de mentionner le site de l’Association Rempart Île-de-France :
►http://www.rempart-idf.com
Site qu’on avait réalisé en même temps que le site du Château de Portes :
►http://chateau-portes.org
Un autre boulot de l’année dernière (bon sang, qu’est-ce qu’on est en retard sur la mise-à-jour de notre propre site...) : la rubrique « Actions » de l’Organisation internationale de la Francophonie :
►http://www.francophonie.org/-Actions-2-.html
Graphisme, ergonomie, structure générale de la page et nombreux éléments de squelettes déjà existants et à conserver, du coup c’est une évolution plutôt subtile.
Ah, et la carte de vœux 2011 de l’OIF :
►http://www.francophonie.org/voeux2011
On a bien bossé pour la Francophonie, en début d’année... il y a aussi la refonte (assez importante) du site de la Journée du 20 Mars :
►http://20mars.francophonie.org
Pour la Cité de l’architecture et du patrimoine (où je suis allé récemment pour couvrir le backstage d’un défilé de mode...), on avait réalisé le site Archimôme, leur site destiné aux enfants :
►http://www.archimome.fr
C’est du SPIP, mais ça ne ressemble vraiment pas à du SPIP :
– c’est une unique grande animation javascript,
– chargement dynamique au fur et à mesure (grâce à Inclure-Ajaxload),
– il y a des pages/animations vraiment marrantes réalisées en Ajax (et malheureusement, un peu de Flash quand même).
Le site est cependant conçu pour être entièrement référencé (page par page) par les moteurs de recherche. Je me suis bien amusé, sur celui-là.
Et le site du Projet de Cité de l’Économie et de la Monnaie de la Banque de France :
►http://www.citedeleconomie.fr
Bon ben notre site professionnel était en retard de sept mois sur notre différentes réalisations. (C’est bon signe.)
24 ways : “Probably, Maybe, No” : The State of HTML5 Audio
►http://24ways.org/2010/the-state-of-html5-audio
The HTML5 audio API as implemented in JavaScript has one of the most un-computer-like responses I’ve ever seen, and inspired the title of this post. Calling new Audio().canPlayType(’audio/mp3’), which queries the system for format support according to a MIME type, is supposed to return one of “probably”, “maybe”, or “no”. Sometimes, you’ll just get a null or empty string, which is also fun. A “maybe” response does not guarantee that a format will be supported; sometimes audio/mp3 gives “maybe,” but then audio/mpeg; codecs="mp3" will give a more-solid “probably” response. This can vary by browser or platform, too, depending on native support – and finally, the user may also be able to install codecs, extending support to include other formats. (Are you excited yet?)
Article qui date de décembre 2010, assez passionnant : le gars transmet grosso modo tout ce qu’il sait sur le sujet (relevés de bugs, incompatibilités, etc.).
Il est l’auteur du très pratique SoundManager2 :
►http://www.schillmania.com/projects/soundmanager2
que j’ai utilisé sur Archimome pour les textes lus par la comédienne :
►http://www.archimome.fr
On a livré Archimômes, le site pour enfants de la Cité de l’architecture :
►http://www.archimome.fr
Site sous #SPIP, mais avec une structure carrément marrante : toute la navigation se fait sur une seule « page », avec un glisser de la page verticalement et horizontalement.
#jQuery et chargement dynamique en #Ajax à tous les étages. Comme il y a pas mal de Flash, c’est pas super-concluant sans javascript, mais à part ça, le site est tout de même conçu pour fonctionner sans javascript.
Usage forcené du plugin Inclure Ajaxload :
►http://plugins.spip.net/Inclure-Ajaxload
en mode : {ajaxload=url_html} (ce qui fait que les chargements de « noisettes » sont font directement sur du statique de chez statique).
Il y a aussi le plugin CSS Imbriqués :
►http://plugins.spip.net/css-imbriques
dont j’utilise ici les « nouvelles » fonctionnalités : les pseudo-classes en « -spip... » pour faire des fonds semi-transparents, et des dégradés directement en CSS, compatibles avec quasiment tous les navigateurs.
