Développer votre HTML vitesse lumière avec Foundation 5

Foundation 5 snippet HTML pour Sublime Text
Par David Leuliette le

Si vous avez visité ma sélection d'outils pour développeur front-end, vous savez que j'utilise (selon moi) le meilleur éditeur de code : Sublime Text.

Le principal avantage de cet éditeur de code est son système de paquets, qui permet une personnalisation poussée de l’éditeur.

Snippets pour Foudation 5

C'est ce repo sur github qui vous permettra de développer plus vite votre HTML.

Un simple zf-accordion + tab génère le marquage suivant :

Accordion zurb foundation

Installation

Tout se passe dans les Preference > Package control

Sublime Text preference

La première étape est d’ajouter une nouvelle source (raccourci cmd + shift + P) :

Package Control: Add Channel

https://github.com/zurb/foundation-5-sublime-snippets.git

Sublime Text ajouter source

Recherchez la commande Package Control: Install Package

Sublime Text installation

Il ne reste plus qu’a rechercher Foundation-5-snippet, et voila!