Google & Référencement

8 composés HTML pour le logo et la « baseline » et leur potentiel SEO

Mon petit manifeste concernant la création des balises logo et motto dans les spécifications HTML5 n’a pas encore eu l’effet escompté. En attendant que le W3C valide cette modeste proposition, les enveloppeurs Web font preuve d’imagination. Voici un florilège de composés HTML (HTML Compound) plus ou moins sémantiques pour baliser l’identité d’un site internet. Cerise sur le SEO, j’ai demandé à Didier Sampaolo de nous dire ce qu’il pense — ou ce que Google pense — des différentes solutions présentées. @dsampaolo est éditeur du site Brave New World et consultant e-business spécialisé en référencement naturel. →

Tools

CSS Text Wrapper — Habiller vos textes avec des formes non rectangulaires

Fini les textes rectangulaires ! CSS Text Wrapper habille votre textes HTML avec n’importe quelle forme : courbe, zig-zag ou ce que vous voulez. Suivez les instructions et copiez-collez le code généré. Parmi les options possibles, on trouve la largeur et la hauteur de la zone de texte, l’interlignage, la taille de la police de caractère, et la zone de saisie de votre texte au format HTML. →

Extension WordPress

Markdown on Save — L’ami HTML de Markdown pour WordPress

Markdown on Save est un plugin WordPress qui permet de rédiger des articles avec la syntaxe Markdown tout en enregistrant la version HTML dans en base de donnée. La version Markdown est sauvergardée dans une nouvelle table post_content_formatted pour conserver l’intégrité de vos articles. En l’absence du plugin Markdown, c’est la version HTML qui est enregistrée dans la table post_content, comme d’habitude. →

HTML & CSS

Comment j’utilise les listes de définitions HTML

Les listes de définition `dl` permettent de créer une relation entre un terme et sa définition. L’utilisation la plus évidente de cet élément est le «glossaire» avec, par exemple, le terme à définir dans la balise `dt` et sa définition dans la balise `dd`. Les spécifications sont relativement claires à ce sujet et proposent même d’élargir son utilisation au dialogue entre les protagonistes d’une pièce de théâtre, aux instructions à suivre, à une FAQ avec question(s)/réponse(s), etc. On le devine, mais ça ira mieux en le disant : il est possible d’associer un ou plusieurs `dt` à un ou plusieurs `dd` dans un `dl`. →

HTML & CSS

7 outils en ligne pour l’intégration HTML & CSS

Ce petit coin de blog est le cadre idéal pour vous présenter quelques outils en ligne qui vous permettront de réduire le temps passé à réaliser l’intégration de vos sites web : éditeurs visuels, générateurs de colonnes, conversion des pixels en unité relative em, etc. Pas vraiment nouveaux, ils méritent quand même le détour !  →

HTML & CSS

Formbuilder — des formulaires HTML avec PHPForm

Formbuilder — Trois étapes suffisent pour créer des formulaires en éliminant la phase de codage HTML : il suffit de cliquer sur les éléments que vous voulez, personnaliser les labels et renseigner les valeurs par défaut. Il est possible de modifier l’ordre des éléments après leur création par glissé-déposé. Enregistrez, c’est gagné ! →

HTML & CSS

HTML5 — Et si on évitait la balise «section» dans une balise «article» ?

Ce billet fait partie d’une série de notes rapides prises lors de ma lecture des spécifications HTML5. Aujourd’hui, c’est le commentaire de Romy qui me donne l’occasion de rebondir sur le découpage d’une page web avec HTML5 et plus particulièrement la balise `section`. Dans ce billet, je m’éloigne un peu du commentaire de Romy et je voudrais souligner qu’elle a parfaitement raison quand elle dit que le rôle des balises `header` et `footer` est clair mais que leur traduction en En-tête et Pied de page prête à confusion ; il faudrait peut-être introduire la notion de meta information. →

HTML & CSS

HTML5 — Pourquoi «header» et «footer» ne créent pas de «sections»

Les nouvelles balises introduites par HTML5 ne sont pas très évidentes à utiliser. Plus que jamais, le contenu est roi et tout dépend de lui. Les notions de Sectioning Content implicites ou explicites risquent de se transformer en poil à gratter pour les intégrateurs web. Pour commencer, notre balise `div` préférée devra laisser du terrain à la balise `section` quand on pourra justifier d’un `h1` à l’intérieur. →

E-commerce

HTML5 — Une orientation encore trop « littéraire » et pas assez « web »

Dans HTML5, il manque quand même la balise `panier` pour aller avec `article`. Ce début de réflexion que je partageais sur Twitter m’est venu en lisant les tables de la loi spécifications de HTML5, notamment la partie semantics. Là, j’ai eu comme une révélation : Les balises HTML et surtout HTML5 sont orientées vers les contenus littéraires (`dialog`), le monde de la presse (`article`) et les publications à caractère scientifique (`section`). →