|
Auteur | Sujet : blabla@web |
---|
skylight Made in France. | Reprise du message précédent : |
Publicité | Posté le 27-10-2022 à 12:53:02 |
gatsu35 Blablaté par Harko | organiser par composant et mediaquery à l'intérieur.
--------------- Blablaté par Harko |
skylight Made in France. | Ouaip, un peu comme moi, ça me parait "normal" de penser en composants, et pas en arbo 2.
|
gatsu35 Blablaté par Harko |
--------------- Blablaté par Harko |
skylight Made in France. | Ok (si le DOM est bien pensé, le CSS logique, normalement ça va de soi) Exemple :
Message cité 1 fois Message édité par skylight le 27-10-2022 à 21:01:51 |
gatsu35 Blablaté par Harko |
--------------- Blablaté par Harko |
skylight Made in France. | Design particulier + nécessité d'avoir un rendu au px près, d'où les padding en px et les line-height qui n'ont pas de logique réelle
|
gatsu35 Blablaté par Harko |
Et perso, px => em, pour tout, et si tu bosses biens tu reste pixel perfect Edit : et j'espère que tu as une excellente raison de foutre un H1 en inline-block... Message cité 1 fois Message édité par gatsu35 le 27-10-2022 à 22:01:50 --------------- Blablaté par Harko |
Publicité | Posté le 27-10-2022 à 22:00:56 |
skylight Made in France. |
|
spark Luc ? |
--------------- Un cycle complet sera une série de 100. |
gatsu35 Blablaté par Harko |
--------------- Blablaté par Harko |
rufo Pas me confondre avec Lycos! |
--------------- Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta |
depart | C'est clair !
Message édité par depart le 24-11-2022 à 08:36:45 |
gabegie | Ça sert encore les é et autres à avec l'UTF-8 ?
|
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 |
skylight Made in France. |
Message édité par skylight le 29-11-2022 à 14:02:56 |
gabegie |
Merci Message édité par gabegie le 29-11-2022 à 14:06:49 |
skylight Made in France. | Hello, Qu'est ce qu'on a comme service ou autre infra, pour installer sur un serveur (apache, avec PHP ?), de façon à ce que cela checke une boîte mail en récéption et fasse des actions en conséquent ? Merci Message cité 1 fois Message édité par skylight le 14-12-2022 à 16:51:55 |
Plam Bear Metal |
Zammad. On utilise ça chez nous en self-hosted Tu peux faire plein de règles assez facilement pour avoir de vrais workflow de réponses auto. Message édité par Plam le 14-12-2022 à 17:51:02 --------------- Spécialiste du bear metal |
tomsoft | Et si ça colle pas à ton besoin, j'ai un outil qui tourne depuis 10 ans chez un client, les serveurs MX du nom de domaine sont routés chez Mailgun, et je reçois un webhook sur mon appli à chaque nouveau mail, selon des règles de routage que tu paramètre. |
gatsu35 Blablaté par Harko | TIL :
--------------- Blablaté par Harko |
skylight Made in France. | Faut quand même trouver le use case, dans cette situation. Message cité 1 fois Message édité par skylight le 30-01-2023 à 11:49:49 |
gatsu35 Blablaté par Harko |
--------------- Blablaté par Harko |
ratibus |
--------------- Mon blog |
rufo Pas me confondre avec Lycos! | Quand on fait du sport, le corps sécrète de endorphine. Du coup, oui, le sport à une dose élevée peut rendre accro. --------------- Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta |
Jubijub Parce que je le VD bien |
--------------- Jubi Photos : Flickr - 500px |
skylight Made in France. | [Samedi soir] Bonsoir L'objectif est que j'intègre ça sous une forme réutilisable, c-à-d que je puisse changer le background d'un élément ou des 2 sans que ça casse tout, que je puisse changer la couleur de la bordure, ou appliquer un box-shadow. - à base de jeu avec les pseudos éléments et l'overflow : c'est ce que j'ai au final intégré, mais je suis pas spécialement satisfait, sachant que cela ne respecte pas ce qui est présenté car le rectangle de gauche est encore trop loin du orange. (on peut jouer avec le z-index et faire un translate, mais c'est un peu moche).
Mais je suis pas convaincu, ça reste un peu trop bricolage pour moi (la jointure des bordures de l'élément du milieu sont approximatives, etc). J'ai bien une autre solution à base de SVG que je positionne par dessus, mais si je peux éviter une image ça serait cool. Message édité par skylight le 12-02-2023 à 01:11:35 |
gatsu35 Blablaté par Harko | https://jsfiddle.net/hdcqjfwx/134/ Je te laisse configurer les valeurs en fonction de la largeur de ta courbe PS : les containers sont en overflow:hidden du coup ,c'est la seule limitation du truc. Au pire tu fous les trucs dans des ".decorators" qui sont en position absolute / 100% et z-index:0, mais bon seulement si tu veux pas de overflow hidden sur .cellHolder. Sinon vire moi tes hauteurs figées là tu verras dans le code un quickfix (que tu utilisera via une nouvelle classe CSS) pour les rendre à la même hauteur. Message édité par gatsu35 le 12-02-2023 à 08:48:14 --------------- Blablaté par Harko |
skylight Made in France. | Merci d’avance, je suis sur mobile donc je regarderai plus tard
|
skylight Made in France. | Bon c'est pas mal, mais la bordure est pas de la même largeur le long du bloc. (j'ai eu le même soucis)
|
gatsu35 Blablaté par Harko | En virant la border, en mettant un fond blanc et un z-index:-1 sur l'ellipse et en utilisant un drop-shadow pour simuler la bordure, on arrive à quelque chose. Edit : je t'ai rajouté les coins arrondis mais pour cela j'ai du modifier ::after pour que ce soit lui qui porte toutes les bordures: Message édité par gatsu35 le 13-02-2023 à 14:14:29 --------------- Blablaté par Harko |
Proov Art & Science | mais qui a fait le design de ça ? y'a déjà un carton jaune orangé a filer au designer avant de passer au front end le bloc de gauche n'a pas de border-radius, alors que celui du milieu oui ? Et pourquoi cette forme ? un classique 3 colonnes serait tellement + classe. On peut jouer sur plein d'autres choses pour apporter un peu d'originalité la typo, des décalages entre les blocs etc Message cité 1 fois Message édité par Proov le 13-02-2023 à 23:08:46 |
gatsu35 Blablaté par Harko |
--------------- Blablaté par Harko |
gatsu35 Blablaté par Harko | Bon j'ai redivisé la marge negative (margin-right) par 2 et celle de l'élément de gauche, je l'ai aussi divisée par 2 Ce genre de technique de marges négatives ne fonctionne que si l'élément a une width:auto. J'ai aussi refixé celui de droit afin que l'angle soit parfait Message édité par gatsu35 le 14-02-2023 à 05:31:54 --------------- Blablaté par Harko |
Proov Art & Science |
|
gatsu35 Blablaté par Harko | bah en responsive c'est nullement galère, en mobile tu vires cette merde tout simplement, et tu la fait apparaitre que en desktop
--------------- Blablaté par Harko |
Jubijub Parce que je le VD bien |
--------------- Jubi Photos : Flickr - 500px |
masklinn í dag viðrar vel til loftárása | Intéressant: https://kofi.sexy/blog/modern-spas
--------------- Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody |
Proov Art & Science | Yo! Je fais de la veille mais je trouve pas ce que je veux ^^ Vous connaissez des agences françaises orientées "tech", moins de design. J'en connais un tas qui sont + spécialisées en ui / ux. Mais ça reste des "petites" agences (suffit d'aller voir le directory de Awwwards ou Maxibestof.one) qui ont souvent une communication un peu + décalée.
|
Publicité | Posté le |
Sujets relatifs | |
---|---|
blabla 3 | blabla 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 |