Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

recherche glyph UTF-8 fullscreen up et down

12 réponses
Avatar
Une Bévue
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 ?

10 réponses

1 2
Avatar
Eric Demeester
Bonjour,
Une Bévue (Sun, 30 Oct 2016 19:12:37 +0100 -
fr.comp.infosystemes.www.auteurs) :
je recherche un glyph UTF-8bqui me permettrait de me passer d'images
(svg, png ou autre) pouvant représenter fullscreen up et down :

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/
Avatar
Une Bévue
Le 30/10/2016 19:24, Eric Demeester a écrit :
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/

OK, merci beaucoup, je vais regarder ça derechef !
Avatar
Eric Demeester
Bonjour,
Une Bévue (Mon, 31 Oct 2016 09:32:53 +0100 -
fr.comp.infosystemes.www.auteurs) :
Le 30/10/2016 19:24, Eric Demeester a écrit :
tu devrais regarder du côté de Font Awesome :
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.
Avatar
Une Bévue
Le 31/10/2016 10:42, Eric Demeester a écrit :
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.

ok, merci, bon tuyau
Avatar
Une Bévue
Le 30/10/2016 19:24, Eric Demeester a écrit :
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.
Avatar
Eric Demeester
Bonsoir,
Une Bévue (Mon, 31 Oct 2016 14:53:09 +0100 -
fr.comp.infosystemes.www.auteurs) :
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/
Avatar
Une Bévue
Le 31/10/2016 à 18:29, Eric Demeester a écrit :
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/

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.
Avatar
Eric Demeester
Bonjour,
Une Bévue (Mon, 31 Oct 2016 18:41:54 +0100 -
fr.comp.infosystemes.www.auteurs) :
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.
Avatar
Une Bévue
Le 01/11/2016 à 09:40, Eric Demeester a écrit :
À 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/

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 !
Avatar
Eric Demeester
Bonjour,
Une Bévue (Fri, 11 Nov 2016 16:50:06 +0100 -
fr.comp.infosystemes.www.auteurs) :
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.
1 2