Attention ! Ne cliquez pas sur ce lien, c'est un piège à enfoirés du net !

Chez oim, forum libreChez oim, forum libre

 


Pages: 1 [2] 3   En bas

Auteur Sujet: Où trouver des images vectorielles ?  (Lu 7550 fois)

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.067
  • Proprio officiel chez oim !
Où trouver des images vectorielles ?
« Réponse #14 le: jeudi 04 janvier 2018, 12:09 »
le: jeudi 04 janvier 2018, 12:09

Le vectoriel, c'est trop prise de tête. Je ne suis pas prêt de tout passer en vectoriel ici.

A chaque fois il faut sortir du CSS, mapper le truc en HTML, ça fait 3 millions de lignes de code pour une bête image.
C'est un coup à choper un mal de tête du tonnerre de dieu.
En plus, quand tu relis ton code, si tout est en vectoriel, tu ne sais plus quelle image est quoi. :kl:
Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Où trouver des images vectorielles ?
« Réponse #15 le: jeudi 04 janvier 2018, 12:22 »
le: jeudi 04 janvier 2018, 12:22

Tu n'as rien à mapper en html tu fais cela par classe c'est beaucoup plus simple et de plus tu as l'index qui correspond au vectoriel donc l'image et le code donc pas le moindre soucis.

C'est comme ci tu utilisais des images png avec un map de position pour les images comme smf le fait par exemples ce qui est un standard maintenant dans la version 2.1 on a plus des images séparées c'est une image en mode map et le tout par classe et ccs également.

:)
Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.067
  • Proprio officiel chez oim !
Où trouver des images vectorielles ?
« Réponse #16 le: jeudi 04 janvier 2018, 12:31 »
le: jeudi 04 janvier 2018, 12:31

Les sprites CSS, c'est différent. Mais ça c'est bien par contre.
Tu télécharges toutes tes images en une seule requête et elles sont découpées en CSS. Ca j'aime bien. :if:

Sinon, le vectoriel, moi ça me prend le choux. C'est pratique, d'accord, mais qu'est-ce que c'est chiant ! O0
Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Où trouver des images vectorielles ?
« Réponse #17 le: jeudi 04 janvier 2018, 13:14 »
le: jeudi 04 janvier 2018, 13:14

Tu connais des jeux de sprites du domaine public qui sont déjà mappés avec le css  ^-^  ^-^ ?
Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.067
  • Proprio officiel chez oim !
Où trouver des images vectorielles ?
« Réponse #18 le: jeudi 04 janvier 2018, 13:36 »
le: jeudi 04 janvier 2018, 13:36

C'est une bonne question, ça, merci de l'avoir posée. :D

J'ai jamais regardé. C'est vrai que ça pourrait être intéressant, parce-que les sprites CSS, c'est la grosse prise de tête pour créer ça.
Heureusement qu'il existe des outils pour faire ça. J'en connais un qui marche très bien : https://spritegen.website-performance.org/

Avec ça, pas besoin de chercher des trucs tous prêts. Tu places tes images et tu récupères le code. :if:
C'est d'ailleurs une de mes bonnes résolutions 2018. En utilisant des sprites CSS ici, ça fera économiser 17 requêtes par page ! :jw:
Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Où trouver des images vectorielles ?
« Réponse #19 le: jeudi 04 janvier 2018, 13:40 »
le: jeudi 04 janvier 2018, 13:40

Celui là je ne le connais pas j'utilise Compass SASS en ligne de commande :)

Je vais regarder cela pour voir si c'est plus simple :)

 :if:

Edit zut c'est en ligne pff... décidément....
Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.067
  • Proprio officiel chez oim !
Où trouver des images vectorielles ?
« Réponse #20 le: jeudi 04 janvier 2018, 13:44 »
le: jeudi 04 janvier 2018, 13:44

Regarde, tu vas voir, c'est hyper simple.
Tu glisses tes images et tu récupères la grosse image + son CSS. Ou alors tu peux tout mettre dans le CSS, même l'image de départ.

Si tu veux, j'ai le projet Github dans un coin, il faut que je le retrouve. Comme ça, tu l'aurais en local.
Sinon, copie le site. :gj:
Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Où trouver des images vectorielles ?
« Réponse #21 le: jeudi 04 janvier 2018, 13:49 »
le: jeudi 04 janvier 2018, 13:49

Oui en local ce serait pas mal :)

Copier le site lol ?

:)
Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.067
  • Proprio officiel chez oim !
Où trouver des images vectorielles ?
« Réponse #22 le: jeudi 04 janvier 2018, 13:56 »
le: jeudi 04 janvier 2018, 13:56

Copier le site lol ?

Ben oui, c'est juste une page. Tout est fait avec du JS. :iq:
Bon, c'est pas très poli, mais au moins après tu as la page en local.

La dernière fois que je l'ai fait, c'était une page pour tester des REGEX. Maintenant, je l'ai en local, je suis tranquille. :)
Mais je suis un vilain, c'est pas bien. :je:


EDIT
J'ai retrouvé le projet Github, tu vas pouvoir l'installer en local ! :gq:
https://draeton.github.io/stitches/ :)


RE-EDIT
C'est la page du truc en ligne que je t'ai donné. :je:
Voilà le projet Github : https://github.com/draeton/stitches
Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Où trouver des images vectorielles ?
« Réponse #23 le: jeudi 04 janvier 2018, 14:08 »
le: jeudi 04 janvier 2018, 14:08

Ok merci je vais tester :)

Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.067
  • Proprio officiel chez oim !
Où trouver des images vectorielles ?
« Réponse #24 le: jeudi 04 janvier 2018, 14:21 »
le: jeudi 04 janvier 2018, 14:21

Je viens juste de le mettre dans mes dossiers Apache.
Ca marche bien. :)

Quand tu as dézippé le truc, il faut dans /stitches*/src/index.html
J'ai mis un "*" parce-que je ne sais pas quelle version tu vas charger, ou même peut-être directement le projet master.
Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Où trouver des images vectorielles ?
« Réponse #25 le: jeudi 04 janvier 2018, 15:59 »
le: jeudi 04 janvier 2018, 15:59

J'ai pris les deux pour voir si il y a une différence :)

Cela à l'air de fonctionner.

Merci :)
Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.067
  • Proprio officiel chez oim !
Où trouver des images vectorielles ?
« Réponse #26 le: jeudi 04 janvier 2018, 16:04 »
le: jeudi 04 janvier 2018, 16:04

De mon côté, je me suis décidé aussi, ça y est. Je passe les images en sprites CSS.
J'ai déjà fait la barre de boutons sociaux et les images des news.

Ca fait déjà économiser 7 requêtes par page ! :)
Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Où trouver des images vectorielles ?
« Réponse #27 le: jeudi 04 janvier 2018, 16:18 »
le: jeudi 04 janvier 2018, 16:18

Oui enfin moi je trouve cela plus pratique que ce soit en sprites ou vectoriels et cela va aussi vite à mettre en place.

Ici le codage est quasi identique au vectoriel à part les déclarations de librairies.

:)
Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.067
  • Proprio officiel chez oim !
Où trouver des images vectorielles ?
« Réponse #28 le: jeudi 04 janvier 2018, 16:25 »
le: jeudi 04 janvier 2018, 16:25

Ah non, le sprite CSS est beaucoup plus simple à mettre en place.
C'est juste une image et du CSS.

Si il fallait passer les images en vectoriel, je me serais abstenu ! :kd:
Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.067
  • Proprio officiel chez oim !
Où trouver des images vectorielles ?
« Réponse #29 le: jeudi 04 janvier 2018, 17:26 »
le: jeudi 04 janvier 2018, 17:26

Mine de rien, il marche bien ce petit script. Très efficace ! :if:
Signaler au modérateur   IP archivée
Pages: 1 [2] 3   En haut
 

Page générée en 0.122 secondes avec 20 requêtes.