Dans cet article


Offres d'emploi

Tags

Editeur SASS pour MAC OS X

Editeur SASS pour MAC OS X

Sass est un préprocesseur CSS, très pratique ! Cependant, il nécessite un éditeur comme Sublime Text pour permettre de s’y retrouver facilement.

Sous Mac OS X, il est difficile de trouver un éditeur de texte digne de ce nom. Mais Sublime Text pallie à ce manque.

Les meilleurs alliés de Sublime Text, ce sont aussi ses plugins. Ils sont nombreux et peuvent s’installer facilement. Il existe sur Sublime Text un plugin SASS qui était ma grande recherche du moment!

Editeur Sass pour MAC OS X : Installer un plugin facilement

Une petite astuce pour installer les plugins : installer Package Control.

Pour cela, allez dans le menu View > Show Console

Puis copiez-collez la commande suivante :

import urllib2,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

Il vous faudra redémarrer SublimeText pour la prise en compte du Package Control.

Editeur Sass pour MAC OS X : Installation du plugin pour Sublime Text

Maintenant que Package Control est installé, vous pouvez aller dans le menu « Tools > Command Palette… »

Dans la fenêtre qui s’ouvre, choisissez « Package Control : Install Package »

Vous pouvez alors taper « sass » dans la recherche et lancer l’installation.

Vous pouvez maintenant éditer votre feuille SASS avec tous les bénéfices du plugin !

L'équipe AXOPEN

Voir aussi les articles suivants

[ ]1 Souvent il peut être utile de figer des colonnes dans un tableau (table html). Pour ce faire nous allons utiliser une technique sans Javascript en CSS. Cette technique repose sur du positionnement absolu des td dans les TR et fonctionne très bien avec un tableau qui possède de nombreuses colonnes.
Lire l'article

L’objectif de cet article est de faire un point sur les points de vigilance dans le développement d’applications et sites web pour les rendre le plus accessibles possible avec les différents profils de handicap.
Lire l'article