I begynnelsen ble alle designet i nettleseren. Dette er fordi vi bokstavelig talt ikke hadde noen andre alternativer. En tekstredigerer og en nettleser var de eneste verktøyene vi hadde.

HTML selv var ganske grunnleggende. Vi fikk ikke engang bord til noen år etter at vi hadde den første nettleseren. Når vi endelig gjorde det, tok det ikke lang tid for folk å begynne å lage layouter med dem. Jo, de var laget for tabelldata, men regler og standarder er laget for å være forferdelig ødelagte, ikke sant?

Noen få år, gjennomsiktige .gif- filer, og PSDer senere, så det vanlige webdesignoppsettet slik:

En designer ville lage et grensesnitt som så pent ut i Photoshop. Det kan være brukbart. På den annen side kan det ha en navigasjonstekst som blandes med bakgrunnen litt for godt. Det viktigste var at det så fint 3D med mange gradienter og slippe skygger.

Så ville noen (kanskje designeren, kanskje deres koder-kompis) skille opp det grunnleggende grensesnittet, omhyggelig gjenoppbygge alt med bord, og sørg for at det fungerte i IE6, i det minste.

Kan noen huske hva som skjedde da en klient ville ha en hovednavigasjonslenk for å endre, og navigasjonen var helt sammensatt av bilder?

Med tiden skiftet vi fra bord til CSS. Så byttet mange av oss fra å mocking alt i Photoshop for å designe i nettleseren igjen. Sirkelen ble stengt. Den gamle var ny igjen. IE6 ble kastet inn i Doom-fjellets branner.

Gode ​​tider.

De andre designverktøyene

Jeg begynte å designe nettsteder et sted midt i alt det da folk flyttet inn i Photoshop, men vi hadde også Dreamweaver, Frontpage og andre plager laget for å straffe synderne.

Jeg var et barn. Jeg visste ikke noe bedre. Jeg visste ikke hvordan HTML og CSS fungerte. Jeg visste heller ikke det:

Alt et webdesign-app kan gjøre, kode kan gjøre det bedre

Enkelt sagt, ingen visuell webdesign applikasjon vil noensinne tilby den rene fleksibiliteten som kommer fra å skrive HTML og CSS selv. Ved å skrive din egen HTML og CSS kan du prøve nye teknikker, skrive minst koden til den største effekten, og generelt bare lage bedre nettsteder.

Disse apps skrev forferdelig kode, faktisk

Det er ikke bare at du kan lage bedre nettsteder ved å lære å skrive HTML og CSS. De gamle programmene, FrontPage, Dreamweaver, alle av dem, var kjent for å skrive spesielt forferdelig kode. Det var oppblåst, sakte, nesten umulig å gi mening når du bytte til en tekstredigerer.

De var uhåndterlige

Selv diskontering av underliggende oppslag og styling, var programvaren forferdelig å bruke, spesielt hvis du ikke vet hvordan HTML og CSS fungerer i utgangspunktet. Du vet hvordan i gamle versjoner av Word, å plassere ett bilde i dokumentet ditt dårlig, kunne skru opp plasseringen av alle andre elementer?

Tenk deg det, men ikke vite hvordan du skal fikse det, fordi det ikke syntes å slette alt der det var før det ble slettet. Legg til å bli tapt i grensesnittet for alt det, og det var bare en dårlig opplevelse.

Men da ble de bedre

Når apps liker Ara , Webflow , Webydo , og andre først kom ut, jeg var veldig, veldig skeptisk. Og hvorfor ville jeg ikke være? Jeg hadde blitt brent før. Dessuten hadde jeg nettopp blitt borte fra å bruke Photoshop for alt, og jeg lærte mye ved å designe i nettleseren.

Men nylig har jeg hatt grunn til å se nærmere på disse nye appene, og undersøke nettstedene som er laget med dem. Mot alle mine bestillinger endrer jeg meg.

Koden ble mye bedre

Mens jeg står ved det jeg skrev noen få avsnitt opp, har koden virkelig blitt bedre. Års erfaring og standardbasert utvikling har gått inn i disse appene. Ingen ønsker å gå tilbake til de gamle måtene.

Det er ikke perfekt optimalisert kode. Men da trenger det ikke å være. Ingen kommer til å bygge den nye Wikipedia med Macaw eller Webydo. Markedet for disse appene består av små til mellomstore bedrifter som bare trenger et anstendig salgsfremmende nettsted.

Med mindre de blir rammet av tusenvis av besøkende hver dag, vil mindre enn perfekt kode ikke være noe som helst.

De tar med lerretet tilbake

Jeg får inspirasjon fra en rekke steder, men et rent, rent lerret er en av de beste. Det er bare så fylt med muligheter, med potensielle løsninger. Jeg sitter, jeg stirrer, og så begynner jeg å klikke.

Eller i det minste, det var slik jeg gjorde det tilbake da jeg spotte alt opp i Photoshop. Å designe et nettsted med kode gjør det litt vanskeligere å iterere raskt slik. Jeg har noen ganger det vanskelig å slippe av med noe jeg bare legger en halv time med CSS inn.

Dra 'n' drop iterasjon er bare raskere.

De er gode for nybegynnere

Frontpage sparket av karrieren min. Jeg ville aldri ha begynt i webdesign hvis jeg ikke hadde hatt en (relativt) enkel GUI for å få meg i gang. Jeg mener sikkert, for å få mest mulig ut av noe som Webflow, trenger du fortsatt å vite grunnleggende om HTML og CSS, men de gjør et flott sted å begynne å lære disse tingene.

Og denne bransjen trenger noe slikt for neste generasjon av nybegynnere.

Konklusjon

På mange måter er det alderen på den visuelle sidenskaperen. Newbies ganske ærlig ikke ønsker å lære Git, Gulp, NodeJS, eller til og med åpne en terminal, virkelig. De vil sende en melding på deres nettside og bli ferdig med det. På toppen av det ser færre kunder på å betale tusen dollar eller mer for et enkelt salgsfremmende nettsted.

Det er på tide å dra nytte av disse verktøyene for de som ikke har råd til penger eller tid for spesialisert webdesign og utvikling. Verktøyene er klare, og det er markedet.

Og det er greit for meg.

Utvalgt bilde, webdesign verktøy image via Shutterstock.