Résultat de votre recherche

L'utilisation des polices google fonts est certes très pratique et rapide à mettre en oeuvre, mais elle ne se fait qu'au péril du temps de réponse de vos pages qui pour s'afficher correctement doivent contacter les serveurs google hébergeant vos polices. il existe une règle css appelée @font-face qui permet de créer un lien entre un fichier contenant une police de caractères et le nom d'un font-family défini dans votre code css.

Un outil très pratique à utiliser pour les rendus visuels de vos sites web, c'est le débugger de google chrome. en effet ce navigateur dispose d'un outil de débuggage complet qui inclus un moteur de rendu émulant les user-agents et les différentes tailles d'écrans des smartphones, tablettes et autres résolutions d'écran pc classiques. pour se faire, il vous suffit d'ouvrir votre site web à tester sous chrome.

Une fonctionnalité du css3 très pratique si vous souhaitez mettre un dégradé de couleurs sur le background d'un div (ou autre), c'est les fonctions gradient ! pour un dégradé linéaire du blanc vers noir de gauche à droite : background: linear-gradient(to right, #fff, #000); on peut aussi enchainer les couleurs en ajoutant des codes couleurs en paramètre. par exemple, passer du vert au rouge en passant par le jaune.

Voici une astuce qui m'aura éviter de m'arracher le peu de cheveux que j'ai sur le caillou... pour tester mes productions de site sur ie7/8, j'utilisais jusqu'à présent ietester (qui d'ailleurs permet aussi de tester les plus anciennes versions d'internet explorer), mais voilà, couplé à debugbar dès lors que je rencontrais un plantage js, impossible de débugguer, d'espionner, de tracer, d'observer la pile d'appel.

Voici un billet sur les possibilités d'animations (translations, rotations et zooms) opérables dans une simple feuille de style css, pour un doctype html5. le css3 permet de faire désormais ce qui était jadis réservé au javascript, à savoir effectuer des animations, en déclarant 3 choses dans les styles css de la page : l'état initial, les clefs de l'animation, et l'état final de / des éléments concernés.

Three.js est une bibliothèque javascript permettant de générer très simplement des rendus 3d grâce à 3 méthodes d'affichage : canvas, svg ou webgl. en quelques lignes de code, on peut facilement créer une scène 3d, placer une caméra, créer des formes géométriques ou charger des modèles 3d, appliquer des textures à ces objets, créer des sources de lumière, et faire un rendu dans un élément html.

Voici quelques scripts mootools utilisées très fréquemment dans nos productions : remooz auteur : harald kirschner - license : mit license remooz est un script intégrable très facilement, permettant au visiteur d'agrandir une image en cliquant dessus. le look standard est sobre et efficace, les cas particuliers (débordement de l'image agrandie dans la page, taille recalculée si l'image est trop grande.

Le but de cet article est d'expliquer comment intégrer un plan googlemap© dans une page web et manipuler le plan, changer dynamiquement le positionnement, le zoom, les marqueurs, ajouter des bulles d'informations, etc... intégrer un plan dans une page web est relativement aisé, le code fourni par le site maps.google.fr via le bouton « lien » permet d'intégrer un iframe contenant le plan positionné comme souhaité.

Voici une classe mootools permettant de sélectionner une valeur numérique à partir d'une glissière. son utilisation est très simple, il suffit d'inclure le script js, et instancier via javascript dans l'évênement window.domready la classe en lui passant en paramètre l'élément du formulaire (de type input) ainsi que les options de la glissière : window.addevent('domready', function.

Une astuce très simple et efficace pour maintenir une session php (session_start) via l'objet request de mootools (inclure la bibliothèque mootools) consiste à faire appel au programme php dans lequel le session_start() est effectué avec une variable post qui permettra de quitter juste après l'ouverture de session. il ne reste donc plus qu'à appeler régulièrement le request, durée en fonction de la durée de vie de la session.