J’ai un conseil à donner aux amis et à la famille lorsqu’ils deviennent parents : Juste au moment où vous pensez avoir tout compris, tout change. Juste au moment où vous maîtrisez les tétées, les couches et les siestes régulières, il est temps de passer aux aliments solides, à l’apprentissage de la propreté et à l’heure du coucher. Une fois que vous les avez compris, c’est l’heure de la maternelle et des rares siestes. Le cycle continue encore et encore.
L’article continue ci-dessous
Il en va de même pour ceux d’entre nous qui travaillent aujourd’hui dans la conception et le développement. Ayant travaillé en ligne pendant près de trois décennies maintenant, j’ai constaté un déclin régulier des idées, des techniques et des technologies. Chaque fois que nous suivons un rythme régulier en tant que développeurs et concepteurs, une nouvelle idée ou technologie apparaît qui bouleverse les choses et change notre monde.
J’ai créé mon premier site Web au milieu des années 90. À cette époque, la conception et le développement de sites Web étaient gratuits pour tous, avec peu de normes établies. Pour toute mise en page sauf une colonne, nous avons utilisé table éléments, souvent des cellules vides, qui contiennent un espaceur GIF d’un seul pixel pour ajouter un espace vide. Nous avons stylisé le texte avec plusieurs font des balises, des balises imbriquées à chaque fois que nous voulions changer le style de police. Et nous n’avions le choix que entre trois ou quatre polices : Arial, Courier ou Times New Roman. Lorsque Verdana et Georgia sont sortis en 1996, nous nous sommes réjouis car nos options ont presque doublé. Les seules couleurs sûres parmi lesquelles choisir étaient les 216 couleurs « Web safe » connues pour fonctionner sur toutes les plates-formes. Les quelques éléments interactifs (tels que les formulaires de contact, les livres d’or et les compteurs) étaient pour la plupart alimentés par des scripts CGI (principalement écrits en Perl à l’époque). Atteindre un look unique impliquait de nombreux piratages. L’interaction était souvent limitée à des pages spécifiques du site.
La naissance des standards du Web#section3
Au tournant du siècle, un nouveau cycle commence. Code cruel complet table mises en page et font les étiquettes ont diminué et la pression en faveur des normes Web a diminué. Les technologies plus récentes telles que CSS ont été largement adoptées par les fabricants, développeurs et concepteurs de navigateurs. Cette évolution vers des normes ne s’est pas produite par accident ou du jour au lendemain. Cela a nécessité une collaboration active entre le W3C et les fournisseurs de navigateurs, ainsi qu’une forte évangélisation de la part de personnes comme Projet de normes Web pour les normes de construction. Une liste à part et des livres comme Concevoir avec les standards du Web Jeffrey Zeldman a joué un rôle clé en enseignant aux développeurs et aux concepteurs pourquoi les normes sont importantes, comment les mettre en œuvre et comment les vendre à leurs organisations. Et des approches telles que l’amélioration incrémentielle ont introduit l’idée selon laquelle le contenu devrait être disponible pour tous les navigateurs, avec des améliorations incrémentielles disponibles pour les navigateurs avancés. En même temps, des sites comme Jardin Zen CSS a démontré à quel point le CSS peut être puissant et polyvalent lorsqu’il est combiné à une structure HTML sémantique solide.
Les langages côté serveur comme PHP, Java et .NET ont dépassé Perl sur les mainframes et cgi-bin a été détruit. Avec ces meilleurs outils côté serveur est arrivée la première ère des applications Web, à commencer par les systèmes de gestion de contenu (en particulier dans le domaine des blogs avec des outils comme Blogger, Gray Matter, Movable Type et WordPress). Au milieu des années 2000, AJAX a ouvert les portes de la communication asynchrone front-end et back-end. Du coup, les pages peuvent mettre à jour leur contenu sans avoir à recharger. Un certain nombre de frameworks JavaScript ont vu le jour, tels que Prototype, YUI et jQuery, pour aider les développeurs à créer une communication côté client plus fiable entre les navigateurs prenant en charge des normes très différentes. Des méthodes telles que le remplacement d’images permettent aux concepteurs et développeurs astucieux d’afficher les polices de leur choix. Et des technologies comme Flash ont permis d’ajouter des animations, des jeux et encore plus d’interactivité.
Ces nouvelles technologies, normes et techniques ont revitalisé l’industrie à bien des égards. La conception Web a prospéré à mesure que les concepteurs et les développeurs exploraient des styles et des mises en page plus diversifiés. Mais nous nous sommes quand même appuyés sur des tonnes de hacks. Les premiers CSS représentaient une énorme amélioration par rapport aux mises en page basées sur des tableaux en termes de mise en page de base et de style de texte, mais ses limites signifiaient à l’époque que les concepteurs et les développeurs s’appuyaient encore fortement sur des images pour les colonnes pleine longueur (entre autres hacks), les formes complexes (telles que les coins arrondis ou inclinés) et les arrière-plans en mosaïque. Les mises en page complexes nécessitaient toutes sortes de flotteurs imbriqués ou de positionnement absolu (ou les deux). Le flashage des polices personnalisées et le remplacement des images constituaient un bon début pour modifier les polices Big Five, mais les deux hacks ont entraîné des problèmes d’accessibilité et de performances. Et les bibliothèques JavaScript ont permis à quiconque d’ajouter facilement une touche d’interaction aux pages, mais au prix de doubler, voire de quadrupler la capacité de téléchargement de sites Web simples.
Le Web comme plateforme logicielle#section4
La symbiose front-end et back-end a continué de s’améliorer et a conduit à l’ère actuelle des applications Web modernes. Entre les langages de programmation étendus côté serveur (qui ont grandi pour inclure Ruby, Python, Go, etc.) et les nouveaux outils frontaux comme React, Vue et Angular, nous avons pu créer des logiciels entièrement performants pour le Web. Parallèlement à ces outils, d’autres sont venus, notamment le contrôle de version collaboratif, l’automatisation de la construction et les bibliothèques de packages partagées. Ce qui était autrefois essentiellement un environnement de documents liés est devenu un domaine aux possibilités infinies.
Dans le même temps, les appareils mobiles sont devenus plus performants et nous ont donné accès à Internet dans nos poches. Les applications mobiles et le design réactif ont ouvert de nouvelles possibilités d’interactions partout et à tout moment.
Cette combinaison d’appareils mobiles performants et d’outils de développement puissants a contribué à l’essor des médias sociaux et d’autres outils centralisés permettant aux gens de se connecter et de consommer. À mesure qu’il devenait plus facile et plus courant de se connecter directement avec d’autres sur Twitter, Facebook et même Slack, le désir de sites personnels hébergés a diminué. Les médias sociaux ont établi des liens à l’échelle mondiale avec les bons comme les mauvais côtés.
Vous voulez un historique beaucoup plus détaillé de la façon dont nous en sommes arrivés là et des autres façons dont nous pouvons nous améliorer ? Jeremy Keith a écrit À propos du temps et du Web. Ou consultez une chronologie de l’histoire de la conception Web au Museum of Web Design. Neal Agarwal propose également une visite amusante des artefacts Internet.
Au cours des dernières années, nous avons l’impression que nous avons commencé à franchir un nouveau tournant majeur. À mesure que les plateformes de médias sociaux s’effondrent et rétrécissent, on constate un regain d’intérêt pour la possession de son propre contenu. Il existe de nombreuses façons différentes de créer un site Web, du classique éprouvé consistant à héberger des fichiers HTML simples aux générateurs de sites statiques en passant par les systèmes de gestion de contenu de toutes sortes. La perturbation des médias sociaux a également un coût : nous perdons les infrastructures essentielles à la découverte et à la connexion. Les mentions Web, RSS, ActivityPub et d’autres outils IndieWeb peuvent y contribuer, mais ils sont encore relativement sous-implémentés et difficiles à utiliser pour les moins geeks. Nous pouvons créer des sites Web personnels incroyables et les enrichir régulièrement, mais sans découverte ni connexion, nous avons parfois l’impression de crier dans le vide.
La prise en charge par les navigateurs de CSS, JavaScript et d’autres normes telles que les composants Web s’est accélérée, notamment grâce à des efforts comme Interop. Les nouvelles technologies bénéficient d’un large soutien en une fraction du temps qu’elles bénéficiaient auparavant. Je découvre souvent une nouvelle fonctionnalité et ne vérifie la prise en charge du navigateur que lorsque je constate que la couverture est déjà supérieure à 80 %. Aujourd’hui, l’obstacle à l’utilisation de techniques plus récentes n’est souvent pas la prise en charge du navigateur, mais simplement la rapidité avec laquelle les concepteurs et les développeurs peuvent se renseigner sur ce qui est disponible et comment l’adopter.
Aujourd’hui, nous pouvons prototyper presque n’importe quelle idée avec quelques commandes et quelques lignes de code. Tous les outils à notre disposition facilitent plus que jamais le démarrage de quelque chose de nouveau. Cependant, les coûts initiaux que ces frameworks peuvent économiser lors de la livraison initiale seront finalement payés à mesure que leur mise à jour et leur maintenance feront partie de notre dette technique.
Lorsque nous nous appuyons sur des cadres tiers, l’adoption de nouvelles normes peut parfois prendre plus de temps, car nous devrons peut-être attendre que ces cadres adoptent ces normes. Ces cadres – qui permettaient autrefois d’adopter de nouvelles techniques plus tôt – sont désormais devenus des barrières. Ces mêmes frameworks ont également souvent une surcharge de performances qui oblige les utilisateurs à attendre que les scripts se chargent avant de pouvoir lire ou interagir avec les pages. Et lorsque les scripts échouent (que ce soit en raison d’un mauvais code, de problèmes de réseau ou d’autres facteurs environnementaux), il n’y a souvent aucune alternative, laissant les utilisateurs avec des pages vierges ou cassées.
Où allons-nous à partir d’ici ?#section6
Les hacks d’aujourd’hui contribuent à façonner les normes de demain. Et il n’y a rien de mal à adopter dès maintenant des hacks pour faire avancer le présent. Les problèmes ne surviennent que lorsque nous ne voulons pas admettre qu’il s’agit de hacks ou que nous hésitons à les remplacer. Que pouvons-nous faire pour créer l’avenir que nous souhaitons pour le Web ?
Construisez pour durer. Optimisez pour les performances, l’accessibilité et l’utilisateur. Considérez le coût de ces outils conviviaux pour les développeurs. Ils peuvent rendre votre travail un peu plus facile aujourd’hui, mais quel impact ont-ils sur tout le reste ? Qu’est-ce que cela coûte aux utilisateurs ? Pour les futurs développeurs ? Adoption de normes ? Parfois, la commodité peut en valoir la peine. Parfois, c’est juste une habitude à laquelle on s’est habitué. Et parfois, cela vous empêche d’opter pour des options encore meilleures.
Commencez par les normes. Les normes évoluent avec le temps, mais les navigateurs ont fait un travail remarquable en continuant à prendre en charge les anciennes normes. Il n’en va pas toujours de même pour les frameworks tiers. Les sites construits en utilisant même le code HTML le plus éculé des années 90 fonctionnent toujours bien aujourd’hui. On ne peut pas toujours en dire autant des sites construits avec des frameworks, même après quelques années.
Concevez avec soin. Que votre travail concerne du code, des pixels ou des processus, réfléchissez à l’impact de chaque décision. Le prix de la commodité de nombreux outils modernes est que les décisions sous-jacentes qui ont conduit à leur conception ne sont pas toujours comprises et l’impact de ces décisions n’est pas toujours pris en compte. Au lieu de vous précipiter pour « aller vite et casser les choses », utilisez le temps gagné grâce aux outils modernes pour une réflexion et une réflexion plus approfondies.
Apprenez toujours. Si vous apprenez toujours, vous grandissez également. Parfois, il peut être difficile de déterminer exactement ce qui vaut la peine d’être appris et ce qui constitue simplement le hack du jour. Vous pourriez finir par vous concentrer sur quelque chose qui n’a pas d’importance l’année prochaine, même si vous vous concentriez uniquement sur les normes d’apprentissage. (Vous vous souvenez de XHTML ?) Mais un apprentissage constant ouvre de nouvelles connexions dans votre cerveau, et un hack que vous apprenez un jour peut vous aider à faire différentes expériences le lendemain.
Jouez, expérimentez et soyez bizarre ! Ce site Web que nous avons créé est l’expérience ultime. Il s’agit de la plus grande entreprise humaine de l’histoire, et pourtant chacun de nous peut y créer sa propre poche. Soyez courageux et essayez de nouvelles choses. Construisez un terrain de jeu pour les idées. Faites des expériences idiotes dans votre laboratoire scientifique fou. Démarrez votre propre petite entreprise. Il n’y a jamais eu d’endroit plus puissant pour être créatif, prendre des risques et explorer ce dont nous sommes capables.
Partagez et amplifiez. Partagez ce qui a fonctionné pour vous pendant que vous expérimentez, jouez et apprenez. Écrivez sur votre site Web, publiez sur votre réseau social préféré ou criez-le sur TikTok. Écrivez quelque chose Une liste à part! Mais prenez également le temps de responsabiliser les autres : trouvez de nouvelles voix, apprenez d’elles et partagez ce qu’elles vous ont appris.
Allez-y et faites-le#section7
En tant que concepteurs et développeurs sur le Web (et ailleurs), nous sommes responsables de créer l’avenir chaque jour, qu’il s’agisse de sites Web personnels, d’outils de médias sociaux utilisés par des milliards de personnes ou de tout ce qui se trouve entre les deux. Intégrons nos valeurs dans les choses que nous créons et faisons du Web un endroit meilleur pour tous. Créez la chose pour laquelle vous êtes particulièrement qualifié. Ensuite, partagez-le, améliorez-le, refaites-le ou créez quelque chose de nouveau. Apprendre. Faire. Partager. Grandir. Rincer et répéter. Chaque fois que vous pensez maîtriser le Web, tout change.
Credit Post By: by