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.

Cette application réveil vous forcer à rester éveillé

Cette application réveil vous forcer à rester éveillé

Faire la sieste du réveil est quelque chose que tout le monde fait car il vous permet d'attraper un peu plus de sommeil. Cependant, les snoozers chroniques ont tendance à rendre le but du réveil obsolète.Si vous, comme moi, avez besoin d'un réveil qui vous réveille de manière créative et qui est en quelque sorte «heavy duty» dans sa fonction, alors vous voudrez peut-être vérifier une application de réveil appelé I Can not Wake Up . À première v

(Conseils techniques et de conception)

5 guerres de campagne publicitaires massives entre les marques rivales

5 guerres de campagne publicitaires massives entre les marques rivales

Aussi longtemps que nous pouvons nous en souvenir, les marques rivales se sont affrontées à travers un large éventail de supports publicitaires - des affiches et des publicités sur les panneaux publicitaires aux vidéos et aux courriels. Mais au moment où nous pensons qu'il n'y aura personne pour apporter quelque chose de nouveau à la table, certaines marques ont décidé d'intensifier leur jeu et d'utiliser des stratégies de publicité comparative pour se moquer ouvertement de leurs rivaux en créant des publicités parodiques.Les stratégi

(Conseils techniques et de conception)