Le pingouin de l'Oise

2017

23 janvier

Une iframe responsive

L’<iframe> est un contenu de navigation imbriqué qui permet d’obtenir une page HTML intégrée dans la page courante. Cette <iframe> est responsive quand elle s’adapte à la taille de l’écran. Ici, je présente trois exemples d’intégration. Le css est identique pour les trois situations : je crée une classe site Le css .site { position: relative; width:100%; …

lire la suite

21 janvier

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. Dans l’exemple, je vais afficher une streetview pour chacun des membres de ma famille. Le script Début du script et création de la carte : <script …

lire la suite

20 janvier

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. Déclaration du script À placer de préférence dans le header de la page, en indiquant votre clé API GoogleMaps. <script src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=CLÉAPI'></script> Création de la carte Elle s’appelle …

lire la suite

18 janvier

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. Après avoir fait une recherche sur Google Maps, vous pouvez obtenir le code HTML qui permet l’affichage de la carte. Dans la fenêtre de gauche, choisissez Partager -> Intégrer la carte pour …

lire la suite

16 janvier

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). Cette notation produire 256 × 256 × 256 = 16 777 216 codes différents. La recommandation CSS permet une notation plus courte basée sur un seul chiffre hexadécimal par couleur. Le programme interprète le …

lire la suite

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