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.

Comment tester la navigation Web avec le tri des cartes et les tests d'arborescence

Comment tester la navigation Web avec le tri des cartes et les tests d'arborescence

Sites Web, applications, logiciels, tout produit avec un menu a besoin d'un moyen de se déplacer. Si votre navigation peut être amusante, créative ou parfois peu orthodoxe, elle doit toujours être fonctionnelle en premier. Lorsque vous discutez des tests d'utilisabilité pour l'architecture de l'information, vous entendrez souvent parler des deux tests les plus efficaces: le tri des cartes et le test des arbres.Les

(Conseils techniques et de conception)

40 choses que vous ne saviez pas ont des noms

40 choses que vous ne saviez pas ont des noms

Saviez-vous que le symbole «sommeil 8» que vous connaissez comme symbole de l'infini est un lemniscate? Ce n'est pas une information importante, mais pour moi, il est intéressant de savoir que les mathématiciens se donnent la peine de donner un nom à ces symboles.Et pourquoi pas eux? Les noms sont importants - ils nous font gagner beaucoup de temps.Dans

(Conseils techniques et de conception)