Parcourir les déchets numériques d'un concepteur Web

Publié: 2022-01-13

Si vous ne savez pas depuis combien de temps vous êtes dans l'industrie de la conception Web, jetez un œil à vos données. Cela en dit long sur qui vous êtes et sur les choses que vous avez faites.

Pour quelqu'un qui a commencé au milieu des années 1990, mes archives de données ont des volumes à dire. Des documents HTML mal codés à la main au PHP complexe (et toujours bâclé), les fichiers couvrent toute la gamme des modes de conception et de la technologie du moment.

Une grande partie provient d'une époque où le stockage en nuage ne permettait pas de transférer facilement nos fichiers d'un appareil à l'autre. Passer à un nouvel ordinateur signifiait créer des sauvegardes sur des supports physiques (CD, DVD, disques externes et bandes magnétiques). C'était nécessaire - parce que vous ne saviez jamais quand vous auriez à nouveau besoin de ce clipart super cool.

Juste pour le plaisir, j'ai décidé de faire de la plongée dans les poubelles (euh, chasse au trésor). J'ai passé au peigne fin une partie des déchets numériques que j'ai accumulés au fil des ans. Qu'est-ce que j'ai trouvé ? Qu'est-ce que tout cela veut dire? Découvrons-le!

Outils hérités

J'ai l'habitude de m'accrocher à diverses applications et scripts qui ont été utiles à un moment donné. Ils ont peut-être exécuté des fonctions avancées (par rapport à leur temps) ou simplement rendu une tâche monotone un peu plus facile.

Certains restent utiles, tandis que d'autres ramassent la poussière virtuelle. Parmi les temps forts :

FormToEmail-Pro
Ce script de traitement de formulaire PHP comprenait la possibilité de définir des champs obligatoires et un système CAPTCHA rudimentaire. Tous les paramètres étaient contenus dans un seul fichier. La date de version est 2010, donc probablement pas sûre à utiliser de nos jours.

Note Tab Pro
Un éditeur de texte à l'ancienne avec des tonnes de fonctionnalités utiles. L'application simplifie les tâches telles que la suppression des balises HTML, la modification de la casse du texte et les scénarios complexes de recherche et de remplacement sur plusieurs fichiers. C'était l'un des premiers outils que j'ai utilisé qui comportait la mise en évidence du code.

J'aime tellement celui-ci que je l'utilise encore. La version que j'exécute date de 2014, mais le plus ancien programme d'installation sur mon disque remonte à 2004. Et vous pouvez toujours le télécharger.

Bonbons pour les yeux
J'ai commencé à utiliser cette suite de filtres Photoshop dans les années 1990. Ils vous permettent de créer toutes sortes d'effets spéciaux intéressants, ce qui peut être une bonne ou une mauvaise chose. J'admets avoir créé des graphismes assez odieux avec. 😳

Le produit existe toujours et a survécu malgré le changement de marque de l'entreprise. Il est installé sur mon système mais ne voit pas autant d'utilisation qu'à l'époque.

Assistant de police HTML et de balise de corps
Avant que les outils WYSIWYG ne fassent fureur, cette petite application fournissait des morceaux de code utiles. Je l'ai particulièrement aimé pour trouver des codes de couleurs hexadécimaux et des caractères ASCII. Celui-ci est révolu depuis longtemps, mais pas oublié.

Ce que cela dit sur la conception Web
En dehors des éditeurs de code, les outils destinés aux concepteurs de sites Web ont tendance à être très spécialisés. Et cela n'a pas beaucoup changé au fil des ans.

Le plus grand changement réside peut-être dans la façon dont ils sont emballés. De nombreuses fonctions qui étaient autrefois couvertes par des applications autonomes sont désormais basées sur le Web. Cela nous permet de les utiliser n'importe où et sur n'importe quel appareil.

Et ces scripts uniques sont désormais disponibles via les plugins du système de gestion de contenu (CMS). Ils ont également reçu une interface graphique, ce qui est beaucoup plus pratique que de pirater du code.

Filtres Photoshop Eye Candy

Beaucoup de polices et d'actifs numériques assortis

Au début de la conception Web, les ressources numériques telles que les polices et les illustrations étaient vendues sur des supports physiques. Achetez une collection et vous nageriez dans des articles risibles par rapport à ce qui est disponible aujourd'hui.

Corel était un acteur important sur ce marché. Leurs produits étaient amusants car ils étaient également accompagnés d'un livre de référence. Feuilletez ses pages et, lorsque vous voyez quelque chose d'intéressant, le livre vous dirige vers le disque où il se trouve. Je suppose que vous pourriez dire que c'était un des premiers moyens de filtrer les résultats. 😄

J'ai copié chacune des polices disponibles - toutes les 1 800+ d'entre elles - dans un dossier. Bien qu'il y ait quelques styles classiques inclus, la plupart semblent sortir tout droit d'un catalogue de jouets des années 1990.

Ensuite, il y a les milliers d'icônes, de pinceaux Photoshop, de textures, de formes et d'images vectorielles. À quand remonte la dernière fois que l'un de ces éléments a été utilisé dans un projet ? Disons que ça fait un moment !

Ce que cela dit sur la conception Web
Le thème ici est à quel point la conception Web exagérée était autrefois. Avant que le CSS ne devienne la centrale électrique qu'il est aujourd'hui, des visuels intenses étaient souvent utilisés pour avoir un impact.

Créer des graphiques élaborés était une pratique courante. En parcourant des sites plus anciens, vous trouverez souvent des arrière-plans occupés et des bannières futuristes. Et comme la typographie Web était assez limitée, les concepteurs avaient tendance à jeter toutes les polices folles qu'ils pouvaient dans un projet.

Les résultats ont été mitigés. Même si un site Web avait l'air agréable à regarder, il pouvait manquer de lisibilité de base. Sans parler des fonctionnalités d'accessibilité peu ou pas. Dieu merci pour le virage vers le minimalisme.

Un livre de styles de police.

Des projets qui ont fait long feu

Tous les projets ne méritent pas d'être répertoriés dans votre portefeuille. Certains ne reflètent pas les types de clients que vous recherchez. D'autres peuvent même ne jamais arriver au lancement.

Après avoir passé un quart de siècle (beurk !) dans cette industrie, je n'ai pas été surpris de trouver un certain nombre de ces projets dans les archives. Il existe des dizaines de sites qui n'existent plus ou qui n'étaient plus que des concepts.

Parmi les éléments qui se sont démarqués, il y avait mon site personnel, vers 1999 (par coïncidence, la même année où j'ai commencé à travailler en indépendant). La conception reflète très bien la technologie de l'époque. Il a été construit avec HTML et a utilisé des mises en page de tableau. Et il mesurait un minuscule 602 pixels de largeur – presque réactif sans même essayer.

Trouver ce site était doux-amer, car j'étais fier d'avoir une présence personnelle sur le Web. Mais le temps passe et il n'y en a pas assez pour prioriser ce type de projet. Hélas, il est en chambre froide avec les autres.

Ce que cela dit sur la conception Web
Être webdesigner est un exercice de patience. Parfois, vous devez faire l'expérience de projets qui ne fonctionnent pas pour en tirer des leçons. Cela vous rend meilleur à long terme.

Je peux en témoigner, car le nombre de projets dans cette catégorie a diminué ces dernières années. Cela a peut-être quelque chose à voir avec la maturité du Web. Mais cela pourrait aussi être le résultat d'être un peu pointilleux sur les clients avec lesquels je travaille.

C'est le résultat de la mise en pratique de ce que vous avez appris.

Une capture d'écran du site Web personnel de l'auteur, vers 1999.

L'histoire d'un concepteur Web, racontée par des fichiers

Enfin, la thésaurisation des fichiers a porté ses fruits ! Blague à part, fouiller dans le passé était un exercice amusant. C'est quelque chose que je recommanderais à tout professionnel du web qui a accumulé quelques années d'archives.

Vous trouverez probablement des surprises, ainsi que des objets que vous aviez oubliés. Surtout, vous verrez à quel point vous et le Web avez progressé au fil du temps. Cela peut servir de rappel réconfortant à mesure que vous avancez dans votre carrière.