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


Détecter Font Face facilement avec Fontface Ninja

Si vous tombez sur une police que vous souhaitez adopter pour votre propre usage, le moyen courant de trouver des informations sur cette police est d'utiliser l'option Inspecter l'élément du navigateur Chrome.

Fondamentalement, tandis que sur Chrome, nous mettons en évidence le texte et un clic droit pour sélectionner Inspecter élément . Nous pouvons alors voir tout le code CSS lié au texte en surbrillance.

Il y a un problème cependant. Comme vous pouvez le voir dans la deuxième image, le texte surligné est stylé avec de nombreux sélecteurs. Pour les vérifier tous un par un, cela prendra du temps.

Utilisation de Fontface Ninja pour détecter les polices

C'est là que Fontface Ninja entre en jeu. Il s'agit d'une extension de navigateur qui vous aide à identifier une police par son nom. Et tout ce que vous avez à faire est de survoler la police qui vous intéresse. En plus du nom de la police, Fontface Ninja vous donne également la taille et l' interligne .

Une autre caractéristique de Fontface Ninja que vous pourriez trouver utile est la possibilité de masquer les images et les publicités afin que vous puissiez vous concentrer sur les polices sans aucune interruption. Le plugin vous permet également d'essayer une police, et si vous l'aimez pour acheter ou télécharger la police.

Installation de Fontface Ninja

Vous pouvez télécharger Fontface Ninja à utiliser sur le navigateur de votre choix.

  • Chrome
  • Safari

Utilisation de Fontface Ninja

Une fois installée, une icône d'application d'un ninja sautant s'affichera près de la barre d'adresse du navigateur. Cliquez dessus pour l'activer. Maintenant, vous pouvez survoler n'importe quel texte sur une page Web pour obtenir une infobulle affichant des informations sur la police.

Pour essayer la police, cliquez dessus, et le logo de FontFace Ninja se déplacera vers la gauche, vous donnant l'espace pour taper dehors et pour essayer la police que vous avez choisie. Vous pouvez également ajuster la taille de la police.

Pour masquer toutes les images afin de vous concentrer uniquement sur la typographie, cliquez sur l'option Masque, qui se trouve à côté de Fermer . Tous detect-font-fontface-ninja / seront cachés à la vue.

Connexes - Live Test Fonts sur votre navigateur

Si vous aimez Fontface Ninja, vous aimerez probablement Font Dragr . Nous avons déjà écrit sur la façon dont il est un outil pratique pour aider les développeurs comme vous tester les polices en direct sur un navigateur en faisant glisser la police dans la page Web elle-même.

Découvrez plus sur la façon dont vous pouvez vivre tester les polices avec Font Dragr.

Concepts de développement Web Tous les concepteurs Web doivent comprendre

Concepts de développement Web Tous les concepteurs Web doivent comprendre

Il y a beaucoup à dire sur le fossé qui existe entre les concepteurs et les développeurs . Certes, il existe de nombreux hybrides concepteur / développeur qui peuvent comprendre les deux côtés de la médaille, mais ils sont rares et espacées.Les projets créatifs prospèrent grâce à une bonne communication . Cependant,

(Conseils techniques et de conception)

Animate.css - Bibliothèque CSS3 pour créer facilement une animation

Animate.css - Bibliothèque CSS3 pour créer facilement une animation

CSS s'est amélioré avec de nombreuses fonctionnalités qui rendent le développement web beaucoup plus intéressant et stimulant. L'une de ces fonctionnalités est les effets d'animation CSS3 . Avant CSS3, pour créer une animation, vous ne pouvez travailler qu'avec Javascript. Mais maintenant vous pouvez le créer facilement avec CSS3.Nous vo

(Conseils techniques et de conception)