hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Analyser les codes d'un site Web avec l'extension CSS Dig Chrome

Vous pouvez faire beaucoup de choses avec Chrome DevTools en éditant des sites Web en direct et en étudiant des requêtes HTTP détaillées. Mais, la capacité d'analyser les modèles CSS n'est pas cuite dans la console.

Avec CSS Dig, vous pouvez analyser tous les sélecteurs CSS, la spécificité et les propriétés uniques de n'importe quelle page Web directement à partir de Chrome. Cette extension est totalement gratuite et offre beaucoup de puissance aux développeurs frontend.

Lorsque vous inspectez une feuille de style, vous obtenez beaucoup de données du panneau CSS Dig. Il peut vous montrer des sélecteurs individuels, y compris des doublons et des niveaux de spécificité inutiles .

Pour commencer, installez simplement le plugin et ouvrez la fenêtre de la console. Vous trouverez deux onglets dans la fenêtre CSS Dig: Propriétés et sélecteurs .

Vous pouvez parcourir les résultats organisés par propriétés (couleur, bordure, remplissage) ou par des sélecteurs (classes, ID). Je trouve la fenêtre Propriétés la plus précieuse, car elle vous permet d'étudier les polices et les couleurs que vous utilisez.

Cet outil fonctionne pour tous les sites Web, donc il est également pratique pour l'ingénierie inverse de n'importe qui. Vous pouvez copier / coller le CSS directement depuis cette fenêtre et le réutiliser dans vos propres projets.

Probablement le cas d'utilisation le plus commun pour CSS Dig est d' effacer les couleurs en double de votre palette de couleurs. Combien de nuances uniques de vert avez-vous vraiment besoin? Ou, combien de polices différentes sans-serif sont nécessaires pour une page?

CSS Dig est incroyablement simple, alors ne vous attendez pas à des dizaines de fonctionnalités comme avec DevTools. Au lieu de cela, ce plugin est plutôt orienté vers les développeurs frontendes qui contrôlent les sites pour les sélecteurs de répétition ou les propriétés dupliquées.

Le code source du plugin est disponible gratuitement sur GitHub où vous trouverez également toutes les dernières mises à jour .

30 Plus de sites Web pour télécharger des photos et des images libres de droits

30 Plus de sites Web pour télécharger des photos et des images libres de droits

Que ce soit pour votre site Web personnel ou juste un nouveau portrait que vous aimeriez accrocher quelque part dans votre chambre, les photos de stock sont essentielles pour vos besoins de conception . Les problèmes de droits d'auteur devenant pénibles, vous devrez envisager d'utiliser une image libre de droits pour le projet sur lequel vous travaillez, en partie pour le budget et en partie pour éviter que votre travail ne soit enfreint.Le

(Conseils techniques et de conception)

20 applications iPhone utiles pour les développeurs et les concepteurs

20 applications iPhone utiles pour les développeurs et les concepteurs

L'une des principales raisons pour lesquelles l'iPhone, en dehors de ses caractéristiques étonnantes et de son design esthétique, est devenu si populaire, est le grand nombre d'applications que le magasin iTunes a à offrir. Même pour les professionnels du Web tels que les concepteurs et les développeurs qui dépendent énormément des ordinateurs et des ordinateurs portables, il existe des tonnes d'applications intéressantes qui peuvent s'avérer utiles dans votre iPhone.Si vous av

(Conseils techniques et de conception)