sass & compass

Effectuez votre première transformation Sass. Objectifs  Créer un fichier monstyle.scss  Utiliser le moteur Sass pour créer le fichier monstyle.css à partir de monstyle.scss Liens utiles  RubyInstaller Windows  Compass Programme  Partie 1 : création fichier monstyle.scss  Partie 2 : compilation de monstyle.scss vers monstyle.css  Partie 3 : scruter un repertoire Durée 15 min. Rappel Sass Partie 1 : création fichier monstyle.scss Dans un répertoire (ici D:formationsasscompasstest) , créez un fichier monstyle.scss     Partie 2 : compilation de monstyle.scss  lancez la commande : sass monstyle.scss  Expliquez la sortie  lancez la commande : sass monstyle.scss monstyle.css    Expliquez Partie 3 : scruter un [...]

Créez votre premier projet compass. Découvrez l'arborescence du projet. Mettez en évidence quelques fonction utilitaires fournies par compass. Compilez enfin votre projet compass. Analysez le css généré. Objectifs  Créer un projet Compass  Analyser l'arborescence d'un projet Compass Liens utiles  RubyInstaller Windows  Compass Programme  Partie 1 : création projet compass  Partie 2 : analyse projet Compass Durée 15 min. Partie 1 : création projet Compass  Lancez en ligne de commande : compass create monprojetcompass Partie 2 : analyse projet Compass REMARQUE 1 : notez la présence d'un fichier Ruby à la racine du projet REMARQUE 2 : notez l'extension 'SCSS' des fichiers [...]

Maîtrisez l'installation de Compass, framework permettant d'augmenter la productivité des designers. Objectifs  Installer le moteur Compass Liens utiles  RubyInstaller Windows  Compass Programme  Partie 1 : installation Ruby  Partie 2 : installation Compass Durée 15 min. Partie 1 : installation Ruby  Aller sur le lien de téléchargement Ruby du site ruby-lang.org , qui suggère sous windows d'installer Ruby à travers le RubyInstaller . Par exemple , TELECHARGEZ DIRECTEMENT version 1.9.3 INFO : les versions de RubyInstaller sous Windows sont disponible sur www.rubyinstaller.org/downloads/ Installer l'éxécutable en local (exemple dans d:formationsasscompassoutilsruby)  Lancer l'exécutable INFO : sélectionnez les options permettant : — d'ajouter les exécutables ruby [...]

Maîtrisez l'installation de Sass (Syntactically Awesome Stylesheets) , extension de CSS3 vous permettant de créer avec moins d'effort des feuilles de styles Css plus lisibilité et plus maintenables. Découvrez comment les 'variables', les 'règles imbriquées', les 'mixins' de Sass étendent le CSS3. Objectifs  Installer le moteur Saas Liens utiles  RubyInstaller Windows  Saas Programme  Partie 1 : installation Ruby  Partie 2 : téléchargement Sass  Partie 3 : installation Sass Durée 15 min. Rappel Sass Partie 1 : installation Ruby  Aller sur le lien de téléchargement Ruby du site ruby-lang.org , qui suggère sous windows d'installer Ruby à travers le RubyInstaller . Par [...]