Articles de Geoffrey Crofte

HTML5 étant encore en brouillon, certains de ses éléments sont parfois revus dans leur définition. En substance ou sur un détail il est important de savoir de quoi l’on parle avant d’utiliser tel ou tel élément. L’idée première est de ne pas utiliser cet élément pour ses styles ou à la place d’un autre, tout en bénéficiant de sa sémantique.

L’élément progress en HTML5 permet de visualiser l’avancement d’une tâche. C’est un élément encore assez méconnu mais qui peut être pratique dans quelques cas où vous avez besoin de permettre à l’utilisateur de visualiser une évolution ou un stade précis dans un processus. Voyons comment l’intégrer et styler cet élément.

La problématique se pose depuis maintenant quelques temps concernant l’affichage d’image optimisée pour nos différents terminaux : qu’ils proposent une dimension d’écran plus petite ou une densité de pixels plus grande (HD). Cette problématique est en cours de travaux, et Webkit vient d’annoncer le support d’une des solutions envisagées.

Avec la proposition de Mathilde, de chez Moo.com, nous avons préparé pour vous un petit concours pour faire gagner à trois chanceux (oui oui, vous) un lot de 50 cartes de visite classiques. Vous en avez du bol ! Personnellement, je trouve la qualité de leurs cartes vraiment excellente.
Petite présentation de Moo, et du concours !

Ces derniers temps je passe un peu de temps sur la recherche autour des éléments de formulaire. Vous savez certainement que historiquement il n’est pas toujours possible de personnaliser l’aspect de contrôles de formulaire pour des raisons d’accessibilité (m’a-t-on dit). Cependant il est vrai que l’apparence très variable de ces éléments est sujet à controverse. Et ce n’est pas un mal.

En parcourant le web à la recherche de CMS spécialisés dans les petites annonces, je me suis rendu compte que les outils n’étaient pas si variés que cela, surtout si l’on cherche quelque chose de qualité, gratuit, ouvert et en français. (ça fait beaucoup trop en même temps)
Voici quelques lignes de texte pour résumer mes recherches, n’hésitez pas à partager vos solutions 🙂

Pour cette sélection du mois de juin, en partenariat avec iStockPhoto®, spécialisé dans les photos « libres de droits », nous vous proposons de vous offrir des composants graphiques vectoriels utilisables pour vos infographies de données.

Il y a quelques jours de cela, Garry Tan nous présentait un petit défaut visuel qui le dérange sur le site web de Facebook depuis maintenant un petit moment.
Quelques mises à jour sont passées par là, et pour autant le défaut repéré sur Facebook.com est resté identique.

MixItUp est un plugin jQuery dans la lignée de Masonry ou Isotope (Isotope qui utilise d’ailleurs Masonry) qui permettent d’ordonner et filtrer une partie de votre contenu selon des critères entièrement personnalisables. Créez des filtres personnalisés facilement selon le besoin de votre projet.

Désolé pour ce titre d’article un peu décalé. Le sujet n’en reste pas moins sérieux.
Dans le monde des frameworks nous avons ceux qui font tout, ceux qui servent de « reset » ou encore de « kickstarter ». Knacss en fait pas mal, et vous laisse suffisamment de liberté pour faire le reste.

J’ai le plaisir aujourd’hui de vous présenter un nouveau partenariat avec iStockPhoto®, spécialisé dans les photos « libres de droits ». Ce partenariat va directement vous être bénéfique puisque la banque d’images propose de vous offrir régulièrement une sélection de photographies ou illustrations.

On va parler un peu mise en page et typographie aujourd’hui, avec une traduction de l’article de David Storey (en) sur le contrôle des césures grâce aux apports de CSS level 4. Rien de complètement utilisable encore, mais l’article me semblait suffisamment intéressant.

Avec le nombre croissant de visiteurs intéressés par les tutoriels de ce blog, je me suis dit que ce petit concours pourrait vous intéresser. Découvrons ensemble ce que propose video2brain, et laissons place aux conditions de participation.

Bonjour à tous !

Certains d’entre vous sont certainement déjà au courant de ma volonté depuis presque un an de donner un petit coup de frais au blog, aussi bien dans son apparence que dans son contenu et l’organisation de ce dernier.
Mes occupations diverses et variées ne m’ont pas permis d’avancer convenablement jusque là, et le nouveau design que j’ai entamé il y a plus d’un an en est déjà à sa cinquième version.

Contact Form 7 est devenu l’un des plugins de référence pour quiconque souhaite construire un formulaire entièrement personnalisable sur WordPress. Comme tout plugin, il tente de répondre à une problématique en englobant un maximum de contextes, aussi, les fichiers JS et CSS qu’il embarque sont insérés sur toutes les pages de votre site par défaut.

Les plugins de partage de contenu ont le vent en poupe : AddThis, Sexy Bookmark, etc. autant d’outils très complets (complexes  ?) mais souvent très lourds et causant des problèmes de performance ou d’accessibilité. Je vous propose un plugin de partage social moins complexe et qui tente de répondre à ces quelques problèmes posés.

CSS depuis sa version 2.1 propose un système de compteur relativement méconnu du fait d’une compatibilité relativement récente sur IE. D’autant plus que certains défendront la position suivante : CSS n’est pas fait pour cela, il faut utiliser JavaScript. Soit ! Mais sachez que ça existe. Petite introduction !

L’utilisateur tape son mot-de-passe, et à la fin il doute de ce qu’il a entré sur l’avant dernier caractère. Du coup il retape tout. Et si on lui proposait de démasquer temporairement son mot de passe sur commande ?