Transitions et Animations CSS3

Créer un icone de chargement en pur CSS3

Il est fréquent d’ajouter une image animée, le plus souvent en rotation, lors du chargement d’une page, ou lors de traitement aJax, afin d’attendre la réponse du serveur. Cela...

Centrer une image loader

Afin de centrer une image loader, pendant le chargement aJax par exemple, on enveloppe l’image dans une div que l’on va positionner en fixe. Utilisation dans l’appel aJax: $(...
font awesome - Unicode

Utiliser font awesome dans un select

 fa-500px  fa-adjust  fa-adn  fa-align-center  fa-align-justify  fa-align-left  fa-align-right  fa-amazon  fa-ambulance  fa-anchor  fa-android  fa-angellist  fa-angle-double-down  fa-angle-double-left ...
Suivi de la taille du texte saisi dans un input

Ajuster la taille d’un input

On peut vouloir ajuster la taille d’un input si l’entrée est plus longue que le cadre affiché. Taper une longue phrase dans l’input suivant : Entrer un texte :...
Different box sizes - box-sizing

La propriété CSS box-sizing

Par défaut, le navigateur calcule la largeur/hauteur d’une boite (div) sur le contenu (content-box). Cela amène des difficultés, lorsque l’on a un padding (marge intérieure) non-nul et une bordure....
Aligner verticalement du texte

Aligner verticalement du texte

Pour aligner verticalement du texte dans une div: Si l’on a une seule ligne de texte: HTML: <div>Texte centré verticalement</div> 1 <div>Texte centré verticalement</div> CSS: div { height: 200px;...
sublime Text

Sublime text 3

  Superbe editeur de texte qui concurrence Notepad++ et qui le dépasse par de superbes fonctionnalités et d’innombrables packages (plugins). Une fois que l’on a compris le fonctionnement, cela...