background
Les articles de la catégorie : XHTML/CSS

Les sitemaps

Salut à toutes et salut à tous,

Un sitemap est un outil pour aider les moteurs de recherche à découvrir votre site web en tenant à disposition un plan du site référençant les différentes pages qui le composent.

Comprendre sa fonction, comment le réaliser? Tout vous est expliqué dans cette vidéo pour optimiser votre référencement.

Bon visionnage ;) .

suLkksWj-Zo?rel=0&hd=1

Slide up le titre de thumbnails avec du CSS3

Salut à toutes et salut à tous,

Aujourd'hui nous allons voir comment faire slide up le titre de thumbnails avec du CSS3 et sans aucune ligne de JavaScript

Bon visionnage ;) .

rrGgPVcF7M8?rel=0&hd=1

Comment mettre une image de fond prenant la taille de la fenêtre

Salut à toutes et salut à tous,

Mettre une image de fond sur votre site peut parfois s'avérer un casse-tête en l'absence de la possibilité de même un height à 100% (sauf sur des cas spécifiques comme les tableaux). Comment faire donc pour qu'une image prenne toute la taille de la fenêtre?

La réponse se trouve dans cette vidéo. Deux façons vous seront présentées, une en JavaScript et une autre en CSS, libre à vous de prendre celle qui vous plaira. Notez que l'inconvénient du deuxième peut être pallié par les médias query.

Bon visionnage ;) .

03tjlqoWPbo?rel=0&hd=1

Mettre une favicon sur son site

Salut à toutes et salut à tous,

Dans cette courte vidéo, nous allons voir les favicons, ces icones qui apparaissent dans les onglets de nos navigateurs et à côté de nos favoris. Nous verrons quelle image mettre, quelle taille, quel format et quel code produire pour qu'elle apparaisse sur notre site.

Les deux lignes de code sont :

<link rel="icon" type="image/x-icon" href="favicon.ico" />
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]-->

Bon visionnage ;) .

dEhLA1HiM9I?rel=0&hd=1

Empêcher l'autocomplétion d'un champ par le navigateur

Salut à toutes et salut à tous,

Lorsqu'on met le focus sur un champ, les navigateurs modernes nous proposent l'historique des saisis pour les champs du même "name". Cette fonction peut être bien pratique. Toutefois, il arrive qu'on souhaite désactiver cette fonctionnalité, notamment quand on fait des jeux où la vitesse de saisi importent.

Heureusement, le HTML5 a pensé à cette problématique et a ajouté aux balises input un nouvel attribut nommé "autocomplete" prenant comme valeur on et off. Découvrez comment l'utiliser dans cette courte vidéo.

Bon visionnage ;)

VgVl2GEUVPo?rel=0&hd=1

La balise audio (+voeux de Noël)

Salut à toutes et salut à tous,

Une petite vidéo où l'on va voir le fonctionnement de cette nouvelle balise apportée par le HTML5 qui nous permet d'avoir de manière natif, un player audio pour lire nos sons, musiques, podcasts...
À l'occasion de Noël, je vous fais part également de mes meilleurs vœux.

Bon visionnage ;) .

ziSGhXxwpbs?rel=0&hd=1