|
Auteur | Sujet : blabla@web |
---|
LeRiton | Reprise du message précédent :
|
Publicité | Posté le 10-11-2017 à 09:42:32 |
masklinn í dag viðrar vel til loftárása | Vous avez un moyen d'utiliser des sprites CSS dans un contexte où les éléments sont de taille variable (responsive)? Avec des images c'est trivial (suffit de donner la bonne taille et le navigateur va retailler), avec un background par élément aussi (background-size: contain => l'image est zoomée de manière à tenir dans le conteneur sans cropping ou stretching), mais avec un gros sprite pour tous les éléments je vois pas trop comment faire en CSS pur si les tailles sont pas absolues (genre max-width: 20vw) Message cité 2 fois Message édité par masklinn le 16-11-2017 à 09:43:52 --------------- Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody |
gatsu35 Blablaté par Harko |
Pourquoi tu ne reste pas au format standard : N images et utilise du http2.0 ? Je t'ai préparé un playground : L'image fait : 4096x2048 Pour calculer le padding-bottom utilisé pour la partie responsive j'ai fait : 100*(hauteurSprite/largeurSprite) => 56,54% Pour le background-position la formule est : et Idem pour la hauteur En gros en faisant des sprites responsive tu t'engages dans un terrain miné Message cité 1 fois Message édité par gatsu35 le 16-11-2017 à 11:30:58 |
skylight Made in France. | object-fit ? |
masklinn í dag viðrar vel til loftárása |
--------------- Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody |
gatsu35 Blablaté par Harko |
|
masklinn í dag viðrar vel til loftárása |
Message édité par masklinn le 16-11-2017 à 11:28:29 --------------- Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody |
gatsu35 Blablaté par Harko | En fait avec ce site tu peux générer tes sprites http://responsive-css.spritegen.com/ Edit j'ai finalement trouvé le calcul : Mais le bordel Message édité par gatsu35 le 16-11-2017 à 14:54:36 |
ratibus |
|
Publicité | Posté le 16-11-2017 à 16:25:41 |
ben547 |
iguana7 Life is a Game ! | Drap --------------- Gt : Iguana7918 | PSn : IguaSev9n | Steam : Iguana7 |
Ydalb In Crêpes n' Cidre I Trust! | Des gens ici ont déjà fait mumuse avec http://kr.github.io/beanstalkd/ ?
--------------- :o |
gatsu35 Blablaté par Harko | C'est encore un peu trop à l'état de beta à mon gout Message cité 1 fois Message édité par gatsu35 le 08-12-2017 à 16:49:41 |
Harkonnen ModérateurUn modo pour les bannir tous |
--------------- J'ai un string dans l'array (Paris Hilton) |
fastclemmy (re-)Dictateur en plastique | Oui on peut !
|
gelatine_velue |
|
ratibus |
Message cité 1 fois Message édité par ratibus le 08-12-2017 à 19:44:25 |
DDT Few understand | Pourquoi s'emmerder avec du mutualisé quand un VPS coûte 3-4€/mois? --------------- click clack clunka thunk |
fastclemmy (re-)Dictateur en plastique |
kao98 ... |
Message édité par kao98 le 09-12-2017 à 18:05:55 --------------- Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98 |
kao98 ... |
--------------- Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98 |
ratibus |
|
Harkonnen ModérateurUn modo pour les bannir tous |
--------------- J'ai un string dans l'array (Paris Hilton) |
Shinuza This is unexecpected | D'ailleurs Firefox 57+ --------------- Mains power can kill, and it will hurt the entire time you’re dying from it. |
Plam Bear Metal | Pers j'ai lâché Chrome qui me bouffait trop de RAM, le retour à FF c'est teeeeellement mieux --------------- Spécialiste du bear metal |
Harkonnen ModérateurUn modo pour les bannir tous |
--------------- J'ai un string dans l'array (Paris Hilton) |
Plam Bear Metal | Je trouve que c'est plutôt réfléchi et bien architecturé. Je suis confiant --------------- Spécialiste du bear metal |
masklinn í dag viðrar vel til loftárása |
--------------- Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody |
Plam Bear Metal |
--------------- Spécialiste du bear metal |
youmoussa Ecrou-vis |
--------------- Galerie HFR - Photoblog San Francisco - American Cars Photos |
Harkonnen ModérateurUn modo pour les bannir tous |
--------------- J'ai un string dans l'array (Paris Hilton) |
fastclemmy (re-)Dictateur en plastique | Ça devient moins vrai avec Quantum justement. Ils ont changé leur système d'extensions (WebExtensions) qui est compatible facilement avec celles développées pour Chrome :
|
masklinn í dag viðrar vel til loftárása |
--------------- Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody |
Shinuza This is unexecpected |
Il manque quelques trucs:"
--------------- Mains power can kill, and it will hurt the entire time you’re dying from it. |
Publicité | Posté le |