All'inizio, tutti hanno progettato nel browser. Questo perché letteralmente non avevamo altre opzioni. Un editor di testo e un browser erano gli unici strumenti che avevamo.
L'HTML stesso era piuttosto semplice. Non abbiamo nemmeno avuto tavoli fino a pochi anni dopo aver avuto il primo browser. Alla fine, non ci è voluto molto perché le persone iniziassero a creare layout con loro. Certo, sono stati progettati per i dati tabulari, ma le regole e gli standard sono fatti per essere orribilmente infranti, giusto?
Pochi anni, file .gif trasparenti e PSD in seguito, la solita configurazione del web design assomigliava a questo:
Un designer avrebbe creato un'interfaccia che sembrava carina in Photoshop. Potrebbe essere utilizzabile. D'altra parte, potrebbe avere un testo di navigazione che si fonde con lo sfondo un po 'troppo bene. La cosa importante era che sembrava un po '3D con un sacco di sfumature e ombre.
Poi qualcuno (forse il progettista, forse il loro amico coder) taglierebbe quell'interfaccia di base, ricostruendone accuratamente tutto con i tavoli e assicurandosi che funzionasse almeno in IE6.
Qualcuno può ricordare cosa è successo quando un cliente voleva modificare un link di navigazione principale e la navigazione era composta interamente da immagini?
Col tempo, siamo passati dalle tabelle al CSS. Quindi molti di noi sono passati dal prendere in giro tutto in Photoshop per progettarlo nuovamente nel browser. Il cerchio era chiuso. Il vecchio era di nuovo nuovo. IE6 fu gettato nelle fiamme del Monte Fato.
Bei tempi.
Ho iniziato a progettare siti web nel bel mezzo di tutto questo, quando le persone si stavano spostando in Photoshop, ma avevamo anche Dreamweaver, Frontpage e altre piaghe progettate per punire i peccatori.
Ero un bambino. Non sapevo niente di meglio. Non sapevo come funzionavano HTML e CSS. Anche io non lo sapevo:
In poche parole, nessuna applicazione di visual web design offrirà mai la pura flessibilità derivante dalla scrittura di HTML e CSS. Scrivere il tuo codice HTML e CSS ti consente di provare nuove tecniche, scrivere il codice meno efficace con il massimo effetto e, in generale, creare siti web migliori.
Non è solo che puoi creare siti web migliori imparando a scrivere HTML e CSS. Quei vecchi programmi, FrontPage, Dreamweaver, tutti loro, erano conosciuti per aver scritto codice particolarmente orribile. Era gonfio, lento, quasi impossibile dare un senso a quando si passava a un editor di testo.
Anche scontando il markup e lo stile sottostanti, il software è stato terribile da usare, soprattutto se non sai come funzionano HTML e CSS. Sai come nelle vecchie versioni di Word, posizionare male un'immagine nel tuo documento potrebbe rovinare il posizionamento di tutti gli altri elementi?
Immagina, ma non sapendo come risolverlo, perché eliminare l'immagine non sembra rimettere tutto dove era prima. Aggiungi di essere perso nell'interfaccia a tutto ciò ed è stata solo una brutta esperienza.
Quando app come ara , WebFlow , Webydo e altri prima sono usciti, ero molto, molto scettico. E perché non dovrei essere? Ero stato bruciato prima. Inoltre, mi ero appena liberato dall'usare Photoshop per tutto, e ho imparato molto progettando nel browser.
Ma di recente, ho avuto motivo di guardare più da vicino queste nuove app ed esaminare i siti realizzati con loro. Contro tutte le mie riserve, sto cambiando idea.
Mentre rimango in piedi su ciò che ho scritto su alcuni paragrafi, il codice è davvero migliorato. Anni di esperienza e sviluppo basato su standard sono entrati in queste app. Nessuno vuole tornare ai vecchi modi.
Non è un codice perfettamente ottimizzato. Ma poi, non ha bisogno di essere. Nessuno costruirà la nuova Wikipedia con Macaw o Webydo. Il mercato di queste app è costituito da piccole e medie imprese che necessitano solo di un sito promozionale decente.
A meno che non vengano colpiti da migliaia di visitatori ogni giorno, il codice meno che perfetto non conta molto.
Traggo ispirazione da una varietà di luoghi, ma una tela pulita e vuota è una delle migliori. È così pieno di possibilità, con potenziali soluzioni. Mi siedo, guardo fisso e poi inizio a cliccare.
O almeno, è così che l'ho fatto quando ho preso in giro tutto in Photoshop. Progettare un sito con il codice rende più difficile iterare rapidamente in quel modo. A volte ho difficoltà a lasciar andare qualcosa in cui metto solo mezz'ora di CSS.
L'iterazione trascina e rilascia è solo più veloce.
Frontpage ha dato il via alla mia carriera. Non mi sarei mai avviato nel web design se non avessi avuto una GUI (comparativamente) facile per iniziare. Voglio dire, per ottenere il massimo da qualcosa come Webflow, hai ancora bisogno di conoscere le basi di HTML e CSS, ma sono un ottimo punto di partenza per imparare queste cose.
E questo settore ha bisogno di qualcosa del genere per la prossima generazione di principianti.
In molti modi, è l'età del creatore del sito visivo. I neofiti francamente non vogliono imparare Git, Gulp, NodeJS, o addirittura aprire un terminale, davvero. Vogliono mettere un messaggio sulla loro pagina web e farla finita. Oltre a ciò, un numero inferiore di clienti sta vedendo il punto nel pagare un migliaio di dollari o più per un semplice sito promozionale.
È ora di approfittare di questi strumenti per coloro che non possono permettersi i soldi o il tempo per la progettazione e lo sviluppo di siti web specializzati. Gli strumenti sono pronti, così come il mercato.
E va bene per me.
Immagine in evidenza, immagine degli strumenti di web design via Shutterstock.