Actualité

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.

Un court billet pour expliquer très brièvement comment intégrer une police personnalisée sur son site grâce à google fonts et à l'api google. google web fonts est un site qui propose d'utiliser dans nos pages web des polices autres que les standards tel que l'arial, le times ou le sans serif par exemple. le site propose des tonnes de polices, pour les intégrer à une page web, rien de plus simple.

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.