Comment mettre à jour ses CSS sans actualiser sa page ?

cssrefresh
Parce qu’un clic de plus est toujours un clic de trop, voici une petite astuce qui va vous permettre de mettre à jour en local vos styles CSS juste en sauvegardant votre fichier CSS…

Et non il ne s’agit pas de la touche F5, mais d’un outil gratuit : CSS Refresh. L’utilisation est assez simple : vous placez un petit fichier JS à télécharger ici, et dans votre header vous placez un lien vers ce fichier. Dans le cas où vous aviez fait des modifications dans Firebug par exemple, celles-ci sont annulées.

Bonus : intégration Magento

– Pour intégrer CSS Refresh à Magento, commencez par télécharger le fichier .js disponible sur CSS Refresh.
– Placez-le dans skin/frontend/[votretheme]/js
– Modifiez le fichier suivant : app/design/frontend/[votretheme]/template/page/html/head.phtml et rajouter cette ligne :

<script type="text/javascript" src="getSkinUrl('js/cssrefresh.js');?>">

Étiquettes : ,

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

%d blogueurs aiment cette page :