Le pingouin de l'Oise

2017

30 janvier

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>. Déplacement d’un texte dans un bandeau avec canvas Fonctionnement Il faut utiliser un script simple pour le défilement : les explications sont dans les commentaires. Le script <script> var canevas = …

lire la suite

29 janvier

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. Le script à insérer <script> $(document).ready(function() { if (!('open' in document.createElement('details'))) { $("details").each(function() { …

lire la suite

27 janvier

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. Un fond d’écran extensible Les marges sont mises à zéro, l’image (image.png) est appelée, centrée et couvrira l’écran. Le css html { margin:0; padding:0; background: url(image.png) no-repeat center fixed; -webkit-background-size: …

lire la suite

26 janvier

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. Rendez-vous sur ScreenFly. Saisissez simplement l’URL de votre site et cliquez sur Go puis sélectionnez l’appareil concerné dans le menu en haut. À votre disposition, le rendu sur des écrans …

lire la suite

24 janvier

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. Dans l’exemple, je vais placer un bouton juste au dessus de l’<iframe> pour la recharger. Créer le bouton Une classe reload_iframe est déclarée pour le css <div class="reload_iframe"><input …

lire la suite

© 2018 - 90v3Z - L3 P1n90U1n - Propulsé par Hugo