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. HTML CSS figer des colonnes comme dans Excel ici les deux premières colonnes   HTML CSS figer des colonnes comme dans Excel ici les deux premières colonnes n’ont pas bougées dans le scroll vers la droite Figer des colonnes en CSS sur un table Quand un tableau HTML possède de nombreuses colonnes, il est facile de créer un scroller horizontal pour naviguer dans les données vers la droite.
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. L’accessibilité dans les applications et sites web est très complexe à mettre en oeuvre. Cet article ne prétend pas faire un état des lieux exhaustif de ce qu’il est nécessaire de faire mais tente modestement de lister quelques points de vigilance à destination des développeurs web.
Lire l'article