Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2601 connectés 

 


 Mot :   Pseudo :  
  Aller à la page :
 
 Page :   1  2  3  4  5  ..  1405  1406  1407  ..  1449  1450  1451  1452  1453  1454
Auteur Sujet :

blabla@web

n°2307569
LeRiton
Posté le 10-11-2017 à 09:42:32  profilanswer
 

Reprise du message précédent :

tryptique a écrit :

Y a des librairies CSS Material Design bien maintenues et alignées avec les specs ? La dernière fois que j'ai cherché je suis tombé sur des librairies avec des components react ou angular dont j'ai rien à faire :o


 

Ydalb a écrit :

Materialize ?


 
Materialize ils respectent le semver quand ça les chante, mais c'est la lib la plus riche à ce sujet à ma connaissance.
Tu as aussi Material Design Lite, maintenu par Google : https://getmdl.io/
Notre dev front qui avait jeté un œil à cette dernière il y a quelques temps l'avait trouvé à juste titre plus light, plus de travail à mener autour.
 
 

mood
Publicité
Posté le 10-11-2017 à 09:42:32  profilanswer
 

n°2307590
tryptique
Stay hungry, stay foolish
Posté le 10-11-2017 à 17:09:58  profilanswer
 

:jap:
Merci, je pense que je vais utiliser material design light du coup.


Message édité par tryptique le 10-11-2017 à 17:10:12

---------------
"J'ai les goûts les plus simples du monde, je me contente du meilleur" O. Wilde - Freedom of time is the new luxury. Time to sleep, work, play, relax, travel, inspire and get inspired. Time to write your story.
n°2307772
masklinn
í dag viðrar vel til loftárása
Posté le 16-11-2017 à 09:41:12  profilanswer
 

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
n°2307778
gatsu35
Blablaté par Harko
Posté le 16-11-2017 à 10:43:14  profilanswer
 

masklinn a écrit :

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)


Je ne sais pas si ça peut aider mais si tu déclares les top et left en %, ça devrait le faire au niveau de ta mosaique.
Mais ça reste hyper compliqué :
https://codepen.io/arnogues/pen/ooGdzB
Mais là on est vraiment proche du tatonnement :(
et la technique consisterait à agrandir le background-size pour avoir accès au sprite. Et j'ai l'impression que pour chaque sprite il te faudrait à chaque fois gérer : le background-size et le background-position.

 

Pourquoi tu ne reste pas au format standard : N images et utilise du http2.0 ?

 

Je t'ai préparé un playground :
https://codepen.io/arnogues/pen/WXZJLq

 

L'image fait : 4096x2048
le sprite affiché fait 382x216
sa position dans l'image est : 553,398

 

Pour calculer le padding-bottom utilisé pour la partie responsive j'ai fait : 100*(hauteurSprite/largeurSprite) => 56,54%
Pour calculer le % du background-size j'ai simplement fait : 100%largeurImage/largeurSprite et idem pour la hauteur. => 1072% (c'est la même valeur pour la hauteur du coup)

 

Pour le background-position la formule est :
pourcentAumentation = 1+(largeurImage/(largeurSprite*100))  = 1,1072 dans notre cas
(100*(LargeurSprite/LargeurImage))*pourcentAugmentation.

 

et Idem pour la hauteur
et c'est bon

 

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
n°2307779
skylight
Made in France.
Posté le 16-11-2017 à 10:47:11  profilanswer
 

object-fit ?

n°2307780
masklinn
í dag viðrar vel til loftárása
Posté le 16-11-2017 à 11:21:17  profilanswer
 

gatsu35 a écrit :


Je ne sais pas si ça peut aider mais si tu déclares les top et left en %, ça devrait le faire au niveau de ta mosaique.
Mais ça reste hyper compliqué :
https://codepen.io/arnogues/pen/ooGdzB
Mais là on est vraiment proche du tatonnement :(
et la technique consisterait à agrandir le background-size pour avoir accès au sprite. Et j'ai l'impression que pour chaque sprite il te faudrait à chaque fois gérer : le background-size et le background-position.
 
Pourquoi tu ne reste pas au format standard : N images et utilise du http2.0 ?


Ça compresse mieux :whistle:  

gatsu35 a écrit :

En gros en faisant des sprites responsive tu t'engages dans un terrain miné


C'est ce que je me disais, d'où la question ici au cas où j'ai raté un truc simple :D
 
Je pense que je fais faire des images classiques au final, mais ça valait le coup d'essayer.


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°2307781
gatsu35
Blablaté par Harko
Posté le 16-11-2017 à 11:26:02  profilanswer
 

masklinn a écrit :


Ça compresse mieux :whistle:  


 

masklinn a écrit :


C'est ce que je me disais, d'où la question ici au cas où j'ai raté un truc simple :D
 
Je pense que je fais faire des images classiques au final, mais ça valait le coup d'essayer.


J'ai mis à jour mes calculs / formules. et tu as un nouveau playground de test.

n°2307782
masklinn
í dag viðrar vel til loftárása
Posté le 16-11-2017 à 11:27:55  profilanswer
 

gatsu35 a écrit :


J'ai mis à jour mes calculs / formules. et tu as un nouveau playground de test.


Yep, merci, mais au final je doute que les vieux hacks à base de paddings en % vaillent le coup sur le long terme, j'vais retourner sur des images indépendantes [:romf]


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
n°2307793
gatsu35
Blablaté par Harko
Posté le 16-11-2017 à 14:40:36  profilanswer
 

En fait avec ce site tu peux générer tes sprites
et chose surprenante ton background-size change en fonction de la position de ton sprite...

 

http://responsive-css.spritegen.com/

 

Edit j'ai finalement trouvé le calcul :
https://codepen.io/arnogues/pen/xPXmLO?editors=1100

 

Mais le bordel :D


Message édité par gatsu35 le 16-11-2017 à 14:54:36
n°2307800
ratibus
Posté le 16-11-2017 à 16:25:41  profilanswer
 

masklinn a écrit :

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)


Intérêt de la sprite en HTTP 2 ?

mood
Publicité
Posté le 16-11-2017 à 16:25:41  profilanswer
 

n°2307806
ben547
Posté le 16-11-2017 à 17:42:20  profilanswer
 

ratibus a écrit :

Intérêt de la sprite en HTTP 2 ?

masklinn a écrit :

Ça compresse mieux :whistle:

n°2307807
iguana7
Life is a Game !
Posté le 16-11-2017 à 23:29:50  profilanswer
 

Drap


---------------
Gt : Iguana7918 | PSn : IguaSev9n | Steam : Iguana7
n°2308357
Ydalb
In Crêpes n' Cidre I Trust!
Posté le 05-12-2017 à 14:46:49  profilanswer
 

Des gens ici ont déjà fait mumuse avec http://kr.github.io/beanstalkd/ ?
 
Je cherche un système de file d'attente simple. J'ai pu testé RabbitMQ dans une ancienne boite, je trouve ça un poil "complexe" pour mon besoin.
 
Beanstalkd semble très simple et avec les options qui vont bien (enterrer des tâches, scalabilité horizontale, persistence des tâches, ...)


---------------
:o
n°2308531
Harkonnen
Modérateur
Un modo pour les bannir tous
Posté le 08-12-2017 à 16:40:09  profilanswer
 

yep les moules ! une petite question : recommanderiez vous d'utiliser le CSS Grid Layout pour un site en production, ou est-ce une techno encore à l'état de beta ?
j'ai vu qu'il était supporté par toutes les versions récentes des principaux navigateurs, mais est-ce un module suffisamment stable ?


---------------
J'ai un string dans l'array (Paris Hilton)
n°2308532
gatsu35
Blablaté par Harko
Posté le 08-12-2017 à 16:49:23  profilanswer
 

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
n°2308534
Harkonnen
Modérateur
Un modo pour les bannir tous
Posté le 08-12-2017 à 16:57:43  profilanswer
 

gatsu35 a écrit :

C'est encore un peu trop à l'état de beta à mon gout


pourquoi ?  
comportements erratiques ? lenteurs ?  
 
si c'est la lenteur, c'est pas trop grave car c'est pour un intranet. par contre, des comportements imprévisibles, c'est plus chiant déja


---------------
J'ai un string dans l'array (Paris Hilton)
n°2308535
fastclemmy
(re-)Dictateur en plastique
Posté le 08-12-2017 à 16:57:58  profilanswer
 
n°2308543
gelatine_v​elue
Posté le 08-12-2017 à 18:27:44  profilanswer
 

Harkonnen a écrit :

yep les moules ! une petite question : recommanderiez vous d'utiliser le CSS Grid Layout pour un site en production, ou est-ce une techno encore à l'état de beta ?
j'ai vu qu'il était supporté par toutes les versions récentes des principaux navigateurs, mais est-ce un module suffisamment stable ?


 
Si nc'est pour un intranet, tu dois connaitre la part de chaque browser deploye dans ta boite, c'est facile de voir si tu peux l'utiliser.
Pour ce qui est du comportement, c'est extremement previsible car tres simple. J'ai rien remarque sur firefox/chrome en tout cas, et je vois mal comment un navigateur pourrait se demerder pour avoir des comportements bizarres.

n°2308549
ratibus
Posté le 08-12-2017 à 19:43:36  profilanswer
 

Harkonnen a écrit :

yep les moules ! une petite question : recommanderiez vous d'utiliser le CSS Grid Layout pour un site en production, ou est-ce une techno encore à l'état de beta ?
j'ai vu qu'il était supporté par toutes les versions récentes des principaux navigateurs, mais est-ce un module suffisamment stable ?


Go for it
https://caniuse.com/#feat=css-grid

Message cité 1 fois
Message édité par ratibus le 08-12-2017 à 19:44:25
n°2308551
ben547
Posté le 08-12-2017 à 19:47:30  profilanswer
 

La vraie réponse c’est que quelque soit le site tu devrais savoir quels sont les browsers que tu « supportes « et en fonction tu fais ton choix. Sachant qu’à ma connaissance les polyfills pour du gris layout sont tous un peu merdiques ou pas à jour donc faut vraiment que ça colle.

n°2308567
kao98
...
Posté le 09-12-2017 à 12:10:47  profilanswer
 

Vous connaissez des alternatives à Wordpress plutôt légère ?
 
C'est pour le site d'une association. Il faut que ça tourne sur un hébergement mutualisé PHP super light, et qu'il y ait possibilité de gérer des utilisateurs (rédacteurs / administrateurs). Et que ce soit encore maintenu aussi :/
 
Vous avez des idées ? Des recommandations ?


---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98
n°2308581
DDT
Few understand
Posté le 09-12-2017 à 15:30:44  profilanswer
 

Pourquoi s'emmerder avec du mutualisé quand un VPS coûte 3-4€/mois?


---------------
click clack clunka thunk
n°2308583
fastclemmy
(re-)Dictateur en plastique
Posté le 09-12-2017 à 15:33:02  profilanswer
 

Perso j'aime bien Kirby https://getkirby.com/
 
En plus il tourne sans BDD.

n°2308586
kao98
...
Posté le 09-12-2017 à 18:05:38  profilanswer
 

DDT a écrit :

Pourquoi s'emmerder avec du mutualisé quand un VPS coûte 3-4€/mois?


Parce qu'il y a un existant ? :o
C'est pas moi qui décide. Je fais avec ce que j'ai.


Message édité par kao98 le 09-12-2017 à 18:05:55

---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98
n°2308587
kao98
...
Posté le 09-12-2017 à 18:06:12  profilanswer
 

fastclemmy a écrit :

Perso j'aime bien Kirby https://getkirby.com/
 
En plus il tourne sans BDD.


Merci, je vais jeter un coup d'oeil :)


---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98
n°2308608
ratibus
Posté le 09-12-2017 à 20:52:11  profilanswer
 

DDT a écrit :

Pourquoi s'emmerder avec du mutualisé quand un VPS coûte 3-4€/mois?


A ce prix t’es hébergé sur Wordpress.com non ?

n°2308648
Harkonnen
Modérateur
Un modo pour les bannir tous
Posté le 11-12-2017 à 08:25:24  profilanswer
 


ok, je pars dessus, merci :jap:
 

ben547 a écrit :

La vraie réponse c’est que quelque soit le site tu devrais savoir quels sont les browsers que tu « supportes « et en fonction tu fais ton choix. Sachant qu’à ma connaissance les polyfills pour du gris layout sont tous un peu merdiques ou pas à jour donc faut vraiment que ça colle.


Tous les postes de la boite sont en W10, donc sous Edge mis à jour. Certains autres postes (notamment les portables du personnel itinérant) sont sous Firefox, donc mise à jour auto également. A priori, pas de souci de compatibilité donc


---------------
J'ai un string dans l'array (Paris Hilton)
n°2308650
Shinuza
This is unexecpected
Posté le 11-12-2017 à 09:12:03  profilanswer
 

D'ailleurs Firefox 57+ :love:


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
n°2308652
Plam
Bear Metal
Posté le 11-12-2017 à 09:17:18  profilanswer
 

Pers j'ai lâché Chrome qui me bouffait trop de RAM, le retour à FF c'est teeeeellement mieux :love:


---------------
Spécialiste du bear metal
n°2308654
Harkonnen
Modérateur
Un modo pour les bannir tous
Posté le 11-12-2017 à 09:28:18  profilanswer
 

Shinuza a écrit :

D'ailleurs Firefox 57+ :love:


Une tuerie, on est d'accord. Il était temps.
 

Plam a écrit :

Pers j'ai lâché Chrome qui me bouffait trop de RAM, le retour à FF c'est teeeeellement mieux :love:


Sinon tu as Vivaldi, qui est bien moins gourmand que Chrome tout en étant basé sur Chromium, et que personnellement je me surprend à utiliser de plus en plus du fait de features très intéressantes notamment pour les développeurs


---------------
J'ai un string dans l'array (Paris Hilton)
n°2308655
Plam
Bear Metal
Posté le 11-12-2017 à 09:36:59  profilanswer
 

Je consomme plus mon navigateur sans avoir besoin d'outils de devs maintenant (j'ai plus trop le temps :sweat: )
 
Et puis FF je suis content de me retrouver avec un vrai truc libre :love:


---------------
Spécialiste du bear metal
n°2308657
Harkonnen
Modérateur
Un modo pour les bannir tous
Posté le 11-12-2017 à 09:44:35  profilanswer
 

Reste à espérer que Firefox Quantum ne subisse pas le même sort que... Firefox !  
A l'époque FF a été créé pour être une version *très* allégée et moins gourmande du navigateur Mozilla, et au final, avec le temps, il est devenu aussi lourd et gourmand au fil des versions


---------------
J'ai un string dans l'array (Paris Hilton)
n°2308658
Plam
Bear Metal
Posté le 11-12-2017 à 10:04:21  profilanswer
 

Je trouve que c'est plutôt réfléchi et bien architecturé. Je suis confiant :jap:


---------------
Spécialiste du bear metal
n°2308659
masklinn
í dag viðrar vel til loftárása
Posté le 11-12-2017 à 10:12:17  profilanswer
 

Plam a écrit :

Je trouve que c'est plutôt réfléchi et bien architecturé. Je suis confiant :jap:


Puis ils ont tout plein de métrications (arewefastyet & al) pour essayer d'éviter les régressions.


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°2308661
fastclemmy
(re-)Dictateur en plastique
Posté le 11-12-2017 à 10:23:10  profilanswer
 

Oui et là la différence c'est justement que c'est plus rapide car ils réécrivent au fur et à mesure les différentes briques et laissent tomber la rétro-compat sur certains trucs (ex: les extensions en XUL)

n°2308671
Plam
Bear Metal
Posté le 11-12-2017 à 11:54:18  profilanswer
 

masklinn a écrit :


Puis ils ont tout plein de métrications (arewefastyet & al) pour essayer d'éviter les régressions.


 
Franchement, ils ont assuré :)


---------------
Spécialiste du bear metal
n°2308677
youmoussa
Ecrou-vis
Posté le 11-12-2017 à 14:37:36  profilanswer
 

Plam a écrit :

Je consomme plus mon navigateur sans avoir besoin d'outils de devs maintenant (j'ai plus trop le temps :sweat: )
 
Et puis FF je suis content de me retrouver avec un vrai truc libre :love:


 
Voilà, Chrome est toujours le seul choix quand il s’agit de développer sérieusement.


---------------
Galerie HFR - Photoblog San Francisco - American Cars Photos
n°2308678
Harkonnen
Modérateur
Un modo pour les bannir tous
Posté le 11-12-2017 à 14:42:33  profilanswer
 

youmoussa a écrit :


 
Voilà, Chrome est toujours le seul choix quand il s’agit de développer sérieusement.


Ah non, Firefox Developer Edition est largement au moins équivalent, sinon supérieur


---------------
J'ai un string dans l'array (Paris Hilton)
n°2308679
fastclemmy
(re-)Dictateur en plastique
Posté le 11-12-2017 à 14:45:09  profilanswer
 

Ç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 :
https://developer.mozilla.org/en-US [...] _extension
 
Par exemple, on a maintenant accès aux outils de dev de Vue.js dans FF.

n°2308683
masklinn
í dag viðrar vel til loftárása
Posté le 11-12-2017 à 15:06:56  profilanswer
 

Harkonnen a écrit :


Ah non, Firefox Developer Edition est largement au moins équivalent, sinon supérieur


Je dirais équivalent parce-qu'il y a des avantages/inconvénients aux deux (et aucun des deux n'a les tracepoints de safari, t'es obligé de bricoler avec les conditions des breakpoints comme un sauvage)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°2308752
Shinuza
This is unexecpected
Posté le 11-12-2017 à 22:29:11  profilanswer
 

Plam a écrit :

Pers j'ai lâché Chrome qui me bouffait trop de RAM, le retour à FF c'est teeeeellement mieux :love:

Il manque quelques trucs:"
- Possibilité d'ouvrir un dossier de liens dans une nouvelle fenêtre
- Keyword + tab pour sélectionner un moteur de recherche (genre duckduck + tab pour chercher sur duckduckgo.com)
- Search for this image
 
Et puis ça serait pas mal.


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  ..  1405  1406  1407  ..  1449  1450  1451  1452  1453  1454

Aller à :
Ajouter une réponse
 

Sujets relatifs
blabla 3blabla 2
PUTAIN HARKO TU AS FERM2 BLABLA ![Beaucoup de blabla pour rien : post à effacer] Compiler .bat
variable1="blabla + variable2 +blala : c'est possible ??[PHP & regex] "blabla blabla file.ext?point=444 blabla" Recupérer 444
mail("celine@hotmail.com"," sujet","blabla"); pose une err ! Help[MySQL] WHERE 'blabla' compris dans le champ truc
[blabla@hosto] Le topic des vieux[PHP / BlaBla - limite]
Plus de sujets relatifs à : blabla@web


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR