recherche glyph UTF-8 fullscreen up et down

Le
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 ?
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses Page 1 / 2
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
Eric Demeester
Le #26414724
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/
Une Bévue
Le #26414765
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 !
Eric Demeester
Le #26414773
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.
Une Bévue
Le #26414802
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
Une Bévue
Le #26414804
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.
Eric Demeester
Le #26414812
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/
Une Bévue
Le #26414814
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 Awesome mais je garde les « data URIs » ça pourrait m'être utile.
Eric Demeester
Le #26414874
Bonjour,
Une Bévue (Mon, 31 Oct 2016 18:41:54 +0100 -
fr.comp.infosystemes.www.auteurs) :
En fait IonIcons 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
Le #26416694
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 !
Eric Demeester
Le #26416813
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.
Publicité
Poster une réponse
Anonyme