No começo, todos projetados no navegador. Isso porque, literalmente, não tínhamos outras opções. Um editor de texto e um navegador foram as únicas ferramentas que tínhamos.
HTML em si era bastante básico. Nós nem recebíamos mesas até alguns anos depois de termos o primeiro navegador. Quando finalmente fizemos, não demorou muito para as pessoas começarem a fazer layouts com elas. Claro, eles foram projetados para dados tabulares, mas regras e padrões são feitos para serem terrivelmente quebrados, certo?
Alguns anos, arquivos .gif transparentes e PSDs mais tarde, a configuração usual de design da Web ficou assim:
Um designer criaria uma interface bonita no Photoshop. Pode ser utilizável. Por outro lado, pode ter um texto de navegação que combina muito bem com o fundo. O importante era que parecia meio 3D com muitos gradientes e sombras.
Então alguém (talvez o designer, talvez o seu codificador amigo) cortaria essa interface básica, reconstruiria tudo com tabelas e teria certeza que funcionava no IE6, pelo menos.
Alguém pode se lembrar do que aconteceu quando um cliente queria que um link de navegação principal fosse alterado e a navegação fosse composta inteiramente de imagens?
Com o tempo, mudamos de tabelas para CSS. Então, muitos de nós mudaram de zombar de tudo no Photoshop para projetar no navegador novamente. O círculo estava fechado. O velho era novo de novo. IE6 foi lançado no fogo do Monte Doom.
Bons tempos.
Comecei a criar sites em algum lugar no meio de tudo isso, quando as pessoas estavam mudando para o Photoshop, mas também tínhamos o Dreamweaver, o Frontpage e outras pragas projetadas para punir os pecadores.
Eu era uma criança. Eu não sabia nada melhor. Eu não sabia como HTML e CSS funcionavam. Eu também não sabia disso:
Simplificando, nenhum aplicativo visual de web design oferecerá a flexibilidade de escrever o HTML e CSS. Escrever seu próprio HTML e CSS permite que você experimente novas técnicas, escreva o menor código com o maior efeito e, em geral, apenas crie sites melhores.
Não é só porque você pode criar sites melhores, aprendendo a escrever HTML e CSS. Aqueles programas antigos, o FrontPage, o Dreamweaver, todos eles, eram conhecidos por escrever códigos particularmente horríveis. Estava inchado, lento, quase impossível de entender quando você mudava para um editor de texto.
Mesmo descontando a marcação e o estilo subjacentes, o software era péssimo de usar, especialmente se você não sabe como o HTML e o CSS funcionam em primeiro lugar. Você sabe como em versões antigas do Word, colocar mal uma imagem em seu documento pode estragar a colocação de todos os outros elementos?
Imagine isso, mas não saber como consertá-lo, porque excluir a imagem não parece colocar tudo de volta onde estava antes. Acrescente ser perdido na interface para tudo isso, e foi apenas uma experiência ruim.
Quando aplicativos como Arara , Webflow , Webydo e outros surgiram pela primeira vez, eu estava muito, muito cético. E por que eu não seria? Eu tinha sido queimado antes. Além disso, eu tinha acabado de usar o Photoshop para tudo, e aprendi muito projetando no navegador.
Mas recentemente, tive motivos para examinar mais de perto esses novos aplicativos e examinar os sites criados com eles. Contra todas as minhas reservas, estou mudando de ideia.
Enquanto aguardo o que escrevi alguns parágrafos acima, o código realmente melhorou. Anos de experiência e desenvolvimento baseado em padrões foram aplicados nesses aplicativos. Ninguém quer voltar aos velhos hábitos.
Não é um código perfeitamente otimizado. Mas então, não precisa ser. Ninguém vai construir a nova Wikipedia com Macaw ou Webydo. O mercado para esses aplicativos é composto de pequenas e médias empresas que precisam apenas de um site promocional decente.
A menos que sejam atingidos por milhares de visitantes todos os dias, um código menos do que perfeito não importará muito.
Eu me inspiro em uma variedade de lugares, mas uma tela limpa e em branco é uma das melhores. É tão cheio de possibilidades, com soluções potenciais. Eu sento, olho e então começo a clicar.
Ou, pelo menos, foi assim que eu fiz quando ridicularizei tudo no Photoshop. Projetar um site com código dificulta a iteração rapidamente. Eu às vezes tenho dificuldade em deixar algo em que eu coloquei meia hora de CSS.
Arrastar e soltar iteração é apenas mais rápido.
O Frontpage deu início à minha carreira. Eu nunca teria começado em web design se eu não tivesse tido uma GUI (comparativamente) fácil para me iniciar. Quero dizer, para aproveitar ao máximo algo como o Webflow, você ainda precisa conhecer os conceitos básicos de HTML e CSS, mas eles são ótimos para começar a aprender essas coisas.
E esta indústria precisa de algo assim para a próxima geração de iniciantes.
De muitas maneiras, é a idade do criador do site visual. Novatos, francamente, não querem aprender Git, Gulp, NodeJS, ou até mesmo abrir um terminal, na verdade. Eles querem colocar uma mensagem em sua página da web e acabar com isso. Além disso, menos clientes estão vendo o ponto em pagar mil dólares ou mais por um simples site promocional.
É hora de tirar proveito dessas ferramentas para aqueles que não podem pagar o dinheiro ou o tempo para o design e desenvolvimento especializado da web. As ferramentas estão prontas e o mercado também.
E tudo bem por mim.
Imagem em destaque, imagem de ferramentas de design da web via Shutterstock.