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.

Comment utiliser Dashicons dans WordPress Thème ou Plugin

Comment utiliser Dashicons dans WordPress Thème ou Plugin

Avec le WP-Admin remanié, WordPress 3.8 a également apporté un ensemble de toutes nouvelles icônes appelées Dashicons. Dashicons est une icône de police conçue par Mel Choyce qui a été créée principalement pour accueillir la nouvelle interface utilisateur WP-Admin, de l'éditeur d'écran de contenu au menu Administration, comme vous pouvez le voir dans la capture d'écran ci-dessous.Comme WordPre

(Conseils techniques et de conception)

Les concepteurs devraient-ils être obligés d'expliquer leur processus?

Les concepteurs devraient-ils être obligés d'expliquer leur processus?

Si vous êtes un designer freelance, vous devez rencontrer le «designer designer» au moins une fois dans votre carrière. Vous connaissez le genre - la personne qui a toujours une opinion (ou 50) sur la façon dont vous devriez faire votre travail .Les clients aiment mettre leur nez dans le processus de conception, qu'ils le fassent ou non. Pou

(Conseils techniques et de conception)