Ico JavaScript
Ico CSS
Ico HTML
Ico mooTools
Ico PHP
Ico Astuces

Liste des dernières publications


Date 03/05/2015
Ico CSS
Ico HTML
Comms Aucun commentaire
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...
 

Date 02/05/2015
Ico Astuces
Comms Aucun commentaire
Le débugger de Chrome
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.
>Voir le billet...
 

Date 29/03/2014
Ico CSS
Comms Aucun commentaire
Les dégradés en CSS3
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.
>Voir le billet...
 

Date 07/02/2013
Ico Astuces
Comms Aucun commentaire
Tester et debugger IE7/8 via IE9/IE10
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.
>Voir le billet...
 

Date 09/09/2012
Ico HTML
Ico CSS
Comms 1 commentaire
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...
 

Date 09/09/2012
Ico CSS
Comms 3 commentaires
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...
 

Date 19/06/2012
Ico JavaScript
Comms Aucun commentaire
Three.js - Framework JS d'intégration 3D
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.
>Voir le billet...
 

Date 24/04/2012
Ico mooTools
Comms Aucun commentaire
Quelques bons scripts MooTools
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.
>Voir le billet...
 

Date 02/05/2011
Ico JavaScript
Comms Aucun commentaire
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...
 

Date 11/03/2011
Ico mooTools
Comms Aucun commentaire
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...
 


MP  Mighty Productions
> Blogs
> Partage de codes sources - PHP / JS / mooTools
 
RSS       Mentions légales       Comms  Haut de la page