Louki
Ancien staff
You must be registered for see images attach
Mais.. Des fois c'est très lassant, et l'on préfère utiliser un framework. Malheureusement.. même soucis, ce n'est pas très simple de trouver les bonnes class à changer pour avoir le résultat que nous voulons !
Je vous propose donc de découvrir un logiciel que j'ai nommé LiveStyle, qui vous permettra directement depuis Google Chrome , d'éditer vos styles css via l'inspection d'élément ! Je vous promet une rapidité accrue !
Bonne lecture !
You must be registered for see images attach
Quelques explications.
LiveStyle.io
Site :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Documentation :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Système d'exploitation : Mac / Windows
Mon avis :
J'aime beaucoup ce "plugin", car oui, dans le tutoriel je l'appel logiciel mais c'est plus un plugin pour Sublime Text et Google Chrome . Le logiciel sert juste à aider pour l'installation.
L'utilisation :
En gros, c'est un plugin de RTE pour style CSS (ou LESS,...)
You must be registered for see images attach
You must be registered for see images attach
Voici l'interface du logiciel.
Cliquez sur les deux boutons, pour installer les différents composants que nous aurons besoin.
Nous allons en reparler au chapitre suivant.
You must be registered for see images attach
Pour que le plugin puisse fonctionner, il faut initialiser une liaison entre Google Chrome et Sublime Text .
Pour se faire, c'est très simple.
Ouvrez Google Chrome et
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
!
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Il ne suffira plus qu'à cliquer sur le bouton "Ajouter à Google Chrome " et le tour est joué.
Une icône devrait apparaitre
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
Comme dit plus haut, il suffit de cliquer sur "Install Sublime Text Plugin " ! Enjoy
You must be registered for see images attach
Il y a des conditions à respecter pour le bon fonctionnement du logiciel :
- Ouvrir l'éditeur sur le bon fichier css. (dans mon exemple il sera ouvert sur style.css)
- Synchroniser le plugin Google Chrome avec SublimeText :
You must be registered for see images attach
Cliquer sur l'icône, et choisir le style voulu pour l'édition.
______________________________________________
Pour un exemple, j'ai créé un fichier index.html et style.css
You must be registered for see images attach
- J'ai donc ouvert le fichier style.css dans mon éditeur.- J'ai aussi lié Google Chrome à Sublime Text
Je peux donc ouvrir l'inspecteur d'élément, et éditer à ma guise. Tout va s'envoyer automatiquement dans mon éditeur de texte.
Exemple :
J'espère que ce topic vous aura plus !
Dernière édition par un modérateur:
