Chez Jérémie - Mot-clé - CSS - Commentaires

Paris-Web 2010 : CSS3 Aujourd'hui - nonos

nonos — Fri, 25 Feb 2011 08:59:48 +0100

Bonjour,

et merci pour ce travail que vous mettez à disposition, tant la vidéo que vos slides et exemples,

pour un amateur comme moi qui travaille souvent seul, et qui apprend dans les livres ou autres écrits, c’est bien agréable, en plus d’être stimulant …

n’hésitez pas à continuer ! ^^

Paris-Web 2010 : CSS3 Aujourd'hui - Sébastien Delorme

Sébastien Delorme — Wed, 16 Feb 2011 20:40:03 +0100

Salut Jérémie,

On trouvera un système pour pouvoir prendre les sons d’ambiance pendant les ateliers l’année prochaine (et surtout les questions des participants).

Cette année la captation de quelques ateliers a été faite à titre expérimental avec l’aide d’étudiants (que tu as très bien fait de remercier au passage).

Juste un détail, toutes les vidéos ne sont pas encore en ligne mais ça ne saurait tarder

Sébastien.

Paris-Web 2010 : CSS3 Aujourd'hui - Jeremie

Jeremie — Wed, 16 Feb 2011 19:03:14 +0100

Merci Raphaël.

Venant de ta part, c’est un compliment que je prend à sa juste valeur

Concernant tes petits soucis dans Chrome… j’ai envie de dire <troll>Chrome c’est un peu de la merde. non ?</troll>

Blague à part, pour le copier/coller, ça vaux peut-être le coup d’ouvrir un bug chez Webkit/Chrome parce que je n’ai rien fait d’exceptionnel à ce niveau. Pour la vidéo, il faudrait que je prenne le temps de regarder car c’est peut-être du à la balise object. Ceci dit, ça marche parfaitement avec Firefox… je dis ça, je dis rien, hein :-p

Paris-Web 2010 : CSS3 Aujourd'hui - Raphaël

Raphaël — Wed, 16 Feb 2011 16:12:40 +0100

Entièrement d’accord avec Thomas : c’était l’un de mes meilleurs moments passé à Paris Web, tu maîtrises le sujet et ça se voyait !

J’en profite pour signaler discrètement quelques autres fautes ;) :
- “qui a subtilement servit” -> servi
- “J’y ai passé en revus” -> revue
- “rappels important” -> importants
- “là ou j’avais” -> où
- “ça ne s’est pas trop vue” -> vu

PS : le copier/coller ne fonctionne pas dans ton formulaire sous Chrome :/

PS2 : la vidéo s’affiche par-dessus ton pied de page fixed

Paris-Web 2010 : CSS3 Aujourd'hui - Jeremie

Jeremie — Wed, 16 Feb 2011 15:34:49 +0100

Salut Thomas.

Je suis content que ça t’ai plus, comme j’étaie un peu énervé de ne pas avoir pu tout montrer, je ne me rend pas trop compte de ce que ça a donné pour les auditeurs. Merci en tout cas

Et merci pour les fautes, c’est corrigé

Paris-Web 2010 : CSS3 Aujourd'hui - Thomas

Thomas — Wed, 16 Feb 2011 14:45:35 +0100

Bonjour Jérémie.

Excellente présentation !
C’était une très bonne idée de faire un rappel sur le CSS2. Toute la présentation était concrète et vivante !

Merci,
Thomas.

PS : quelques fautes d’orthographes
“tout les participant” -> “tous les participants”
“super contant” -> “super content”
“les demo” -> “les démos”
“les principaux thème on pu être vue” -> les principaux thèmes ont pu être vus”

Arrétez de me casser les gonades avec border-radius - Stéphane Deschamps

Stéphane Deschamps — Fri, 07 Jan 2011 16:09:54 +0100

“il faut bien garder un exemple pour Stéphane”. Merci Jérémie

Arrétez de me casser les gonades avec border-radius - Jeremie

Jeremie — Wed, 05 Jan 2011 18:02:32 +0100

Ah, faut-il donc que vous soyez taquin

Ceci dit, moi qui utilise aussi beaucoup mon clavier pour naviguer dans les pages, je n’avais pas remarqué ça. J’imagine que c’est parce que je n’utilise pas page-up et page-down, mais simplement up et down.

J’en prend bonne note, mais ceci dit, je n’envisage pas de changer ça pour l’instant (après tout, je suis chez moi hein, je fais ce que je veux… et puis, il faut bien garder un exemple pour Stéphane )

Arrétez de me casser les gonades avec border-radius - Stéphane Deschamps

Stéphane Deschamps — Wed, 05 Jan 2011 15:15:22 +0100

En écho à la remarque de Michel :

Tiens je n’ai pas eu le temps de le faire mais je voulais justement faire un article sur les position:fixed et montrer leur nocivité au clavier en prenant ce site comme exemple, (qui est par ailleurs bien joli, hein, ne nous méprenons pas).

(j’aime bien prendre les sites des copains comme cobayes, sans doute parce qu’ils me donnent toujours le droit de le faire).

Donc je jette l’idée ici pour vous promettre de le faire bientôt.

Arrétez de me casser les gonades avec border-radius - Nicolas Hoizey

Nicolas Hoizey — Wed, 05 Jan 2011 14:22:38 +0100

Media queries FTW!

Arrétez de me casser les gonades avec border-radius - Olivier

Olivier — Wed, 05 Jan 2011 10:50:06 +0100

curl -s http://jeremie.patonnier.net/themes… | grep -E “(border-radius|box-shadow)” | wc -l

Oui, je sais, je suis une pourriture mais c’était tentant En plus ça compte les déclarations -moz et -webkit.

Arrétez de me casser les gonades avec border-radius - michel v

michel v — Wed, 05 Jan 2011 10:48:52 +0100

J’aimerais bien troller moi aussi, mais j’ai eu un mal fou à lire plus de 4 paragraphes.

Les divs qui couvrent le haut ET le bas de la page gênent considérablement la lecture pour qui utilise ses touches page up/down au lieu de sa molette de souris (il faut revenir sur ses pas pour voir les lignes cachées).

Arrétez de me casser les gonades avec border-radius - Daniel Glazman

Daniel Glazman — Wed, 05 Jan 2011 10:34:41 +0100

En un mot : exactement….

Daniel Glazman
W3C CSS Working Group, Co-chairman

Arrétez de me casser les gonades avec border-radius - Thomas

Thomas — Mon, 03 Jan 2011 18:09:43 +0100

Une petite remarque qui n’enlève rien à la véracité et la qualité de cet article : le bug (Chrome Linux et Windows) des ombres intérieures dans les boîtes à coins arrondis est fixé dans les nightlies et le sera donc aussi pour Chrome 10 je pense : http://code.google.com/p/chromium/i… + https://bugs.webkit.org/show_bug.cg…

Arrétez de me casser les gonades avec border-radius - Mr.MoOx

Mr.MoOx — Mon, 03 Jan 2011 15:40:15 +0100

Moi j’ai envie de dire que c’est vachement mieux. Car le gros avantage d’utiliser du CSS et non des images, c’est que avec des agrandissements, pas de pixelisation. Car l’image ça reste du pixel (hors SVG oué oué). À l’inverse de CSS qui gère autre chose. Si par exemple je fais un calendrier de l’avent que je met sur une sidebar et que je veux le même en plus grand sur une page dédié, j’augmente ma font-size sur mon élement et pafff, ca s’adapte ! Sans “pixelisation”. Et faire ça sans multiplier mes images (jpg/png…)… M’enfin j’dis ça y’aura tjrs un argument pour me tacler m’enfin, moi je continuerais à utiliser ces propriétés, vachement pratique.
Puis faut pas parler des sélecteurs, car c’est mignon, mais dans le genre lourd à parser…

Arrétez de me casser les gonades avec border-radius - Jeremie

Jeremie — Mon, 03 Jan 2011 14:01:24 +0100

@naholyr ce n’est pas “Vachement mieux”, c’est “Vachement plus facile”. Une nuance me diras-tu… certes, mais de taille en ce qui me concerne. En effet, “mieux” est un jugement de valeur là ou “plus facile” est un simple constat technique. Je ne sais pas si ce que j’ai fait sur ce blog est mieux, je sais juste que ça m’a pris moins de temps avec des contraintes différentes mais acceptable, et c’est tant mieux

Arrétez de me casser les gonades avec border-radius - naholyr

naholyr — Mon, 03 Jan 2011 13:35:10 +0100

Mais si c’est si mal, je ne comprends pas pourquoi border-radius est utilisé ici-même au lieu de faire des images ? header #quickAccess, les commentaires, le menu… ah bah partout où il y a des bords arrondis en fait.

C’est que ça doit avoir un tout petit intérêt, non ?

Tout le monde est d’accord, ce n’est pas une révolution, mais c’est bien utile et il était surtout plus que grand temps que ça existe. C’est en ça que les gens sont contents, bien sûr que ça marchait bien avant, et que pour les cas complexes ça ne sert à rien, mais pour les cas simples (comme sur ce blog par exemple, au hasard), c’est quand-même vachement mieux non ?

Arrétez de me casser les gonades avec border-radius - STPo

STPo — Mon, 03 Jan 2011 13:31:06 +0100

@Jérémie
Alors moi je suis tout à fait d’accord pour dire que :
- CSS c’est pas du tout fait pour dessiner
- mon calendrier est joli =þ

Par contre, et c’est là où je tique, mon calendrier, c’est de la pure mise en forme de contenu sans mark-up parasite (sauf pour les “anneaux” mais c’est parce que j’ai bâclé), donc c’est pas “dessiner stérile”, c’est “mettre en page joli”. De façon un peu extrême, certes, et c’est un cas particulier qui s’y prête bien, mais quand-même.

(très joli ton blog plein de radiations sinon hin )

Arrétez de me casser les gonades avec border-radius - dhoko

dhoko — Mon, 03 Jan 2011 12:49:21 +0100

Plutôt d’accord avec STPo, sur le fait que ce sont des choses attirantes.
Autre détails pour tacler box-shadow (j’ai rien contre), ça consomme beaucoup de ressources, un site web avec de fortes ombres (+60px, en inset ou non) le site rame à mort au scroll.

Donc c’est bien beau mais, ça limite un peu certains usages (je suis pourtant avec Minefield et Chromium 10…).

Et par défaut chaque effet visuel (transition, ombres) consomme beaucoup de ressources.

Arrétez de me casser les gonades avec border-radius - Jeremie

Jeremie — Mon, 03 Jan 2011 11:34:09 +0100

@Mr.MoOx : Oui, c’est une utilisation très réussie de box-shadow mais ce qui est remarquable ce n’est pas box-shadow en lui-même mais le mélange créatif réalisé avec les pseudo-éléments :before et :after (mes chouchous de CSS2) et les transformation 2D (ça c’est du CSS3 qui roxxe).