Afficher les éléments par tag : caractères

Adaption automatique des tailles de polices de caractères - FlowType.JS

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Mon, 26 Aug 2013 14:26:08 +0000

Pour donner un affichage de qualité, le nombre de caractères dans une ligne est important et il est difficile d'automatiser cela en utilisant des requêtes basé avec CSS.

FlowType.JS est un plugin jQuery qui peut redimensionner automaitquement la taille de la police et la hauteur de ligne (en fonction de la largeur de l'élément encadrant le texte) de sorte que le contenu est affiché comme attendu.

Le plugin a également des options pour limiter la taille minimum/maximum de police et la largeur minimum/maximum que le redimensionnement peut atteindre.

Il fonctionne aussi très bien en utilisant les polices WebFonts et une belle démonstration montre comment il fonctionne (il suffit de redimensionner le navigateur de la page de démonstration).

Adaption
automatique
tailles
polices
caractères
FlowTypeJS
webDesign
site
web
javascript

Manipulez les chaines de caractères avec aisance avec la bibliothèque javascript string.js

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Tue, 20 Mar 2012 16:39:54 +0000

Il est surprenant de découvrir que JavaScript ne dispose pas de fonctions qui sont régulièrement nécessaires dans la plupart de ses utilisations.

Pensez à "boucler une chaîne", "si une variable contient des caractères donnés" ou "lettres majuscules".

Sauf si vous utilisez un framework JavaScript, avec lesquels il faudra disposer de fonctions personnalisées.

String.js est une bibliothèque JavaScript qui permet d'avoir beaucoup de fonctions supplémentaires manipulant les chaines de caratères et d'une taille réduite ( moins de 2kb au format compressé gzip).

Cette bibliothèque ne dépend pas d'autres bibliothèque et possède une syntaxe proche de jQuery et supporte la manipulation de chaines de caractères.

Il y a plus de 25 fonctions. où chacune d'entre elles peut avoir une utilisation dans des projets JavaScript lourds. Si simple et pourtant indispensable.

avec
webdesing
Bibliothèque
javascript
Manipulez
chaines
caractères
aisance
stringjs

Les meilleures polices de caractères de 2013

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Thu, 16 Jan 2014 11:35:01 +0000

Pour les développeurs ou les designers de sites web, ils n'ont jamais assez de polices de caractères.

Voici la liste des polices de caractères les plus téléchargés au cours de l'année 2013.

Chacune d'entre elles a des caractèristiques interessantes.

C'est pourquoi, il n'est pas suffisant de garde uniquement les plus téléchargés l'année dernière.

meilleures
polices
caractères
2013
webDesign
site
web

Police de caractères fait d'icônes pour les applications ou les sites web - Ligature Symboles

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Thu, 11 Oct 2012 06:05:55 +0000

Voici une police de caractères toute fraiche et très utile qui peut facilement s'adapter à tous les sites Web et les applications: Symboles ligatures.

Cette police d'icônes gratuite se compose de plus de 200 lettres avec des objets tels que des actions, des smileys et plus. En outre, un grand nombre d'icônes de réseaux sociaux sont incluses.

Le fichier de téléchargement dispose de plusieurs formats différents (SVG, EOT, TTF, WOFF) nécessaires pour accepter par la pluspart des navigateurs. En bonus, les styles indispensables pour l'utiliser sont inclus.

police
caractères
fait
îcones
pour
applications
sites
web
Ligature Symboles
webDesign
svg
eot
ttf
woff

Plus de 20 Polices de caractères gratuites pour usage commercial

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Wed, 14 Nov 2012 16:42:08 +0000

La typographie et les polices de caractères jouent un rôle majeur dans la conception de sites Web. les polices de caractères vous permettent de mettre en évidence quelques éléments sur un site Web et d'attirer l'attention des visiteurs sur un point particulier ou au contraire à le détourner. C'est toujours fastidieur de trouver une bonne police qui correspond parfaitement à votre projet de site web.

Bien sûr, il y a énormément de polices de caractères gratuites sur le web. Mais vous devez être prudent et attentif lors du choix. Si votre projet a destination commerciale, vous devez utiliser des polices libres, et non à destination d'usage personnel. Cela peut causer des problèmes si l'auteur de la police manifeste son profond désaccord. Aujourd'hui, nous sommes heureux de partager avec vous une collection de polices de caractère libres pour l'usage commercial qui ont été soigneusement selectionnée selon leur licence. Vous pouvez facilement les utiliser pour n'importe quel produit Web que vous allez commercialisé. Profitez de cette belle collection.

1. Museo Slab

2. Qarmic Sans

3. Shardee

4. Print Clearly

5. Oswald

6. Kingthings Wrote

7. Arizonia

8. Andika Basic

9. Enigmatic

10. Goudy Bookletter 1911

11. Mountains of Christmas

12. Capsuula

13. Spin Cycle

14. Six Caps

15. Cartoonist Hand

16. Garton

17. Anivers

18. Crimson

19. Idolwild

20. Salaryman

21. Kingthings Foundation

22. Delicious

et bon téléchargement !!!

plus
20
polices
caractères
gratuites
pour
usage
Commercial
webDesign
site
web
libre

Site de test de polices en temps réel - TypeWonder

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Thu, 08 Aug 2013 04:06:01 +0000

Une modification de la typographie dans les projets de conception peut changer rapidement le look et l'impression de celui-ci.

TypeWonder est une application web à utiliser librement qui vous propose de tester un site Web avec des polices différentes en temps réel.

Il suffit d'indiquer l'URL du site Web, de sélectionner la police à partir d'une liste de polices libres (actuellement, seules les polices Google) et le site est présenté avec la nouvelle police.

Il est également possible de naviguer sur le site avec la nouvelle police.

Il serait peut être interessant de pouvoir définir différentes polices selon les éléments ou les classes.

site
test
polices
temps
réel
TypeWonder
webDesign
caractères
google
Free
Font

Une extension qui permet de trouver le nom d'une police de caractères - fontFace Ninja

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Mon, 11 Aug 2014 05:08:28 +0000

Avec le nombres de polices de caratcères disponibles sur la toile, il n'est pas évident de les reconnaitre toutes et même s'il existe des outils en ligne, la recherche du nom peut être longue, fastidieuse et approximative.

Voici l'outil dont vous ne pourrez plus vous passez : Fontface Ninja.

Il s'agit d'une extension (pour Chrome ou Safari) gratuite qui permet de vous indiquer le nom de la police de caractère, sa taille et même de l'essayer tout en surfant sur le web.

Il est également possible de la télécharger directement sans quitter la page...

Extension
permet
trouver
nom
police
caractères
fontFace
ninja
webDesign
gratuit
site
web

Ecrire un Script JavaScript avec 6 caractères - JSFuck

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Fri, 04 Dec 2015 06:16:09 +0000

JSFuck est un langage ésotérique et éducatif de programmation basée sur les parties atomiques de JavaScript.

Il permet d'écrire et d'executer du code composé de seulement 6 caractères : ! [] () +

Comme ce langage ne dépend pas d'un navigateur, vous pouvez donc même l'exécuter sur Node.js.

Enfin, comme il est distribué sous licence publique rien à branler, vous pouvez l'utiliser pour vos projets personnels comme professionnels, l'adapter à vos besoins et éventuellement participer à son développement.

webDesign
écrire
script
javascript
avec
caractères
JSFuck
site
web
licence
rien à branler
gratuit
open
source

Une liste complète de police de caractère Web - CSS Font Stacks

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Mon, 27 Aug 2012 05:35:12 +0000

Aujourd'hui, de nombreux sites Web utilisent des polices de caractères Web avec l'élement @font-face pour un design plus personnalisé. Cependant, l'offre est tellement étendue, que beaucoup préfèrent les limiter ou ne pas les utiliser pour être sur que leur création pourront s'adapter sur la plupart des navigateur.

CSSFontStack est un site web simple fait d'une seule page qui répertorie toutes les polices web.

Le site permet également de copier la propriété de police de caractère CSS pour chaque police d'un simple clic et vous n'avez plus qu'à le coller...

liste
complète
police
caractères
web
CSS Font Stacks
css
Font
webDesign

Polices de caractères pour rendre vos codes sources plus beaux - codeface

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Wed, 17 Jun 2015 06:11:37 +0000

Codeface est une galerie de polices de caractères à espacement fixe pour les developpeurs.

Il vous sera possible de trouver et de télécharger la pluspart des polices affichées dans ce projet.

Vous pourrez ainsi choisir la police qui vous plaît le plus afin de mieux travailler.

Enfin, il est conseillé de proposer les polices que vous utilisez, et si elles répondent aux critères de l'auteur, elle sera également affichée.

webDesign
polices
caractères
pour
rendre
vos
codes
sources
plus
beau
codeface
design
Free
libre
gratuit