Discussion:
recherche glyph UTF-8 fullscreen up et down
(trop ancien pour répondre)
Une Bévue
2016-10-30 18:12:37 UTC
Permalink
Raw Message
je recherche un glyph UTF-8bqui me permettrait de me passer d'images
(svg, png ou autre) pouvant représenter fullscreen up et down :
- soit quatre coins d'un carré (up), quatre angle tournés vers
l'intérieur (down)
- soit quatre fléches orientées vers les quatre coins d'un carré (up),
quatre fléches orientées vers le centre d'un carré (down).

mais peut-être que ça n'existe pas ?
Eric Demeester
2016-10-30 18:24:00 UTC
Permalink
Raw Message
Bonjour,

Une Bévue (Sun, 30 Oct 2016 19:12:37 +0100 -
Post by Une Bévue
je recherche un glyph UTF-8bqui me permettrait de me passer d'images
Je ne sais pas si tu y trouveras ton bonheur, mais si tu ne connais pas,
tu devrais regarder du côté de Font Awesome :
http://fontawesome.io/

qui propose 675 icones vectorielles dans une police de caractères
unicode, personnalisables avec des styles CSS, la liste est ici :
http://fontawesome.io/icons/
Une Bévue
2016-10-31 08:32:53 UTC
Permalink
Raw Message
Post by Eric Demeester
Je ne sais pas si tu y trouveras ton bonheur, mais si tu ne connais pas,
http://fontawesome.io/
qui propose 675 icones vectorielles dans une police de caractères
http://fontawesome.io/icons/
OK, merci beaucoup, je vais regarder ça derechef !
Eric Demeester
2016-10-31 09:42:09 UTC
Permalink
Raw Message
Bonjour,

Une Bévue (Mon, 31 Oct 2016 09:32:53 +0100 -
Post by Une Bévue
Post by Eric Demeester
http://fontawesome.io/
OK, merci beaucoup, je vais regarder ça derechef !
Personnellement, j'ai suivi leur conseil et imprimé un PDF de cette
page :
http://fontawesome.io/cheatsheet/

Ça permet de consulter confortablement la liste des pictogrammes
disponibles, de faire des recherches par mots-clé (en anglais), etc.
Quand je développe un site dans lequel j'utilise cette police, j'ai
toujours le PDF ouvert dans un coin.
Une Bévue
2016-10-31 13:36:45 UTC
Permalink
Raw Message
Post by Eric Demeester
Personnellement, j'ai suivi leur conseil et imprimé un PDF de cette
http://fontawesome.io/cheatsheet/
Ça permet de consulter confortablement la liste des pictogrammes
disponibles, de faire des recherches par mots-clé (en anglais), etc.
Quand je développe un site dans lequel j'utilise cette police, j'ai
toujours le PDF ouvert dans un coin.
ok, merci, bon tuyau
Une Bévue
2016-10-31 13:53:09 UTC
Permalink
Raw Message
Post by Eric Demeester
Je ne sais pas si tu y trouveras ton bonheur
celles qui conviennent "à peu près" sont :
expand et compress (dans Video Player Icons)

j'aurais préféré arrows-alt et son "inverse" càd les flèches oreintées
vers le centre...

mais bon.
Eric Demeester
2016-10-31 17:29:16 UTC
Permalink
Raw Message
Bonsoir,

Une Bévue (Mon, 31 Oct 2016 14:53:09 +0100 -
Post by Une Bévue
j'aurais préféré arrows-alt et son "inverse" càd les flèches oreintées
vers le centre...
On peut demander de nouvelles icones à l'équipe de développement, après,
je ne sais pas s'ils sont réactifs, à l'écoute, etc.

Sinon, il y a une alternative si tu as déjà trouvé des pictogrammes te
convenant, c'est de les encoder directement dans les css sous la forme
de « data URIs » de la forme, par exemple :
url("data:image/gif;base64,...bla...")

Explications ici :
https://css-tricks.com/data-uris/ (en anglais)
http://www.alsacreations.com/article/lire/1439-data-uri-schema.html

Convertisseur en ligne là :
https://websemantics.uk/tools/image-to-data-uri-converter/
Une Bévue
2016-10-31 17:41:54 UTC
Permalink
Raw Message
Post by Eric Demeester
On peut demander de nouvelles icones à l'équipe de développement, après,
je ne sais pas s'ils sont réactifs, à l'écoute, etc.
Sinon, il y a une alternative si tu as déjà trouvé des pictogrammes te
convenant, c'est de les encoder directement dans les css sous la forme
url("data:image/gif;base64,...bla...")
https://css-tricks.com/data-uris/ (en anglais)
http://www.alsacreations.com/article/lire/1439-data-uri-schema.html
https://websemantics.uk/tools/image-to-data-uri-converter/
Super, merci pour l'info !

En fait IonIcons <http://ionicons.com/> me convient mieux que Font
Awesome mais je garde les « data URIs » ça pourrait m'être utile.
Eric Demeester
2016-11-01 08:40:57 UTC
Permalink
Raw Message
Bonjour,

Une Bévue (Mon, 31 Oct 2016 18:41:54 +0100 -
Post by Une Bévue
En fait IonIcons <http://ionicons.com/> me convient mieux que Font
Awesome mais je garde les « data URIs » ça pourrait m'être utile.
À mon tour de te remercier, ce jeu d'icones est intéressant, et m'a
permis de découvrir l'existence du kit de développement Ionic
Framework :
http://ionicframework.com/

Personnellement, après avoir fait quelques recherches, j'ai adopté Pure
Css comme base pour la construction de sites « responsive », parce que
c'est à la fois léger, simple d'utilisation et puissant :
http://purecss.io/

C'est par leur intermédiaire que j'ai découvert Font Awesome.
Une Bévue
2016-11-11 15:50:06 UTC
Permalink
Raw Message
Post by Eric Demeester
À mon tour de te remercier, ce jeu d'icones est intéressant, et m'a
permis de découvrir l'existence du kit de développement Ionic
http://ionicframework.com/
Personnellement, après avoir fait quelques recherches, j'ai adopté Pure
Css comme base pour la construction de sites « responsive », parce que
http://purecss.io/
je vais regarder pureCSS, je dois faire le ménage dans mes CSS...
j'empile tout au fur et à mesure et c'est le bronx !
Eric Demeester
2016-11-12 12:11:46 UTC
Permalink
Raw Message
Bonjour,

Une Bévue (Fri, 11 Nov 2016 16:50:06 +0100 -
Post by Une Bévue
je vais regarder pureCSS, je dois faire le ménage dans mes CSS...
j'empile tout au fur et à mesure et c'est le bronx !
Je faisais pareil, et au fil du temps c'est devenu à peu près
ingérable :)

Maintenant que j'ai jeté mon dévolu sur Pure Css et Font Awesome,
j'inclus systématiquement la police et les feuilles css associées dans
mes projets, puis pour chaque projet, je crée une feuille spécifique
projet.css, pour surcharger les précédentes et ajouter ce qui me manque.

En utilisant les versions « minifiées » en production, ça consomme très
peu de ressources, j'ai un environnement beaucoup plus cohérent et
facile à maintenir.

Il faut juste penser à déclarer les feuilles de style dans le bon ordre,
les « standard » en premier, la feuille spécifique associée au projet en
dernier, pour que les surcharges soient correctement prises en compte.
Une Bévue
2016-11-12 16:23:25 UTC
Permalink
Raw Message
Post by Eric Demeester
Je faisais pareil, et au fil du temps c'est devenu à peu près
ingérable :)
Maintenant que j'ai jeté mon dévolu sur Pure Css et Font Awesome,
j'inclus systématiquement la police et les feuilles css associées dans
mes projets, puis pour chaque projet, je crée une feuille spécifique
projet.css, pour surcharger les précédentes et ajouter ce qui me manque.
En utilisant les versions « minifiées » en production, ça consomme très
peu de ressources, j'ai un environnement beaucoup plus cohérent et
facile à maintenir.
Il faut juste penser à déclarer les feuilles de style dans le bon ordre,
les « standard » en premier, la feuille spécifique associée au projet en
dernier, pour que les surcharges soient correctement prises en compte.
Pour l'instant je ne suis pas convaincu par pureCSS.

M'enfin ça dépend des applis aussi.
SAM
2016-11-12 19:35:50 UTC
Permalink
Raw Message
Post by Eric Demeester
Bonjour,
Une Bévue (Fri, 11 Nov 2016 16:50:06 +0100 -
Post by Une Bévue
je vais regarder pureCSS, je dois faire le ménage dans mes CSS...
j'empile tout au fur et à mesure et c'est le bronx !
Je faisais pareil, et au fil du temps c'est devenu à peu près
ingérable :)
Maintenant que j'ai jeté mon dévolu sur Pure Css et Font Awesome,
j'inclus systématiquement la police et les feuilles css associées dans
mes projets, puis pour chaque projet, je crée une feuille spécifique
projet.css, pour surcharger les précédentes et ajouter ce qui me manque.
En utilisant les versions « minifiées » en production, ça consomme très
peu de ressources, j'ai un environnement beaucoup plus cohérent et
facile à maintenir.
Il faut juste penser à déclarer les feuilles de style dans le bon ordre,
les « standard » en premier, la feuille spécifique associée au projet en
dernier, pour que les surcharges soient correctement prises en compte.
'tain !
j’espère que tout ce fatras n'est pas pour distribuer à travers le ouaib !
d'ousque certains n'ont pas encore l'ADSL par la fibre et possiblement
que des tablettes avec 512Mo de RAM !!! si t'en plus ils sont en 3G !!!


La page des icones http://fontawesome.io/cheatsheet/
Poids Poids non compressé
8 Documents 307 Ko 451 Ko
16 Images 99 Ko 99 Ko
0 Objects
29 Scripts 947 Ko 1093 Ko
6 Feuilles de style 469 Ko 469 Ko
ben alonzy alonzo !
les css chargées on a encore rien ! :-(
59 Fichiers 1822 Ko 2111 Ko

AAAaaaRRRRrrrGGGgggHHHHhhh 2Mo !!!! et à peine moins en compressé :-(

et toutes les pages du site sont à l'avenant !
http://fontawesome.io/examples/
Poids Poids non compressé
8 Documents 145 Ko 288 Ko
16 Images 440 Ko 440 Ko
0 Objects
29 Scripts 1034 Ko 1091 Ko
6 Feuilles de style 469 Ko 469 Ko
59 Fichiers 2089 Ko 2288 Ko

et sans être assuré que les scripts ou les FdS soient les mêmes d'une
page à l'autre...
Bon ... peut-être le 1/2Mo de CSS est le même

et on ne sait pas ce qu'embarquent les 8 documents qui sont des pages
html embedded en frames dont certaines contenant des vidéos :-(


Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Loading...