Skip to content
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Comment trouver les sélecteurs CSS non utilisés ?

Si vous êtes développeur et que vous prenez en cours le développement d’un site, il se peut que par inadvertance, vous laissiez quelques sélecteurs CSS dans vos feuilles de style qui ne seront jamais utilisés nulle part sur votre site. C’est une chose qui peut arriver aussi quand on pratique avec trop de légèreté le copier-coller.

Et effectivement, tout revérifier style par style, ça peut être long. Alors on laisse, par flemme.

Mais un petit outil qui s’appelle Helium va vous aider à détecter ces sélecteurs qui ne sont pas utilisés. Pour cela, il suffit de télécharger le js sur Github puis d’ajouter l’appel à celui-ci dans toutes vos pages web (via le header ou le footer de votre site par exemple).

<script type= »text/javascript » src= »chemin/vers/helium.js »></script>

Puis de l’initialiser avec le code suivant :

<script type= »text/javascript »>
window.addEventListener(‘load’, function(){
helium.init();
}, false);
</script>

Helium parcourra alors toutes les URL que vous lui aurez données et vérifiera que les sélecteurs sont bien utilisés dans les pages. A partir de là, il générera un petit rapport qui détaillera les sélecteurs corrects (vert), ceux mal-formés (rouge), ceux qui sont groupés donc à retester ensuite à la main (en noir) et ceux qui ne peuvent pas être testé, car il nécessite une interaction utilisateur (bleu).

heliumJS

J’ai pensé que ça pouvait vous rendre service.

Photo


NordVPN à moins de 3€/mois

-68% 3,3€/mois durant 2 ans

Protection en un clic, fonctionnalité Kill Switch, masquage de votre adresse IP, prise en charge des partages de fichiers en p2p, protection contre les malwares et les pubs, streaming sans interruption, test de fuite DNS et même possibilité de coupler l’outil avec l’anonymat de The Onion Router … sont quelques-unes des autres options disponibles.

NordVPN a tissé une toile de serveurs dans le monde entier (plus de 5 500 dans 60 pays) permettant ainsi de se localiser dans la zone géographique de son choix. Vous avez envie d’un Anime japonais ou bien d’une exclusivité US ? Aucun problème. À vrai dire, vous pouvez même vous localiser en France en cas de déplacement à l’étranger.

En complément de cet impressionnant réseau, NordVPN a aussi développé la fonctionnalité SmartPlay qui permet d’accéder en toute sécurité aux contenus qui sont normalement inaccessibles. C’est un système de SmartDNS performant qui ne nécessite pas d’intervention complexe, vous profitez d’une connexion sécurisée et vous visionnez le contenu de votre choix en streaming sans vous prendre la tête.

Profiter de la promo



Les articles du moment