I början designades alla i webbläsaren. Detta beror på att vi bokstavligen inte hade några andra alternativ. En textredigerare och en webbläsare var de enda verktygen vi hade.

HTML själv var ganska grundläggande. Vi fick inte ens bord fram till några år efter att vi hade den första webbläsaren. När vi äntligen gjorde det tog det inte lång tid för människor att börja göra layouter med dem. Visst, de var designade för tabelldata, men regler och standarder görs för att vara hemskt brutna, eller hur?

Några år, transparenta .gif- filer och PSD-enheter senare såg den vanliga webbdesignen så här ut:

En designer skulle göra ett gränssnitt som såg ganska ut i Photoshop. Det kan vara användbart. Å andra sidan kan det ha navigeringstext som blandade sig med bakgrunden lite för bra. Det viktiga var att det såg snygg 3D med många gradienter och droppe skuggor.

Då skulle någon (kanske formgivaren, kanske deras kodare kompis) skära upp det grundläggande gränssnittet, bygga omhyggeligt allt med bord och se till att det fungerade i IE6, åtminstone.

Kan någon komma ihåg vad som hände när en klient ville ha en huvudnavigeringslänk för att ändra, och navigationen var helt och hållet sammansatt av bilder?

Med tiden bytte vi från tabeller till CSS. Därefter bytte många av oss från att spotta allt upp i Photoshop och designade i webbläsaren igen. Cirkeln var stängd. Den gamla var ny igen. IE6 kastades in i Dooms bränder.

Härliga tider.

De andra designverktygen

Jag började designa webbplatser någonstans mitt i allt det, när folk flyttade in i Photoshop, men vi hade också Dreamweaver, Frontpage och andra plågor avsedda att straffa syndarna.

Jag var ett barn. Jag visste inte bättre. Jag visste inte hur HTML och CSS fungerade. Det visste jag inte heller

Allt som en webbdesignapp kan göra, kan koden göra bättre

Enkelt uttryckt kommer ingen visuell webbdesign applikation någonsin att erbjuda den rena flexibiliteten som kommer från att skriva HTML och CSS själv. Genom att skriva din egen HTML och CSS kan du prova nya tekniker, skriva den minsta koden till den största effekten och generera bara bättre webbplatser.

Dessa appar skrev faktiskt fruktansvärda koden

Det är inte bara att du kan göra bättre webbplatser genom att lära dig att skriva HTML och CSS. De gamla programmen FrontPage, Dreamweaver, var alla kända för att skriva särskilt hemsk kod. Det var uppblåst, långsamt, nästan omöjligt att känna av när du bytte till en textredigerare.

De var obehagliga

Även diskontering av underliggande markering och styling var programvaran hemskt att använda, särskilt om du inte vet hur HTML och CSS fungerar i första hand. Du vet hur i gammal versioner av Word, då du kan placera en bild i ditt dokument dåligt, kunna skruva upp placeringen av alla andra element?

Föreställ dig det, men inte veta hur du fixar det, eftersom borttagningen av bilden inte tycks lägga tillbaka allt där det var förut. Lägg till förlorad i gränssnittet för allt detta, och det var bara en dålig upplevelse.

Men då blev de bättre

När apps gillar Ara , WebFlow , Webydo , och andra kom först ut, jag var väldigt, mycket skeptisk. Och varför skulle jag inte vara? Jag hade bränts förut. Dessutom hade jag just blivit borta från att använda Photoshop för allt, och jag lärde mig mycket genom att designa i webbläsaren.

Men nyligen har jag haft anledning att titta närmare på dessa nya appar och granska de webbplatser som gjordes med dem. Mot alla mina reserveringar ändrar jag mig.

Koden blev mycket bättre

Medan jag står inför vad jag skrev några stycken upp, har koden verkligen förbättrats. Års erfarenhet och standardbaserad utveckling har gått in i dessa appar. Ingen vill gå tillbaka till de gamla vägarna.

Det är inte perfekt optimerad kod. Men då behöver det inte vara. Ingen kommer att bygga den nya Wikipedia med Macaw eller Webydo. Marknaden för dessa appar består av små till medelstora företag som bara behöver en anständig marknadsplats.

Om inte de blir drabbade av tusentals besökare varje dag kommer mindre än perfekt kod inte att betyda mycket.

De tar tillbaka duken

Jag får inspiration från en mängd olika ställen, men en ren, blank duk är en av de bästa. Det är bara så laddat med möjligheter, med potentiella lösningar. Jag sitter, jag stirrar, och sedan börjar jag klicka.

Eller åtminstone så gjorde jag det tillbaka när jag spottade allt i Photoshop. Att utforma en webbplats med kod gör det lite svårare att iterera snabbt så. Jag har ibland svårt att släppa ut någonting som jag bara lagt in en halvtimme av CSS.

Drag 'n' drop iteration är bara snabbare.

De är bra för nybörjare

Frontpage startade min karriär. Jag skulle aldrig ha börjat i webbdesign om jag inte hade en (relativt) lätt GUI för att få mig igång. Jag menar säkert, för att få ut det mesta av något som Webflow, behöver du fortfarande veta grunderna i HTML och CSS, men de gör ett bra ställe för att börja lära sig de sakerna.

Och den här industrin behöver något liknande för nästa generations nybörjare.

Slutsats

På många sätt är det åldern för den visuella webbplatsskaparen. Newbies vill helt enkelt inte lära sig Git, Gulp, NodeJS, eller ens öppna en terminal, verkligen. De vill sätta ett meddelande på sin webbsida och göra det med det. Utöver det ser färre kunder på att betala tusen dollar eller mer för en enkel marknadsföringsplats.

Det är dags att utnyttja dessa verktyg för dem som inte har råd med pengar eller tid för specialiserad webbdesign och utveckling. Verktygen är redo, och så är marknaden.

Och det är okej av mig.

Utvald bild, webbdesign verktygs bild via Shutterstock.