Au début, tout le monde a conçu dans le navigateur. C'est parce que nous n'avions littéralement aucune autre option. Un éditeur de texte et un navigateur étaient les seuls outils dont nous disposions.
HTML lui-même était assez basique. Nous n'avons même pas eu de tables avant quelques années après avoir eu le premier navigateur. Lorsque nous avons finalement réussi, il n'a pas fallu longtemps pour que les gens commencent à faire des mises en page avec eux. Bien sûr, ils ont été conçus pour des données tabulaires, mais les règles et les normes sont conçues pour être horriblement brisées, non?
Quelques années plus tard, les fichiers .gif et PSD transparents, la configuration habituelle de la conception Web ressemblait à ceci:
Un concepteur créerait une interface qui semblait jolie dans Photoshop. Il pourrait être utilisable. D'un autre côté, le texte de navigation pourrait se fondre un peu trop dans l'arrière-plan. L'important était qu'il ressemblait à un 3D avec beaucoup de dégradés et d'ombres portées.
Puis quelqu'un (peut-être le concepteur, peut-être leur copain codeur) pourrait découper cette interface de base, reconstruire minutieusement le tout avec des tables et s'assurer que cela fonctionnait au moins dans IE6.
Quelqu'un peut-il se souvenir de ce qui s'est passé lorsqu'un client souhaitait qu'un lien de navigation principal change et que la navigation soit entièrement composée d'images?
Avec le temps, nous sommes passés de tables à CSS. Ensuite, beaucoup d’entre nous sont passés de la simulation dans Photoshop à la conception dans le navigateur. Le cercle était fermé. L'ancien était nouveau. IE6 a été jeté dans les feux de Mount Doom.
Bon temps.
J'ai commencé à concevoir des sites Web quelque part au milieu de tout cela, lorsque les gens évoluaient vers Photoshop, mais nous avions aussi Dreamweaver, Frontpage et d'autres plaies conçues pour punir les pécheurs.
J'étais un gamin. Je ne savais pas mieux. Je ne savais pas comment HTML et CSS fonctionnaient. Je ne savais pas non plus que:
En termes simples, aucune application de conception Web visuelle n'offrira jamais la souplesse nécessaire à l'écriture du HTML et du CSS. L'écriture de votre propre code HTML et CSS vous permet d'essayer de nouvelles techniques, d'écrire le moins de code possible et de créer de meilleurs sites Web.
Ce n'est pas seulement que vous pouvez créer de meilleurs sites Web en apprenant à écrire en HTML et en CSS. Ces anciens programmes, FrontPage, Dreamweaver, tous étaient connus pour écrire du code particulièrement terrible. Il était gonflé, lent, presque impossible à comprendre lorsque vous passiez à un éditeur de texte.
Même en ignorant le balisage et le style sous-jacents, le logiciel était terrible à utiliser, surtout si vous ne savez pas comment HTML et CSS fonctionnent en premier lieu. Vous savez comment, dans les anciennes versions de Word, placer une image de façon incorrecte dans votre document pourrait gâcher le placement de tous les autres éléments?
Imaginez cela, mais ne sachant pas comment y remédier, car la suppression de l'image ne semblait pas tout remettre par le passé. Ajouter être perdu dans l'interface à tout cela, et c'était juste une mauvaise expérience.
Quand les applications aiment Ara , Webflow , Webydo , et les autres sont sortis pour la première fois, j'étais très, très sceptique. Et pourquoi ne serais-je pas? J'ai été brûlé avant. De plus, je venais de ne plus utiliser Photoshop pour tout et j'ai beaucoup appris en concevant dans le navigateur.
Mais récemment, j'ai eu raison d'examiner de plus près ces nouvelles applications et d'examiner les sites créés avec elles. Contre toutes mes réserves, je change d'avis.
Bien que je maintienne ce que j'ai écrit quelques paragraphes plus haut, le code s'est vraiment amélioré. Des années d’expérience et de développement basé sur des normes ont été consacrés à ces applications. Personne ne veut revenir aux anciennes manières.
Ce n'est pas un code parfaitement optimisé. Mais alors, ce n'est pas nécessaire. Personne ne va construire le nouveau Wikipedia avec Macaw ou Webydo. Le marché de ces applications est constitué de petites et moyennes entreprises qui ont simplement besoin d’un site promotionnel décent.
À moins qu'ils ne soient touchés par des milliers de visiteurs chaque jour, un code moins que parfait n'aura aucune importance.
Je m'inspire de divers endroits, mais une toile vierge et vierge est l'une des meilleures. Il est tellement chargé de possibilités, avec des solutions potentielles. Je suis assis, je regarde, puis je commence à cliquer.
Ou du moins, c'est comme ça que je l'ai fait quand j'ai tout raillé dans Photoshop. Concevoir un site avec du code le rend un peu plus difficile à parcourir rapidement. J'ai parfois du mal à abandonner quelque chose dans lequel je viens de mettre une demi-heure de CSS.
L'itération glisser-déposer est plus rapide.
Frontpage a lancé ma carrière. Je n'aurais jamais commencé dans la conception de sites Web si je n'avais pas eu (relativement) une interface graphique facile à utiliser. Je veux dire, bien sûr, pour tirer le maximum de quelque chose comme Webflow, vous devez tout de même connaître les bases du HTML et du CSS, mais elles constituent un excellent endroit pour apprendre ces choses.
Et cette industrie a besoin de quelque chose comme ça pour la prochaine génération de débutants.
À bien des égards, c’est l’âge du créateur du site visuel. Franchement, les débutants ne veulent pas apprendre Git, Gulp, NodeJS, ou même ouvrir un terminal, vraiment. Ils veulent mettre un message sur leur page Web et en finir avec eux. En plus de cela, moins de clients voient l'intérêt de payer mille dollars ou plus pour un site promotionnel simple.
Il est temps de tirer parti de ces outils pour ceux qui ne peuvent pas se permettre d’argent ou de temps pour la conception et le développement Web spécialisés. Les outils sont prêts, tout comme le marché.
Et ça va pour moi.
L'image sélectionnée, outils de conception de sites Web image via Shutterstock.