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


Cette galerie d'icônes CSS Pure est ce que tous les développeurs Frontend veulent

Le designer Adobe Wenting Zhang a créé une application Web intéressante pour générer des icônes CSS pures . Il est simplement nommé "CSS Icon" et il peut être l'un des générateurs d'icônes les plus cool pour les développeurs frontend.

Ce projet est entièrement gratuit et ouvert sur GitHub, vous pouvez donc télécharger et manipuler n'importe lequel des codes.

Ces icônes n'ont aucune dépendance CSS ou nécessitent des fonctionnalités de navigateur spéciales. À première vue, il peut sembler que les icônes sont construites sur des SVG mais elles ne sont en fait que des divs .

Grâce à la magie de CSS, vous pouvez créer des icônes de ligne personnalisées pour des éléments d'interface communs tels que le menu hamburger, l'icône à trois points ou l'icône d'impression (parmi beaucoup d'autres).

Vous pouvez choisir entre des icônes de ligne fine ou des icônes remplies de noir . Ils utilisent tous les deux des propriétés CSS similaires et vous pouvez même voir ce qu'ils sont en cliquant sur n'importe quelle icône de la liste. Vous verrez une barre latérale coulissante avec le code HTML et CSS avec l'icône agrandie.

Si vous regardez vers le coin supérieur droit des champs de code, vous verrez une petite icône de copie . Cliquez dessus pour copier automatiquement le code dans votre presse-papiers. Oh, et cette icône de copie? Également construit avec le code CSS pur de Wenting.

Pour changer la couleur de n'importe quelle icône, trouvez simplement la propriété color dans la classe d'icônes principale. La mise à jour de cette propriété d'une color va également changer tout le reste.

Étant donné que ces icônes sont assez simples, elles ne fonctionneront probablement pas pour tous les sites Web. Mais c'est une bonne alternative aux images ou polices d'icônes et c'est complètement gratuit .

Consultez la page d'accueil de l'icône CSS pour voir plus d'exemples et pour copier / modifier la source . Vous pouvez également tester chaque icône séparément dans CodePen si vous voulez jouer avec la source dans votre navigateur.

50 cool street art et peintures murales autour du monde

50 cool street art et peintures murales autour du monde

La créativité peut s'exprimer de différentes manières, et l'art de rue est l' une des formes les plus puissantes de l'art public . Cependant, de nos jours, les artistes de rue travaillent dans certaines formes d'art non conventionnelles, en expérimentant avec la perspective et l'imagination humaine, en créant les magnifiques peintures murales en 3D .Les p

(Conseils techniques et de conception)

40 modules complémentaires Firefox pour une meilleure productivité

40 modules complémentaires Firefox pour une meilleure productivité

Quiconque utilise Internet passe beaucoup de temps à naviguer sur le Web. Cependant, les gens apprécient toujours s'ils peuvent gagner du temps au cours de leur expérience . Donc, si Firefox est votre navigateur favori et que vous voulez gagner du temps tout en l'utilisant, alors vous avez accès à une pléthore d'add-ons pour personnaliser votre expérience de navigation.Dans c

(Conseils techniques et de conception)