Alussa kaikki selaimessa suunnitellut. Tämä johtuu siitä, että meillä kirjaimellisesti ei ollut muita vaihtoehtoja. Tekstieditori ja selain olivat ainoat työkalut, joita meillä oli.
HTML itse oli varsin yksinkertainen. Emme saaneet pöytiä vasta muutaman vuoden kuluttua siitä, kun saimme ensimmäisen selaimen. Kun lopulta teimme, ei kestänyt kauan, jotta ihmiset voisivat aloittaa asettelun heidän kanssaan. Toki ne on suunniteltu taulukkotietoihin, mutta sääntöjä ja standardeja tehdään hirveän rikki, vai mitä?
Muutama vuosi, läpinäkyvät .gif- tiedostot ja PSD: t myöhemmin, tavallinen web-suunnitteluasennus näytti näin:
Suunnittelija tekisi käyttöliittymän, joka näytti varsin Photoshopilta. Se voi olla käyttökelpoinen. Toisaalta sillä saattaa olla navigointiteksti, joka sekoittuu taustalla hieman liian hyvin. Tärkeintä oli, että se näytti 3D-tyyliä, jolla oli paljon kaltevuuksia ja pudota varjoja.
Sitten joku (ehkä suunnittelija, ehkä niiden koodaajan kaveri) sulkee tämän perusliittymän, kunnioittaen kaiken talteen taulukoineen ja varmista, että se toimi ainakin IE6: ssa.
Voiko kukaan muistaa, mitä tapahtui, kun asiakas halusi päänavigointiyhteyden muuttuvan, ja navigointi koostui kokonaan kuvista?
Ajan mittaan vaihdelimme taulukoista CSS: ään. Sitten monet meistä muuttivat pilkastamasta kaikkea Photoshopissa suunnitellessamme uudelleen selaimessa. Ympyrä oli suljettu. Vanha oli taas uusi. IE6 heitettiin Mount Doomin tulipaloihin.
Hyvät ajat.
Aloin suunnitella verkkosivustoja jonnekin keskellä kaikkea, kun ihmiset siirtyivät Photoshopiin, mutta meillä oli myös Dreamweaver, Frontpage ja muut häiriöt, jotka on suunniteltu rankaisemaan syntisiä.
Olin lapsi. En tiennyt mitään paremmin. En tiennyt, miten HTML ja CSS toimivat. En myöskään tiennyt sitä:
Yksinkertaisesti sanottuna mikään visuaalinen web-design-sovellus ei koskaan tarjoa selkeää joustavuutta, joka syntyy itse HTML: n ja CSS: n kirjoittamisesta. Oma HTML- ja CSS-kirjoitus voi kokeilla uusia tekniikoita, kirjoittaa pienimmän koodin suurimmalle vaikutukselle ja yleensä vain parempia verkkosivustoja.
Ei vain, että voit tehdä parempia verkkosivustoja oppimalla kirjoittaa HTML ja CSS. Nämä vanhat ohjelmat, FrontPage, Dreamweaver, kaikki heistä, tunnettiin erityisen kauhean koodin kirjoittamisesta. Se oli paisunut, hidas, lähes mahdoton tuntea, kun vaihdit tekstieditoriin.
Jopa alhaisempi kohde ja muotoilu, ohjelmisto oli kauheaa käyttää, varsinkin jos et tiedä miten HTML ja CSS toimivat ensinnäkin. Tiedätkö, miten vanhoissa Word-versioissa, jos laitat yhden kuvan dokumenttiin, saattaisi räjäyttää kaikkien muiden elementtien sijoituksen?
Kuvittele, mutta ei tietäisi, miten korjata se, koska kuvan poistaminen ei näyttänyt palauttavan kaikkea takaisin missä se oli aiemmin. Lisää katoaminen käyttöliittymässä kaiken tämän, ja se oli vain huono kokemus.
Kun sovellukset pitävät ara , Webflow , Webydo , ja muut ensin tulivat ulos, olin hyvin, hyvin skeptinen. Ja miksi en olisi? Minua oli poltettu aiemmin. Lisäksi minulla oli juuri päässyt pois Photoshopin käytöstä kaikesta, ja oppinut paljon suunnittelemalla selaimessa.
Mutta viime aikoina minulla on ollut syytä tarkastella tarkemmin näitä uusia sovelluksia ja tarkastella heidän kanssaan tehtyjä sivustoja. Vastustan kaikkia varaumiani, muutan mieleni.
Vaikka olen seistä, mitä kirjoitin muutaman kappaleen ylös, koodi on todella parantunut. Vuosikokemus ja standardipohjainen kehitys ovat siirtyneet näihin sovelluksiin. Kukaan ei halua palata vanhoihin tapoihin.
Se ei ole täysin optimoitu koodi. Mutta sen ei tarvitse olla. Kukaan ei aio rakentaa uutta Wikipediaa Macawilla tai Webydolla. Näiden sovellusten markkinat koostuvat pienistä ja keskisuurista yrityksistä, jotka tarvitsevat vain hyvän myynninedistämispaikan.
Ellei tuhansia kävijöitä osu päivittäin, vähemmän kuin täydellisellä koodilla ei ole paljon väliä.
Minulla on innoitusta monista paikoista, mutta puhdas, tyhjä kangas on yksi parhaista. Se on vain täynnä mahdollisuuksia ja mahdollisia ratkaisuja. Istun, katson, ja sitten aloitan klikkaamalla.
Tai ainakin, sain sen takaisin, kun pilkasin kaiken Photoshopissa. Suunnittelu sivustolla koodilla tekee siitä hieman vaikeammaksi iteraatiota nopeasti. Minulla on joskus vaikea päästää irti jotain, jonka annan vain puolen tunnin CSS: n.
Drag 'n' pudotuksen iteraatio on vain nopeampi.
Etusivu alkoi urani. En olisi koskaan saanut aloittaa web design, jos minulla ei ollut (suhteellisen) helppo GUI saada minut alkanut. Tarkoitan varmasti, että saat kaiken irti Webflow-ohjelmasta, mutta sinun on vielä tiedettävä HTML- ja CSS-perusteet, mutta ne ovat hyvä paikka oppia näitä asioita.
Ja tämä teollisuus tarvitsee jotain sellaista seuraavan sukupolven aloittelijoille.
Monin tavoin se on visuaalisen sivuston luojan ikä. Uudet aloittelijat eivät sinällään halua oppia Git, Gulp, NodeJS tai jopa avata päätelaitteen. He haluavat laittaa viestin verkkosivuihinsa ja tehdä sen kanssa. Tämän lisäksi vähemmän asiakkaita näkevät sen, että maksat tuhat dollaria tai enemmän yksinkertaiselle myynninedistämistarkoitukselle.
On aika hyödyntää näitä työkaluja niille, joilla ei ole varaa rahaa tai aikaa erikoistuneeseen web-suunnitteluun ja kehittämiseen. Työkalut ovat valmiita, niin myös markkinat.
Ja se on kunnossa.
Esittelykuva, web-suunnittelutyökalujen kuva kautta Shutterstock.