Í byrjun, allir hönnuð í vafranum. Þetta er vegna þess að við höfðum bókstaflega engar aðrar valkosti. Textaritill og vafri voru eina verkfæri sem við höfðum.

HTML sjálft var frekar einfalt. Við fengum ekki einu sinni borðum fyrr en nokkrum árum eftir að við höfðum fyrstu vafrann. Þegar við gerðum það loksins tókst það ekki lengi að fólk byrjaði að gera skipulag með þeim. Jú, þeir voru hannaðar fyrir töflur, en reglur og staðlar eru gerðar til að vera hræðilega brotinn, ekki satt?

Nokkur ár, gagnsæ .gif skrár og PSDs seinna, venjulega vefhönnun skipulag útlit þetta svona:

Hönnuður myndi gera viðmót sem horfði frekar í Photoshop. Það gæti verið nothæft. Á hinn bóginn gæti það haft flakk texta sem blandaðist við bakgrunninn svolítið of vel. Það mikilvægasta var að það leit nokkuð 3D með miklum stigum og sleppt skuggum.

Þá gæti einhver (kannski hönnuður, ef til vill samskiptafélagi þeirra) slitið upp þetta undirstöðu tengi, reisa vandlega saman allt með borðum og tryggja að það virki í IE6, að minnsta kosti.

Getur einhver muna hvað gerðist þegar viðskiptavinur vildi hafa aðalleiðsögnarklefann til að breyta og leiðsögnin samanstóð eingöngu af myndum?

Með tímanum skiptuðum við úr borðum í CSS. Þá skiptu margir af okkur frá því að mocking allt upp í Photoshop til að hanna í vafranum aftur. Hringurinn var lokaður. Gamli var nýr aftur. IE6 var kastað í elda Doomfjallsins.

Góðar stundir.

Hin hönnun verkfæri

Ég byrjaði að hanna vefsíður einhvers staðar í miðri öllu því þegar fólk var að flytja inn í Photoshop en við höfðum einnig Dreamweaver, Frontpage og aðrar plágur sem ætluðu að refsa syndarar.

Ég var krakki. Ég vissi ekki betur. Ég vissi ekki hvernig HTML og CSS virkaði. Ég vissi það líka ekki:

Nokkuð vefhönnun app getur gert, kóða getur gert betur

Einfaldlega sett, engin sjónræn vefhönnun umsókn mun alltaf bjóða upp á hreina sveigjanleika sem kemur frá því að skrifa HTML og CSS sjálfur. Ritun eigin HTML og CSS leyfir þér að prófa nýja tækni, skrifa minnstu kóða til mesta áhrifa og gera venjulega bara betri vefsíður.

Þeir forrit skrifuðu hræðilegu kóða, í raun

Það er ekki bara það sem þú getur búið til betri vefsíður með því að læra að skrifa HTML og CSS. Þessar gömlu forrit, FrontPage, Dreamweaver, þau öll, voru þekkt fyrir að skrifa sérstaklega hræðilegt kóða. Það var uppblásið, hægur, næstum ómögulegt að skynja þegar þú skiptir yfir í ritstjóra.

Þeir voru ómeðvitaðar

Jafnvel afsláttur á undirliggjandi merkingu og hönnun, hugbúnaðurinn var hræðilegur til notkunar, sérstaklega ef þú veist ekki hvernig HTML og CSS virka í fyrsta lagi. Þú veist hvernig í gömlum útgáfum af Word gæti slæmt að setja eina mynd í skjalinu þínu og hægt að skrúfa staðsetningu allra annarra þátta?

Ímyndaðu þér það, en ekki að vita hvernig á að laga það, því að eyða myndinni virtist ekki setja allt aftur þar sem það var áður. Bættu við að glatast í viðmótinu við allt þetta, og það var bara slæmur reynsla.

En þá náðu þeir betur

Þegar forrit eins og Macaw , Webflow , Webydo , og aðrir komu fyrst út, ég var mjög, mjög efins. Og hvers vegna vildi ég ekki vera? Ég hefði verið brenndur áður. Að auki hafði ég bara komist í burtu frá því að nota Photoshop fyrir allt, og ég lærði mikið með því að hanna í vafranum.

En nýlega hef ég haft ástæðu til að líta betur út í þessum nýju forritum og skoða þær síður sem gerðar voru með þeim. Gegn öllum pöntunum mínum breytir ég huganum.

Kóðinn varð miklu betri

Þó að ég standist það sem ég skrifaði nokkrar málsgreinar upp hefur kóðinn í raun batnað. Ára ára reynslu og staðlaþróun hafa gengið inn í þessi forrit. Enginn vill fara aftur á gamla vegu.

Það er ekki fullkomlega bjartsýni kóða. En þá þarf það ekki að vera. Enginn er að byggja nýja Wikipedia með Macaw eða Webydo. Markaðurinn fyrir þessi forrit samanstendur af litlum til meðalstórum fyrirtækjum sem þurfa aðeins viðeigandi kynningarsíðu.

Nema þeir fá högg af þúsundum heimsókna á hverjum degi, mun minna en fullkominn kóða skiptir miklu máli.

Þeir koma með striga aftur

Ég öðlast innblástur frá ýmsum stöðum, en hreint, blank striga er ein besta. Það er bara svo hlaðinn með möguleika, með hugsanlegum lausnum. Ég sit, ég stara, og þá byrjar ég að smella.

Eða að minnsta kosti, það var hvernig ég gerði það aftur þegar ég var að mocka allt í Photoshop. Hönnun síða með kóða gerir það svolítið erfiðara að endurtekna fljótt svona. Ég hef stundum erfitt með að sleppa því sem ég set bara hálftíma af CSS inn í.

Dragðu 'n' sleppa endurtekningu er bara hraðar.

Þeir eru góðir fyrir byrjendur

Frontpage sparkaði burt feril minn. Ég hefði aldrei byrjað í vefhönnun ef ég hefði ekki fengið (tiltölulega) auðvelt GUI til að fá mig að byrja. Ég meina vissulega, til þess að fá sem mest út úr eitthvað eins og Webflow, þarftu samt að þekkja grunnatriði HTML og CSS, en þeir gera frábæra stað til að byrja að læra þessa hluti.

Og þessi iðnaður þarf eitthvað svoleiðis fyrir næstu kynslóð byrjendur.

Niðurstaða

Á margan hátt er aldur sjónarhafarhöfundar. Nýliða viltu ekki frjálst að læra Git, Gulp, NodeJS, eða jafnvel opna flugstöð, í raun. Þeir vilja senda skilaboð á vefsíðu sinni og gera það með því. Að auki sjáum við færri viðskiptavinir að borga þúsund dollara eða meira fyrir einfalda kynningarstað.

Það er kominn tími til að nýta sér þessa verkfæri fyrir þá sem hafa ekki efni á peningum eða tíma fyrir sérhæfða vefhönnun og þróun. Verkfæri eru tilbúnar, og svo er markaðurinn.

Og það er allt í lagi hjá mér.

Valin mynd, vefhönnun verkfæri mynd um Shutterstock.