Une version révisée de cet article a été publiée pour la première fois dans le numéro 225 du magazine .net, le magazine le plus vendu au monde pour les concepteurs et les développeurs Web.
@twostepmedia: Où faire le gros du travail dans une page Web? Dans le front end ou dans le backend?
Lea Verou: Je suis un fervent partisan de faire tout ce que vous pouvez sur le client. Lorsque votre code s'exécute sur le client, il doit toujours gérer une machine, quel que soit le succès de votre projet.
Tout ce que vous écrivez sur le serveur peut devoir s'exécuter des milliers de fois par seconde si votre projet réussit, donc le maintenir et l'étendre devient de plus en plus difficile à mesure que votre site se développe. Sans parler des coûts d'hébergement croissants qui peuvent très rarement être entièrement couverts par les revenus du site Web. Bien sûr, beaucoup de logique côté client peuvent ralentir le chargement d'un site, mais nous avons des outils pour éviter cela, comme gzipping et obsfucation et, plus important encore, le chargement paresseux.
@komiska: Votre travail est génial! Qui vous a inspiré à suivre le chemin de la technologie?
LV: Merci! Je ne pense pas qu’il s’agisse d’être inspiré par quelqu'un. J'aimais juste faire des trucs depuis que je me souviens de moi. Quand j'étais enfant, j'utilisais autrefois des lingettes éponge de cuisine pour fabriquer des sacs à main et des sacs à main!
Vers 12 ans, j'ai découvert que la programmation me permettait de construire des choses utiles plus facilement et plus professionnellement que l'artisanat. Cela m'a tellement fasciné que je suis immédiatement tombé amoureux de la programmation et j'ai continué à m'efforcer de m'améliorer.
@jelmerdemaat: Comment @LeaVerou a-t-il créé @dabblet? Avec quel framework PHP / autre technique back-end? Quelle a été la partie la plus difficile?
LV: Dabblet n'a pas de base de données et le code côté serveur impliqué est minime. Un peu de PHP n'est utilisé que pour OAuth et générer une page de résultats à partager sans aucun chrome dabblet autour de lui (utile pour les cas de test de rapport de bogue). Comme vous pouvez le voir dans ses statistiques Github, PHP ne représente que 3% de dabblet. Tout le reste est côté client. Cela permet d'éviter la situation jsfiddle: jsfiddle fait tout sur le serveur, donc maintenant qu'il a réussi, sa charge de serveur a explosé et il est devenu lent.
@_dte: Quelle est la fonctionnalité CSS à venir la plus excitante pour vous?
LV: Filtrer les effets à coup sûr. Ils nous permettent de faire des choses qui étaient auparavant impossibles, pas seulement difficiles. Je ne suis pas très enthousiasmé par les modules de mise en page, car a) il faudra des siècles avant que nous puissions les utiliser, car ils ne se dégradent pas du tout avec grâce et b) la mise en page était toujours possible, juste inutilement difficile. Bien sûr, les nouveaux modules de mise en page sont également très importants, mais ce n’est pas le genre de choses qui me passionne.
Je suis également très enthousiasmé par les unités relatives de la fenêtre vw et vh et l'extension CSS3 du attr () fonction qui nous permettra d'utiliser attr () dans chaque propriété.
Je voudrais aussi vraiment voir d’autres navigateurs en plus d’Opera implémenter ajustement à l'objet et position de l'objet, afin que nous puissions arrêter d'utiliser les hacks d'arrière-plan pour recadrer les images à un rapport hauteur / largeur différent.
@gpirie: Quelle fonctionnalité aimeriez-vous voir introduite dans CSS?
LV: A actuel() fonction qui vous permet de référencer la valeur calculée d'autres propriétés. Comme une généralisation de currentColor (qui deviendrait alors un alias pour courant (couleur)). Bien sûr, mettre en œuvre une telle chose est très délicat, mais la réalité ne m'empêchera pas de rêver!
@kevdog: Quelles sont les trois erreurs CSS les plus courantes?
LV: L'erreur CSS la plus courante que je vois est que les gens codent leur CSS avec un accent sur le résultat, pas sur du code propre, maintenable et flexible (et ils refactorisent rarement). Il n’est pas seulement important que quelque chose regards en ce moment, avec un certain arrière-plan, un certain environnement et une certaine taille. Il devrait pouvoir adapter aux changements facilement, sans avoir à réécrire chaque règle à ce sujet de manière imprévisible.
Vous pourriez penser que vous ne changerez jamais quelque chose, mais avec suffisamment de temps, vous aurez presque certainement tort. Les préprocesseurs CSS peuvent vous aider. Ils constituent la solution de facilité, mais ils sont certainement meilleurs que du code répétitif et bâclé.
Une autre erreur est le CSS trop verbeux. Les gens ne sont pas conscients des valeurs par défaut, ils continuent donc de les redéfinir. Ils ne sont pas conscients des raccourcis, ils continuent donc à définir les propriétés à long terme à la place. Il y a des cas où vous devez faire ces choses exprès, mais ce n’est pas une raison de les faire de manière défensive dans tout.
@kevdog: Si vous pouviez changer une chose dans la spécification CSS, quelle serait-elle?
LV: Il existe de nombreuses suggestions avec lesquelles presque tout le monde au CSSWG est d'accord, mais qui ne peuvent pas être ajoutées en raison de la rupture de l'utilisation répandue sur le Web. Habituellement, le groupe de travail les nie complètement ou ajoute plus de propriétés pour contrôler le comportement, plutôt que de modifier les valeurs par défaut. J'aimerais voir un moyen d'accepter les modifications incompatibles en amont, afin que les sites Web existants ne soient pas interrompus. D'autres langages ont résolu ce problème il y a longtemps, mais avec HTML et CSS, nous continuons à lutter pour la compatibilité ascendante au prix d'une bonne conception de langage.
@StuRobson: Pensez-vous que c'est paresseux pour un développeur d'utiliser un framework ou un passe-partout sans comprendre tout ce qu'il fait?
LV: Non, mais je pense que c'est paresseux pour un développeur d'utiliser un framework ou un passe-partout sans en avoir personnellement besoin, juste parce que tout le monde le fait. Il est contre-productif d’essayer de résoudre des problèmes que vous n’avez pas encore.
@folktrash: À quel moment la "célébrité" s'est-elle produite? Comment as-tu su? Et cela aide-t-il ou entrave-t-il l'évangélisation de la qualité / sémantique du code?
LV: Merci, mais je ne suis pas sûr de pouvoir m'appeler ainsi. Tout le monde a tendance à considérer les personnes dont il a entendu parler plus connues que les personnes dont il n’avait aucune idée. Par conséquent, chacun a une tendance naturelle à surestimer sa propre notoriété, qui doit être équilibrée artificiellement (et presque aveuglément) lorsque l'on est conscient de ce phénomène. Nous devons également garder à l'esprit que personne dans notre industrie n'est vraiment une célébrité, personne n'est un nom familier.
Cela dit, 2011 a été folle, et il est évident que mon travail est plus reconnu que je n’aurais pu espérer. Cela aide certainement à évangéliser les standards du Web. Les gens accordent beaucoup plus d'attention quand je dis quelque chose maintenant qu'ils ne le faisaient il y a un an. Cependant, cela se fait au prix que les choses que je dis sont suranalysées, les gens peuvent trop y lire et m'attaquer pour avoir soi-disant des opinions que je n'ai même jamais envisagées. Ou parfois, juste pour avoir des vues, point final.
@Tawreh: Pourquoi êtes-vous si fanatique des femmes dans l'industrie? Je comprends la nécessité de l'égalité, mais à mon humble avis, vous la poussez à l'extrême.
LV: La première fois que j'entends une chose telle que "l'égalité extrême". L'égalité ne peut jamais être extrême et je doute que quiconque dirait même quelque chose de ce genre pour d'autres types de discrimination, comme le racisme. C’est une «discrimination à rebours» ou un «biais correctif» qui est extrême et je suis fermement contre cela.
Cela dit, je ne suis pas du tout «fanatique» des femmes dans l’industrie, je suis «fanatique» des stéréotypes de genre normatifs. Je ne vois presque jamais de sexisme dans notre industrie, il semble que les gens ont bien appris leur leçon il y a longtemps. Je ne pense pas que la faible participation des femmes dans notre industrie soit due au fait qu’elles ne se sentent plus les bienvenues. C’est le reste de notre société sexospécifique qui éloigne les femmes de l’ingénierie. Les petites filles jouent avec des jouets qui ne les encouragent pas à développer leurs capacités cognitives autant que les jouets pour garçons. Les films et jouets pour enfants sont les pires auteurs des stéréotypes de genre et je n'y vois guère d’intérêt. Tout le monde semble plutôt concentrer ses efforts sur les adultes, corrigeant les erreurs plutôt que d'éviter de les commettre en premier lieu.
@komiska: Y aura-t-il jamais une transition pour le poids de la police?
LV: Citant une note de la spécification, "ce n'est pas si simple". La plupart des propriétés n'ont pas assez de poids pour une transition en douceur et le navigateur ne peut pas générer les états intermédiaires car il n'y a aucun moyen de les représenter en CSS. Cela dit, nous pourrions éventuellement prolonger fondu enchaîné () à partir des valeurs d'image CSS4 à appliquer à toutes les valeurs CSS, pas seulement aux images, ce qui résoudrait la plupart des problèmes de transition, et nous donne un outil puissant qui peut également être utilisé de manière statique.
