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


IcoFont vous donne plus de 2100 icônes gratuites dans un seul fichier de police

Avec l'essor des polices Web et des polices CSS incorporables, il est aujourd'hui beaucoup plus facile de créer des sites Web véritablement uniques.

La dernière tendance est les polices d'icônes qui sont généralement plus petites que les images, beaucoup plus faciles à mettre à l'échelle, et elles sont limpides sur toutes les tailles d'écran (y compris la rétine). Vous pouvez trouver beaucoup de ces polices d'icônes en ligne, mais IcoFont prend vraiment le gâteau.

Cette fonte d'icône gratuite comporte plus de 2 100 icônes, toutes regroupées dans un seul fichier de police .

Vous pouvez télécharger la source brute avec toutes les icônes ou uniquement certaines icônes "familles" telles que l'interface utilisateur de devise, d'entreprise, sociale ou mobile (parmi beaucoup d'autres).

Le site Web agit comme une documentation en ligne pour toutes ces icônes, de sorte que vous pouvez copier / coller les codes sur votre site rapidement. Les icones IcoFont fonctionnent un peu comme les icônes FontAwesome qui, par exemple, sont utilisées par défaut dans le framework Bootstrap.

Tout fonctionne à travers l' élément qui nécessite deux classes CSS :

  1. la classe IcoFont par défaut
  2. une classe pour chaque type d'icône

Par exemple, pour ajouter une icône de château à votre document, vous ajouteriez quelque chose comme ceci à votre mise en page:

Vous pouvez techniquement ajouter ces icônes à n'importe quel élément que vous aimez mais le code par défaut d'IcoFont repose sur des éléments.

Notez que cette bibliothèque ne doit pas être confondue avec un programme appelé Icofont qui n'est pas du tout une bibliothèque mais une interface pour gérer les polices d'icônes dans vos applications RoR. Depuis que ce programme a le même nom que la bibliothèque IcoFont, il peut être difficile de googler pour plus d'informations.

Cette bibliothèque est encore très récente et je ne la trouve pas sur GitHub ni ailleurs sur le web. Mais, si vous cherchez plus d'informations, je vous encourage fortement à visiter le site et à télécharger une copie. Vous trouverez tout le bon code source ici et vous pouvez même parcourir toutes les icônes par catégorie pour voir ce qu'il y a dans l'ensemble.

Créer un chargeur animé Favicon avec JavaScript

Créer un chargeur animé Favicon avec JavaScript

Les favicons sont une partie cruciale de l'image de marque en ligne, ils donnent un signal visuel aux utilisateurs, et les aident à distinguer votre site des autres. Bien que la plupart des favicons soient statiques, il est également possible de créer des favicons animés .Un favicon constamment en mouvement est certainement ennuyeux pour la plupart des utilisateurs, et nuit également à l'accessibilité, mais quand il est seulement animé pendant une courte période en réponse à une action de l'utilisateur ou à un événement de fond, il peut fournir des informations visuelles supplémenta

(Conseils techniques et de conception)

Éditeurs de code gratuit pour Android - Best Of

Éditeurs de code gratuit pour Android - Best Of

La programmation peut être amusante lorsqu'elle est faite avec les bons outils - des outils de développement qui vous permettent d'écrire et de tester le code source sans importuner. Le codage sur l'ordinateur est sûrement plus agréable, mais il ne peut pas être plus pratique de voir ou d'éditer le code source de n'importe où. C'

(Conseils techniques et de conception)