Archive pour le mot-clef ‘CSS’

Mardi 4 juin 2013

Comment utiliser Compass/Sass avec Symfony2

Comment utiliser Compass/Sass avec Symfony2

Utiliser Compass sur un projet Symfony2 est un jeu d’enfant. Il suffit d’un petit chouilla de configuration. Après ça Symfony se chargera de construire à la volée vos CSS. Pour ce faire nous allons utiliser un outil intégré au framework, nommé Assetic. Comme son nom l’indique je vous le donne mille cet outil à pour […]

Samedi 8 décembre 2012

Comment minifier/déminifier le CSS avec Compass

Comment minifier/déminifier le CSS avec Compass

Compresser les assets sur un site web permet un gain de performance. Il est évident qu’un fichier de taille modeste prendra moins de temps à charger pour un navigateur internet. Le principe de minification (si on peut le dire ainsi en français) repose sur la suppression de caractères non interprétés(espaces, tabulations et saut de lignes) […]

Mardi 20 novembre 2012

CSS les doigts dans le nez avec Compass

CSS les doigts dans le nez avec Compass

Compass est un framework qui permet de compiler des feuilles de style css en utilisant SCSS ou SASS. Cet outil permet d’intégrer des frameworks CSS tel que blueprint. Il met également à disposition une API pour une intégration HTML et CSS3 propre et productive. Nous allons voir comment SASS/SCSS permet combler les limites de CSS […]

Jeudi 30 juin 2011

Comment convertir une font en .TTF .EOT .WOFF .SVG

Comment convertir une font en .TTF .EOT .WOFF .SVG

Il est possible d’utiliser une police d’écriture personnalisée sur une page Web. Pour se faire, il existe la propriété CSS @font-face permettant de créer une font-family. Vous pouvez lire : Comment imbriquer une fonte dans une page Web ? qui pose la problématique du format et explique l’intégration de la police en CSS. Si vous […]