Webmaster

Slideshow

Voici deux diaporamas sans javascript ni jquery mais uniquement en CSS.

Un texte défilant

Faire défiler un texte dans un bandeau, on utilisait la balise <marquee> ; elle est désormais obsolète et doit être remplacée par la balise <canvas>.

La balise <details>

La balise <details> affiche à la demande des précisions sur un texte.
Elle fonctionne avec Google Chrome, mais elle a besoin d’un script pour être prise en compte dans Firefox.

La propriété « background »

La propriété background est un raccourci qui définit les différentes valeurs des propriétés liées à la gestion des arrière-plans d’un élément.

Screenfly

Afin de savoir si votre site est vraiment « responsive », vous pouvez tester l’affichage sur différentes résolutions d’écran. Un utilitaire est disponible en ligne : Screenfly.

Rafraîchir une iframe

Il est parfois utile de rafraîchir une <iframe> dans une page web. Cela permet par exemple de recentrer une Google Maps après avoir affiché une infobulle.

Street View sur ma famille

Lors de l’affichage d’une carte Google Maps, il peut être intéressant de placer dans l’infobulle du marqueur une iframe. Cela permet d’afficher une page web.

Un marqueur sur Google Maps

Dans un article précédent, nous avons vu comment afficher une carte Google Maps. Nous allons voir ici comment placer et personnaliser un marqueur.

Une carte Googlemaps

Google Maps permet l’intégration d’une carte personnalisée sur son propre site web. Il faut pour cela utiliser un code html fourni par l’application de cartographie de Google.

Le codage des couleurs

Nous pouvons spécifier les couleurs des éléments qui composent un document web de plusieurs manières. La notation hexadécimale est actuellement la plus utilisée dans les feuilles de style (CSS).