hideout-lastation.com
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.
Freebie Release: Kit d'interface graphique Web (PSD)
Pour continuer nos remerciements reconnaissants à nos lecteurs et à la communauté en général, nous sommes heureux de publier un kit cadeau très utile - Web Graphical User Interface (GUI) . Ces éléments de GUI viennent dans des formes de vecteur en couches qui signifient que vous pouvez facilement redimensionner les éléments sans perte de qualité.Le kit gra
8 choses que vous ne saviez pas vous rendent moins productif
Le remède habituel pour relever les humeurs et augmenter la motivation et la productivité est de dormir suffisamment, de faire de l'exercice et de passer du temps avec ses proches. Cela nous aidera à prévenir les burn-out et ainsi nous pouvons suivre nos objectifs de vie. Mais il y a des détails cachés dans nos vies qui peuvent jouer des tours avec notre esprit à un niveau subconscient visant à amortir notre humeur pour être productif.Même ave
