Adam Argyle - nerdy.dev - Modern CSS
Durée: 65m27s
Date de sortie: 25/08/2025
This week we have Adam Argyle on the show. Adam is a designer and developer who is known for his work on VisBug and other design tools. He's also a member of the CSS Working Group and has worked on the dev tools for Chrome. If you haven't seen Adam's work that utilizes all the latest and greatest CSS features, you're missing out. Come listen to our conversation with Adam as we discuss his work on VisBug, his experience with the CSS Working Group, and his thoughts on the future of design and development tools.
Qu'est-ce qu'il y avait des dev-tools pour les designers ?
Qu'est-ce qu'il y avait un tournoi au photoshop qui a plopped sur une page
et qui a fait le truc qu'ils espèraient quand ils ont cliqué et l'ont délégué ?
Et ça a commencé par moi en poursuivant tous ces designers.
Et je me suis dit, je veux vous aider.
Bonjour, bienvenue à DevTools FM.
C'est un podcast sur les tools de développement.
Les gens vont les faire.
Je suis Andrew, ma co-host, Justin.
Salut tout le monde.
Nous sommes vraiment excitées d'avoir Adam Argyle.
Adam, tu as dit ça bien ?
Tu as dit ça.
Tu n'es pas le boss West, qui continue de me dire Argyle comme un collier de colère sur ma ligne de land.
Mais c'est tout bon.
Tu as dit bien.
Tu as pensé sur le sweat.
Bien joué.
Bien joué.
Adam, c'est un plaisir de te voir.
Tu as fait tant de choses.
Nous avons vu tout de suite.
Tu es le prochain Google,
tu es sur le groupe de travail de CSS,
ce qui est vraiment incroyable.
Tu as fait tant de choses cool.
Tu es un des trucs.
Nous sommes vraiment excitées de te parler de ton travail.
Je suis particulièrement fan de Vizbook.
Je me montre à tous ceux qui ont des designs à jay-set.
Ils disent que c'est super.
C'est incroyablement incroyablement excité de te parler.
Mais avant de vous dire plus sur votre histoire,
Would you like to tell us a little bit more about yourself ?
Oui,
Ben Harkins, j'ai été un jeune enfant.
J'ai commencé à la VRML,
VIRTUAL REALITY MODELING LINGUGE.
Comment est-ce que c'est fun pour vous dire?
C'est avant l'année 2000.
Ils pensaient que c'était une langue de futur.
En 2020, nous serons en train de faire des tournées en car.
C'est à la VRML.
Je suis travaillé pour des grandes et des petites entreprises,
des start-ups, non start-ups.
J'ai été une consultant.
J'ai été une consultant internaire.
Comme sur Google, je vais juste aller y aller.
Je travaille sur Google,
je travaille sur Deloitte.
Je fais des apps depuis que l'iphone est arrivé.
Et quand l'ipad est arrivé,
c'est vraiment quand j'ai commencé à couper mon coure
pour faire des applications de Web Fullstack.
J'ai fait tout ce que j'ai fait
pour faire une application belle sur l'ipad 1.
J'ai juste été en train de le garder depuis.
Ces jours, c'est à dire que je suis en train de faire des agents
et de les promener pour faire mon biding,
comme je peux,
et je vais aller y aller et faire un tweet pour les codes
quand ils se sont fermés,
ce qui est généralement juste dans le CSS.
Ils sont bien, ils sont très bonnes.
Ils sont tous les autres des codes de la fin.
Il y a un petit digue, un petit digue.
Et je suis sur Google pour 7 ans,
un membre du group' de CSS
et de la société de travail.
J'ai aidé des specs,
qui je pense que les specs sont,
intéressément,
un futur potentiel pour AI.
J'aime un héros
et où il est allé avec un espace commune
pour ne pas co-together anymore,
mais pour éditer les specs ensemble.
Je me suis rendu fort
et j'ai spenté tant de temps
en éditing les specs de cette façon.
Ces jours, je me fiche toujours pour l'utilisateur.
C'est 20 ans,
tout ce que j'ai besoin,
c'est que j'ai des expériences de bonnes usages.
Je veux aussi des apps.
On devrait se faire spending
le même temps pour faire ces choses.
C'est génial et enjoyable.
Je n'aime pas les products
minimaux et vallibles.
J'ai hâte de les utiliser.
Vous voulez utiliser
mon car minimaux et vallibles?
Comment faire mon car minimaux et vallibles?
Vous vous dites,
ça me sent terrible.
Je ne suis pas contre les choses minimales.
J'aime les choses minimales.
Je veux un product minimal
et désirable.
Je veux un car minimaux et désirables.
Je ne veux pas votre MVP.
Je ne veux pas le vendre à moi.
C'est génial.
C'est le même temps.
J'espère que ça va bien.
C'est un travail qui s'écoute
avec le travail que j'ai vu
sur la Internet.
Je ne dirais pas
votre style comme minimaliste.
Il me semble maximiste
dans beaucoup de diverses manières.
C'est comme...
J'aime la sushi.
La sushi pack est très mignonne.
Je ne veux pas que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je veux que ça soit de la même manière.
Je vois que jQuery 4, alpha, beta, alpha, c'est juste annoncé ou quoi que ce soit.
Ils sont comme, on est toujours en train de le faire.
C'est plus nouveau dans le monde de jQuery.
Je n'ai pas d'idée.
D'autres que ce soit de la nouvelle version.
C'est probablement plus petit que jamais avant, parce que le browser fait plus de choses.
Je ne sais pas.
Il faut être bon pour eux, ils sont comme, oh, les trucs ou les haques ou tout ça,
on peut commencer à retirer un peu de ces.
Et on peut probablement toujours avoir la même capacité ou quelque chose.
Totalement.
C'est un peu catholique.
Je veux parler un peu plus de votre temps sur le groupement de CSS.
Qu'est-ce que c'est?
Qu'est-ce que ce processus est?
Quelles features ont-ils que vous contribuez?
Je ne sais pas, vous avez le relevé?
Bien, c'est ça.
Plenty de dire.
Les spectacles que j'ai travaillé sur, que j'ai ajouté comme éditeur,
c'était color4 et color5.
Scroll2,
ce qui était beaucoup de features scrolls.
J'ai travaillé beaucoup sur la function scroll end JavaScript,
access programmable pour managir, scroller,
features CSS scrolls.
J'ai fait beaucoup de scrolls.
Qu'est-ce que j'ai fait avec le spectacle?
Je me sentais comme si il y avait un ou deux autres choses.
De quoi dire, pour devenir un spectacle,
je me suis dit, c'est quoi ça?
Comment me dire, comment me faire?
Je suis dans les meetings, dans les calls,
en expérimentant des questions, des validations,
des commentaires différents,
si c'était dans la call ou dans le GitHub,
sur ces choses-là.
J'étais intéressé, j'avais des besoins que j'avais voulu voir.
J'ai étudié beaucoup de tools de design,
je me suis dit, c'est ce qu'ils font ici.
On va pouvoir le faire comme des développeurs,
c'est ce qu'ils nous demandent.
On a besoin de la poursuivre, ou ce n'est pas ça.
Vous vous êtes intéressés dans ces conversations,
les problèmes se sont articulés,
ou les nouveaux features se sont articulés,
et dès que tout le monde s'agresse,
ils disent, oui, ce nouveau feature serait génial.
Ils disent, qui va faire le travail?
Il faut faire le travail.
Je vais donc me donner la main,
ou être suggéré comme quelqu'un qui édite ça.
C'est comme un expert de la connaissance,
qui sait que les problèmes sont les solutions.
Oh, css nesting, c'est un autre.
Cs nesting, c'est parce que...
j'ai dit, nous avons besoin de ça.
C'est tout le préprocessor qui fait ça.
Nous avons besoin de petites files, css, etc.
Il y a 100 raisons qu'on a besoin de css nesting.
Ils se sont dit, oui, mais c'est complexe,
et ils ont signé ça pour moi.
Ils ont travaillé sur ça avec TAP.
TAP a trouvé comment ça a fonctionné,
et je savais que les gens en faisaient ce que nous faisions avec nesting.
Et ensemble, nous avons créé un spec
qui a voulu faire des browsers heureux et des utilisateurs heureux.
Dans ces meetings,
ils peuvent être...
des bonnes, parfois.
Ils peuvent parfois être assez rouges.
Un peu de fois, les rouges de la salle
sont des gens qui ne sont pas sentis.
Ils ont un groupe de gens
et quelqu'un a des pensées.
Et puis, tout le monde continue de parler de quelque chose.
Et ce qui serait comme,
je ne suis pas en train de l'entendre,
et ils me souhaitent qu'ils soient en train de l'entendre.
Et c'est totalement valide.
Et il y a aussi des gens qui sont de la même manière.
Des gens qui étaient...
de la même manière.
Tout le monde était un bon,
des gens qui sont pas viewing comme
des gens quijännt le是不是 de la part du texte de trig Palestinians.
plus de fg et quelqu'un d'autre.
Je n'ai pas de soucis, mais les gens peuvent parler de ça.
Donc, on a déjà fait des plans pour le joueur,
on a joué pour le joueur de plan,
en essayant de savoir combien de points ou des taillets sont les choses.
Et donc, quand on a battu,
c'est comme l'une des séries d'agence,
quand on a battu
sur combien de temps ou combien de difficultés
quelque chose de ce qui va être.
Et nous allons commencer à argumenter.
Mais, c'est beaucoup plus difficile que vous pensez que c'est.
Et ils vont être comme,
ah, je l'ai fait avant, c'est super facile.
Je vais être comme, vous avez mis le compte pour ça.
Et tout de suite, ils vont être comme,
tout le monde s'occupe de combien de fg.
Comment de combien de fg?
Tu ne t'es pas gêné de ce très particulier truc,
et je serai comme, 4 fg.
Et ils vont être comme,
dam, tu as mis 4 fg.
Il est vraiment...
OK.
Adam, tu le tues, tu le tues maintenant.
Tu mets tous les fg.
C'est toi.
Tu penses que c'est difficile?
Tu peux...
Tu nous dis, on nous dit,
tu le tues maintenant.
Et j'aime toujours le scale de fg.
C'est comme ce genre de
plin de courte,
de rapidement articulé.
Comment tu as le passion pour quelque chose?
Ou quoi.
En tout cas,
la communauté de groupe
aura des mônes
où il y a des mônes.
Et ils auraient de la genere
de la courte à ce moment,
ou de la conversation.
Et ils vont dire, OK,
c'est clair,
il n'y aura pas de résolution,
ce qui va arriver aujourd'hui.
On va aller le faire,
les commentaires,
jusqu'à la prochaine semaine,
ou peut-être deux semaines,
de la rencontre.
Et donc,
c'était illuminant,
pour voir l'amour
de personnes participant.
Donc, dans un système de design,
par exemple,
vous pourriez avoir
des propriétés,
mais il y a usually un groupe
qui a l'air de l'ensemble.
Imaginez, d'abord,
que personne n'a eu le système de design.
Mais,
si quelqu'un a utilisé le système,
dans une forme,
vous avez invité un expert
de tous ces groupes,
et ils étaient les uns
travaillant sur le système de design.
Et les gens qui construisent le système de design
doivent entendre
ce que ce groupe de communauté
soit en train de faire.
Et c'est tout de même
ce que les browsers travaillent.
Les gens qui construisent le système de design
ne peuvent pas juste
mettre les trucs de la browser
pour faire les choses
qui sont passées,
ce qui est approuvé en espace commune.
Et c'est cool,
mais oui, vous avez un
team de design qui a
l'input du product
du manager,
et l'input du team de la back-end,
l'input du team de la database.
Pourquoi?
Parce qu'ils rendent les roses
et les tables,
et ils sont intéressés
dans le component de table.
Et donc,
même si le groupe de travail
avait des gens hyper
concentrés sur une certaine chose,
et c'était génial,
parce qu'il serait bien,
« Ok, on a besoin de
la masonry de CSS, pour exemple,
un grand
topic,
beaucoup de conversations.
Il n'y a que quelques spécialistes de layout.
Et c'est important de les avoir
sur le team,
parce que,
quand nous pouvons tous
parler de ce que nous voulons,
ils sont beaucoup plus
plus près de
les détails d'implementation
et de comment ils peuvent être
construits,
ou de comment ils seront respectés.
Et ensuite, vous avez
les gens de la browser
qui vont dire,
« Je vais faire le code,
il y a des boxes
dans les spots les mêmes,
donc,
vous avez besoin de leur input,
aussi. »
Et c'est vraiment cool,
vous avez cette bonne
amount d'input
de personnes qui sont
spécialistes
dans un certain point,
la couleur est une autre,
la print est une,
donc vous avez quelqu'un
qui est toujours
en train de penser sur la print.
Et puis,
c'est un peu plus
mais c'est un peu plus
plus près de la carte,
c'est un peu plus près de la
c'est un peu plus près de la
carte,
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus près de la
c'est un peu plus możemy
c'est ce que nous allons faire, c'est ce que nous sommes lois et ce que nous avons à soutenir.
Je sais qu'il y a beaucoup d'arguments sur où se définir les attributs de la maisonnerie.
Peut-être que ce sont les attributs de la grotte, c'est un peu de la grotte.
Qui est-ce que tu veux dire ?
Oui, et c'est ce qui nous fait de beaucoup de moments de hésitation où les gens disent
qu'on va avoir de la vie avec ces décisions toujours.
Et donc, vous ne voulez pas que ces décisions soient faites par un couple d'individuels.
Ils doivent être cross-referés, cross-checkés, testés, prototypés et validés avant qu'ils le font.
Il y a eu des accents, j'ai regardé un couple d'individus.
Et ce n'est pas comme si nous nous sommes allés trop vite.
Je pense que nous nous sommes allés vite pour faire des décisions.
Mais c'est plus comme... Ok, un bon exemple est l'ancre, c'est ce que nous sommes enceintes.
Qui n'a qu'un couple de changements de nom pour les propriétés.
Et des valeurs qui ont été ajoutées qui ont fait les choses plus facilement.
Mais c'était une réveille qui est arrivée après la chronique qui a été prototypée.
Et le truc serait que Chrome serait en train de se faire un an,
de continuer à mettre en place des questions de spec, week after week,
de refining, refining, et ça serait comme un slow burn.
Et donc, tous ces gens dans les meetings sont comme,
l'ancre n'est pas prêt, l'ancre n'est pas prêt, et tout de suite Chrome serait comme,
nous nous prototypions pour tout le monde.
Et puis, tout le monde serait comme, oh merde, c'est temps de regarder ce que ça fait,
parce que nous sommes tous nous, et puis, 3 mois plus tard,
Chrome serait comme, c'est solide, nous allons le chier.
Et puis, plus de feuillage serait le plus lourd dans tous ces maisons,
et tous ces gens serait comme, et donc, ils se sont dit,
après tout ce temps, et ils seraient comme,
vous ne pouvez pas faire ça, et nous serait comme,
où vous êtes depuis les 15 mois?
Vous ne pouvez pas juste se montrer et se mettre en range un peu de spokes,
mais souvent ils le faisent, souvent ils le faisent,
et parfois c'était très bien, parfois ils se sont dit,
et ils seraient comme, hey, un bon exemple,
c'est de s'entraîner quelque chose sur l'ancre que vous voulez être en train.
Vous êtes un tournevis et vous voulez être centré sur le top,
c'est juste une position de tournevis classique.
Il used à être un task programmatif,
vous pourriez calcre votre propre dur, minus 50% de tout,
vous devez faire la matière pour centrer le truc relativement
à la dur de la matière que le tournevis rendait.
Ce n'était pas, il n'était pas de l'air de l'air,
mais en retrospect, c'est de l'air de l'air,
et maintenant il y a juste un keyword,
le keyword fait juste la matière pour vous,
ça s'est passé parce que les gens de WebKit, les gens de Apple,
ont montré à l'endroit où nous avons évoqué,
et ils ont dit, ça pourrait être simplifié.
Et nous avons dit, c'est génial, oui, ça peut,
c'est des bonnes suggestions, et nous avons dû faire un undo,
donc il y a une version de Chrome,
une version de Chrome avec un nom de propre,
et oui, nous n'avons pas envie de faire ça,
les gens ne veulent pas de les déprocater,
c'est un grand processus de déprocation,
et il y a même beaucoup de sauvages qui sont mis à la browser
pour faire ça, donc c'est facile de le faire,
si ça ne va pas bien.
Et c'est un code,
il y a beaucoup de codes à la base de Chrome,
ce code est le field de football,
le field de football, c'est un peu fort.
Donc vous avez travaillé sur un peu de ces features,
vous avez parlé de scroll snapping,
c'est un peu amusant,
comment le code s'est mis à la base,
je vais dans vos démons,
et je clique sur le HTML,
je suis en train de dire, ok, c'est raisonnable,
je vais dans le JavaScript,
et je vais en le faire,
il y a peut-être 20 lines,
c'est 500 lines de scroll snapping,
un code spécifique.
Je suis en train de parler de toutes les features
qui sont venus,
mais dans votre opinion,
qui sont les features de CSS
qui ont récemment été mis,
et qui nous prévuent
quelque chose que vous voyez sur le horizon,
qui vous croyez que c'est utile.
C'est un bon exemple,
je l'ai parlé de scroll recently
à CSS Day,
et pour moi, je créé
une expérience de scroll scroll,
et j'ai eu l'expérience de Nintendo
de scroll scroll.
Ça load dans votre jeu,
ça se brise,
et ça a un effectif de stagger,
et quand ils popent,
ils font un son,
c'est comme ça,
et ça,
comme l'élément scrolls passent
à la snap,
ça indique qu'il faut que vous la laisse,
ça va se snap à cet état.
Et après ça,
ça reste à la location,
un autre son est fait.
Comme l'élément scrolls
dans cet état,
le jeu se brise,
et le cursor,
il y a
toutes ces petites interactions micro-interactions
sur les scroll scrolls.
Ce qui vous fait que,
c'est que,
vous avez des gens qui vous disent
que c'est simple et beau,
mais la réalité est que vous vous arrêtez
des milliers de lignes de code,
qui décrivent tous ces moments
qui vous donnent l'essence de power
et de feedback.
J'ai créé ça dans CSS,
et j'ai utilisé toutes les outils de cool
qui sont inclus,
c'est un huge, huge,
un outil de secrets,
avec des animations scroll-driven,
la Güncye
Si on voit que les avete
l' consommation d'ex ormalur.
Lorsque css führait,
il amène des sours de??
politics
怖
fragrance
pour les hooks pour animer, en et en, la vue, c'est en arrière.
Tu as un Has, il y a un Queries Scrolls,
pour savoir si tu es un snap, est-ce que tu es déçue ?
Des choses qui ont été déclarées, un nombre de JavaScript,
pour déterminer et souvent être un peu janky,
dans le sens où ils ont travaillé.
Et oui, ceci est un démon particulier,
et je l'ai commenté très bien,
tu peux trouver sur mon blog,
juste pour cette liste de cool,
toutes ces choses sont en un moment
pour créer cette expérience.
Il y a des 20 lignes de JavaScript,
surtout juste des sounds audio,
pour éliminer un peu de casques d'éducation.
Si tu cliques un titre,
si tu cliques un item,
tu dois scroller le jeu dans l'arrière de la snap.
Ce genre de choses.
Il y a beaucoup de choses,
les Has sont encore plus puissantes
que les gens qui le traitent.
Ils pensent toujours que c'est un selecteur parent,
c'est un selecteur universeux.
Ce type de selecteur,
quelles sont les études qui sont sur le site,
peuvent être utilisées par Has
pour quitter quelque chose d'autre.
C'est un peu d'humour.
Tu as ce réacteur déclaratif,
un selecteur.
C'est vraiment cool.
Les propriétés customaires,
les gens ne les utilisent pas.
Les propres sont élevés.
Le but est de collecter
toutes les propres élevées
que les gens ont mis à un variable.
Ça fait qu'il est facile de les utiliser.
Parce que l'asset de CSS
est...
Oh, c'est bien.
OK, les variables de CSS
ne sont pas élevées.
Ils sont comme un bar de JavaScript.
Vous pouvez mettre ce que vous voulez sur un bar.
Vous pouvez aussi réassigner un bar
pour un autre type.
Vous êtes un pixel.
Maintenant, vous êtes un color.
Maintenant, vous êtes un string.
Maintenant, vous êtes un numéro ou quelque chose.
Donc, les deux étaient très
lourds dans le manière dont ils étaient élevés.
Et avec la propriété de la propriété de CSS,
vous pouvez élever un variable.
Si quelqu'un t'essaye d'assigner un valeur
qui est au-delà de la liste élevée,
ça ne signifie pas tout.
Il a toujours un valeur valable.
C'est une valeur valable
qui n'est pas élevée.
Ce n'est pas un
type de sécurité.
Mais si quelque chose ne s'est pas mis en place,
ça ne se révert pas à la bonne valeur.
Ce n'est pas grand.
Ce que CSS fait,
c'est que les variables de CSS
sont type et type.
Les types de CSS, les plus lourds,
c'est tout les propres.
Ils peuvent avoir tout ce qu'ils veulent.
Tout ce que les gens veulent.
Ils peuvent mettre des trucs wild.
Et ça fait que c'est utile.
Parce que vous pouvez avoir une déclaration
en toute la déclaration.
C'est comme si vous voulez un gradeant.
Un gradeant.
Boom.
Vous ne savez même pas ce que c'est.
Il peut être 5 images de backgrounds.
Et vous n'avez pas de care.
Les propriétés customes sont toujours
sous-utilisées.
Oh, je suis sûr.
Il y a des transitions de vue.
Les gens ne sont toujours pas utilisées
comme elles sont.
Et aussi,
il y a quelques limites qui sont
rares,
surtout si vous êtes en fréquence.
Si vous ne réactez pas,
ou si vous n'en contrôlez pas,
vous ne réactez pas.
Les transitions sont pas
si grandes pour vous.
Mais c'est cool.
Vous allez apprendre ce qu'elles sont.
Parce que c'est un fast pet.
Je fais des interviews
pour de nouvelles choses.
Et ils disent
OK,
donc,
faites ce render.
Et je suis cool.
Je vais animer.
Ils disent,
vous n'avez pas le temps pour animer.
Je vais regarder.
Et je fais tout ce que je fais.
Je remets la function de render
avec un document.start.view.transition.
Et maintenant,
j'ai des éléments pseudo-lés.
pour des avant et des après.
Et je peux animer.
Ils sont comme ça.
Le premier ligne de code
de mon script-java
les faits tout en fait,
en transitionant dans le dom.
Et ensuite,
le prochain,
il dit,
fais-le quelque chose cool.
Et j'ai prémé des keyframes
en propres.
Je vous assignerai un keyframe
pour l'on.
Et boom.
En tout cas,
c'est vraiment cool
pour les animations
de dom.
Nous avons des animations scroll-driven,
des transitions views,
des hautes,
des anchorages.
Tout le colorité est grand.
Tout les features gradients
font des gradients
plus vibrantes et beaux.
Et les gradients plus vides.
Tout les unités nouvelles.
Je ne sais pas,
mais je peux continuer.
Tout ce qui a été adi
est très significatif
d'être adi
et a un outil de use
dans mon toolbal,
au moins.
Oui.
Check out mon blog, nerdy.dev.
Je vais continuer
de faire des trucs cool
pour que vous puissiez me suivre.
Je n'ai pas de RSS
ou autre chose.
C'est cool.
En tant que rappeur,
on a toujours envie
d'exprimer un question
de la future.
Et je pense
que la question de vous
est assez évidente.
Qu'est-ce que vous pensez
que le futur
de la RSS
et le web en général,
quelle est la forme?
Et que vous êtes très excitées?
J'ai pris beaucoup de temps
en pensant à ça.
J'ai même pensé
en réévaluant
le moyen de l'évaluer.
Comment je peux le faire?
CSS est drôle,
On a vu
un script de café
et on a vu
Kotlin
et Swift.
On a vu
tous ces
supersets
de languages
poweraux.
Et la RSS a des préprocesseurs.
Mais rien n'a
raté.
Et tout le monde
a toujours des préprocesseurs.
Et la RSS
est
très simple et
puissante.
C'est
comme
un genre de
génération
qui
est
de génération.
Je pense
que c'est un article
de CSS
qui a des erreurs.
C'est comme
que Node a des 10 erreurs
qu'on a fait.
CSS a un 2.
C'est avant que Node
n'a pas été
la première.
CSS a été la première
à être tapée.
C'est comme
des erreurs
qui
sont
très
obvies.
C'est comme
que
Dino
a fait.
Dino a
écrit
une version
qui
n'a pas
rejeté.
J'aime
le Dino
aussi.
Mais
c'est comme
que
j'ai essayé de
penser
sur un genre
superset.
C'est
comme que
se passe
comme
c'est la
juisserie.
On va
shredded.
On a
décidé de
swarm sur
ijke
équipements
large
vitry
a
que nous commençons à être plus subjectifs de la façon dont nous le décrivons.
Mucho que l'art que vous voyez, vous voyez un petit dégât d'art,
il y a des mots comme, je vois des designers
qui sont vraiment micro-managés sur les mots que ils utilisent dans le spectre.
Et puis, ce futur où le comité fait quelques changements au spectre,
et ils ne savent pas ce que l'app va devenir à l'autre end.
Imaginez que l'entraînement n'est pas un objectif prédictif.
Imaginez que l'entraînement pourrait étonner un peu de vue,
le layout et l'arrêt et les couleurs utilisées dans le mode de lumière et le mode de l'art.
Juste parce que vous avez changé de quelques spectres.
Et puis vous allez y aller et validez si vous avez aimé l'app,
et ensuite vous vous promettez de la production.
Donc, en fait, en micro-managant vos fonctions et vos styles,
vous commencez à micro-manager la valeur que vous voulez de l'app.
Et puis, vous allez voir,
vous allez voir,
vous allez voir,
vous allez voir,
vous allez voir,
dans 30 ans, il a changé drastically,
ou il a été créé comme CSS.
Nous avons vu CSS et JS,
nous avons vu les objectifs JavaScript,
nous avons vu les gens en échantillant les literaux,
nous avons vu les styles adoptés,
nous avons vu beaucoup de différentes manières pour Benihana, CSS.
Mais à l'end of the day,
nous avons toujours mis cela en forme de file de CSS.
Et j'ai essayé d'en parler.
Où vous vous souvenez de PalmOS?
Le PalmOS est un système de opérance de la journée.
Ils n'avaient pas de CSS,
ils avaient tous les objectifs et les components
qui étaient juste des objectifs JavaScript.
Imaginez, un grand objectif JavaScript
et un élément de nestage
serait comme un élément.
C'est comme si vous m'adressiez le fruit en JavaScript
et tous vos styles se sont mis en ceci, un seul file.
Il a été un peu un peu un peu délicieux.
Et puis, vous avez pu apprendre tous ces termes de magie,
donc, vous vous souvenez,
ce n'est pas de font, c'est de texte,
vous vous dites, oh, oh, OK, c'est ça.
Et ça n'est pas de la place.
Et je ne sais pas,
je n'ai jamais vu quelque chose de l'envers,
et je ne suis pas sûr si on va.
Je pense que l'A.I. je vais juste l'envers.
Je ne sais pas.
Remindez-moi d'A.I.T.J.S.
qui a eu le plaisir et la misfortune
de l'utiliser dans ce qu'il s'agit d'un autre vie.
C'était un competitor jQuery mobile?
Oui, ils en ont vraiment essayé de faire tout,
incluant les styles et les J.S. aussi.
C'était comme ce genre de structure de objectifs
qui, à la fois,
ont fait de l'air de la même manière.
Mais...
Oui, c'est difficile de faire les classiques.
Et je pense que c'est aussi le weight culturel de CSS.
C'est juste...
C'est passé un peu d'un moment,
on a vraiment fait la forme de ce que nous pensons
de faire les styles.
Je ne pense pas que les apps modernes
aient existé sur le web aujourd'hui,
si ils avaient une ad en CSS.
Je ne peux pas imaginer que les gens
pensaient que la façon de mettre un style
sur le page un peu plus tard
serait de faire des documents
pour faire des apps en pleine flèche
et que ce soit un peu de décennie et demi.
Oui, ils n'ont pas fait ça.
C'est drôle de regarder les proposals
de la compétition.
J.S. était un style de JavaScript
qui s'est fait dans les années 90.
C'est assez drôle de voir que c'est un style de CSS.
Ils ont regardé beaucoup de la intervierie
que l'on a fait de la version JavaScript.
On se dit que nous pouvons faire les styles de la version de JavaScript.
Ils ont essayé de faire ça en années 90.
On a tous décidé que c'était mieux.
Mais ok, on peut encore faire le build time.
C'est génial.
Ok, ça nous rapporte pour nos questions aujourd'hui, Adam.
Merci pour les rapports.
C'était une conversation superbe
pour tous les travailleurs qui ont été invité.
Je veux dire merci pour les spectacles.
Ces features sont incroyables.
Et nous allons faire le web mieux.
Merci pour les rapports.
Bien sûr, les gens sont cool.
Je vais encore le voir, même après que je l'ai fait.
Je vous remercie.
Merci, Adam.
Je ne l'ai pas appris beaucoup dans un seul épisode.
J'ai toujours le tête d'éducateur.
Nous nous apprécions vraiment.
Bien sûr.
Episode suivant:
Les infos glanées
devtools.fm:DeveloperTools,OpenSource,SoftwareDevelopment
A podcast about developer tools and the people who make them. Join us as we embark on a journey to explore modern developer tooling and interview the people who make it possible. We love talking to the creators front-end frameworks (React, Solid, Svelte, Vue, Angular, etc), JavaScript and TypeScript runtimes (Node, Deno, Bun), Languages (Unison, Elixor, Rust, Zig), web tech (WASM, Web Containers, WebGPU, WebGL), database providers (Turso, Planetscale, Supabase, EdgeDB), and platforms (SST, AWS, Vercel, Netlify, Fly.io).
Tags