4 juin 2013

Comment utiliser Compass/Sass avec Symfony2

symfony-compassUtiliser 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 role la gestion des assets.
Lire le reste de cet article

8 décembre 2012

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) et le renommage des variables et des fonctions en noms plus courts. Compass est un framework CSS permettant de compiler le CSS avec SASS. Il présente de nombreuses fonctionnalités et de nombreux avantages que vous pouvez découvrir dans ce tutorial pour faire vos premier pas avec Compass. Avec Sass, on édite donc plus directement le CSS. Ce qui crée une distance entre l’intégrateur et les fichiers générés. Pendant le processus de compilation de Compass on peut rajouter une étape de minification.
Lire le reste de cet article

20 novembre 2012

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 avec les variables, les fonctions, les mixins et l’héritage de selecteurs.
Lire le reste de cet article

28 septembre 2012

Shortcuts Eclipse, IntelliJ et NetBeans

Passer d’un IDE à un autre est rarement une chose aisée. Il est même bien souvent frustrant d’avoir l’impression de ne plus rien savoir faire. Les vieilles habitudes ont la vie dure et c’est encore plus vrai en ce qui concerne ces bons vieux raccourcis clavier que l’on utilise depuis si longtemps. Il existe en général sur chaque IDE un mode « Eclipse », mais tous les raccourcis ne sont pas mappés, et tous ne fond pas exactement la même chose. Et puis après tout si on change d’IDE c’est bien dans le but d’améliorer sa productivité avec une autre approche utilisateur, alors autant utiliser les raccourcis qui ont, semble t-il, été choisi dans la philosophie de l’outil. La liste que j’ai réalisé est loin d’être exhaustive mais elle résume les correspondances entre certains raccourcis indispensables pour Eclipse, IntelliJ et NetBeans.
Lire le reste de cet article