Bootstrap. GitHub - richleland/pygments-css: css files created from pygment's built-in styles. UIkit. KNACSS. Centrer du texte dans un <hr /> Le problème Non, <hr /> ne peut pas contenir de texte. Je veux plutôt parler de l'effet obtenu si cela était possible, qu'on retrouve un peu partout sur le web. Ce problème n'étant pas nouveau, des implémentations ont déjà été trouvées, mais ces dernières sont rarement satisfaisantes. En effet, la solution idéale ne dépend pas du fond présent sous le texte ;ne suppose pas que la largeur prise par le texte est connue ;tient en un seul élément HTML. Et tout ceci est rendu possible par flexbox ! La solution… Partons du HTML suivant : <div class="hr">Chapitre 1</div> Il suffit de quelques lignes de CSS pour obtenir l'effet voulu : Les lignes de part et d'autre du texte sont créées par la bordure des pseudo-éléments.
…ou presque Cette solution serait parfaite si elle ne posait pas un soucis de compatibilité lié à flexbox. Toutefois, nous pouvons faire en sorte que ces derniers n'affichent que le texte centré (sans les lignes). A Complete Guide to Flexbox. Home of free code snippets for Bootstrap. Fontello - icon fonts generator. Créer une police d’icônes facilement à partir d’illustrations vectorielles. Les polices d'icônes ou "font-icon" popularisées depuis Bootstrap sont de plus en plus utilisées sur le web.
Certains services proposent de piocher des icônes dans différents packs pour se créer sa propre "police". Dans ce petit tutoriel nous verrons comment, grâce au service en ligne IcoMoon, il est facile de se créer sa propre police d'icônes à partir d'illustrations et fichiers vectoriels. Une fonte-icône est tout simplement une police d’écriture dont on aura remplacé certains caractères par des glyphes représentant les icônes que l’on veut utiliser. Très utiles dans le design d’interface lorsque l’on a besoin d’une simple petite icône monochrome, elles ont la flexibilité d’une police d’écriture : vectorielles, il est très facile d’en changer la taille et la couleur en CSS, voire d’y ajouter de l’ombrage avec text-shadow. Voir une petite démonstration en ligne : Icon Font are Awesome. ou... Exporter mes icônes au format SVG Quelques conseils sur les icônes pour un résultat optimal : Testeur de résolution d'un site - tester resolution affichage taille ecran page site testeur de résolution d'un site design screen size extensible resolution d'un site test page kit graphique resolution 800*600 taille ecran apparence tester la résolution.
Bootswatch: Free themes for Bootstrap. Metro UI CSS. CSS3.0 Maker. CSS Gradient Generator. Color wheel | Color schemes. Convertisseur de couleurs en HEX et RGB. Button Maker. Gabarits HTML/CSS.