Résultat de votre recherche
03/05/2015
Héberger et lier sa propre police personnalisée
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.
Voir le billet...
09/09/2012
Animation d'élements en CSS3
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.
Voir le billet...
09/09/2012
Intégrer des polices de caractère personnalisées
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.
Voir le billet...
02/05/2011
Intégration Google Map
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é.
Voir le billet...
11/03/2011
Glissière pour choix d'une valeur numérique
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.
Voir le billet...
08/09/2010
Génération d'une bannière texte
Le code suivant permet la génération d'un fichier de type png à fond transparent contenant un texte blanc détouré de noir. tout d'abord, on crée l'image en mémoire. pour gérer la transparence, il faut utiliser la fonction imagecreatetruecolor() qui va gérer le canal alpha (transparence) : $imgtmp = imagecreatetruecolor(740, 50); imagecolortransparent($imgtmp, imagecolorallocate($imgtmp.
Voir le billet...
29/06/2010
ComboxBox de choix d'images
Voici une classe mootools permettant de choisir une image contenue dans un dossier sur le serveur php. la classe génère à droite de l'input un bouton qui permet d'ouvrir un popup contenant une liste de fichiers images, ainsi que, s'il y en a, les dossiers qui seront cliquables pour en afficher le contenu. les fichiers et dossiers présentés disposent d'une icône permettant de les identifier comme tel.
Voir le billet...
25/06/2010
ComboBox pour envoi de fichiers
Voici une classe mootools permettant de relooker un input de type file. l'astuce reprise pour que cela fonctionne est celle de masquer le champ de type file dans un div qui sert de bouton pour déclencher la recherche du fichier. une fois la sélection du fichier faite, le champ de type file est à jour et en cas de soumission du formulaire le fichier sera transmit à un programme php action du form.
Voir le billet...