No final da postagem da semana passada , mencionei que trabalhar em um novo site para mim revigorou um pouco da velha paixão por design e desenvolvimento. Embora eu estivesse muito hesitante em começar a trabalhar no site novamente , eu’Diverti-me muito mais do que esperava desde que comecei a escrever o código.
Eu não estava ansioso por tudo. Há alguns anos, criei um design de que gostei mais. Não era bem o que eu queria e provavelmente ainda não é, mas gostei bastante. Tive uma ideia para a navegação que não funcionou tão bem quanto eu esperava e não teria funcionado tão bem com a barra de administração do WordPress, então pensei em largar a ideia (por agora) e ir com sua navegação padrão barra na parte superior.
Por alguns dias, mantive o antigo modelo de página que desenvolvi aberto em uma janela do navegador, olhei para ele e evitei fazer muito mais. Quando cheguei ao ponto em que não conseguia mais procrastinar, criei um arquivo.html em branco e um arquivo.scss em branco e abri aplicativos familiares Coda e CodeKit e comecei a reproduzir o que vi no navegador com novo código e alguns ajustes ao design ao longo do caminho. Quando eu tinha o modelo de uma página definido, comecei a trabalhar no próximo até ter um modelo para todos os diferentes tipos de páginas que apareceriam no site.
Para ser honesto, ainda estou nessa fase enquanto escrevo isso e, assim que tiver todos os modelos prontos, ainda precisarei pegar meu código e desenvolver um tema WordPress baseado nele. Dadas as mudanças que estão acontecendo com o WordPress, provavelmente preciso de alguns dias para me atualizar no desenvolvimento de temas também. Não tenho certeza se estou ansioso por essa parte do processo mais do que estava no desenvolvimento de front-end básico dos modelos de página, mas o último funcionou bem, então tenho esperança de que o primeiro funcione bem também.
Minha surpresa com o quanto gostei de trabalhar no site do que o esperado me levou a pensar sobre o motivo e, portanto, ao contrário das últimas postagens, quero voltar para o lado positivo.
Pensei em te contar um pouco mais sobre o que me levou a construir o site agora, já que há muito tempo evito construí-lo, e depois vou compartilhar por que acho que estou me divertindo mais do que eu pensei que faria. Finalmente, compartilharei onde acho que meu interesse renovado pode levar, já que não estou planejando reabrir meu negócio freelance tão cedo.
Por que agora?
Eu tinha um design quase completo e um modelo básico de página desenvolvido há algum tempo e evitei terminar por vários anos. Então, como cheguei ao ponto em que estou trabalhando ativamente nisso novamente.
No ano passado, me inscrevi em um curso de redação on-line durante o verão, especificamente o curso Level-Up Story Grid e todos os que se inscreveram foram convidados a participar de um encontro com uma revisão de um dia e tipo de encontro em que descobrimos que o curso de certificação de editor estava sendo oferecido novamente. Coloquei meu nome em uma lista de espera para saber quando me inscrever.
O curso me dará a oportunidade de me tornar um editor certificado, capaz de oferecer um serviço específico a um mercado específico interessado nas ferramentas e metodologia do Story Grid. Isso me dará a oportunidade de ganhar algum dinheiro para substituir parte do que eu costumava ganhar com este site.
Se eu planejo oferecer serviços de edição e se um anúncio útil for um link do site principal do Story Grid para o meu, provavelmente devo ter um site que lista os serviços e fornece um local para escrever e provar Vale a pena contratar.
No início do ano, fiz uma rápida revisão do trabalho que havia feito anteriormente e algumas idéias que escrevi alguns anos atrás. Repensei algumas coisas sobre o que queria fazer. Os serviços de edição não eram uma ideia há alguns anos, então precisei incorporá-los ao design. Revisei o conteúdo que reescrevi e reescrevi a maior parte dele.
Então carreguei o design antigo em um navegador e parei por alguns dias até que não consegui mais protelar e tive que começar a trabalhar. Decidi codificar o layout usando CSS Grid e Flexbox em vez de construir outro layout baseado em flutuação.
Mudanças na tecnologia
Não tinha percebido quanto tempo havia passado desde a última vez que trabalhei no site até que comecei a trabalhar nele novamente e percebi toda a tecnologia que poderia usar agora que não poderia usar da última vez.
A última vez que trabalhei em qualquer site foi a última vez que trabalhei no site de redação/criatividade que em breve será criado. Fiz um pequeno trabalho para meu único cliente restante e fiz alterações aqui e ali neste site, mas faz mais tempo do que percebi desde que desenvolvi um do zero.
Eu sabia que poderia usar o Flexbox, tendo terminado um livro sobre o assunto não muito tempo atrás. Uma verificação do site Can I Use e me senti confortável usando CSS Grid também. Nenhum dos dois funciona em 100% dos navegadores, mas ambos estão próximos o suficiente e este é o meu site, então posso tomar decisões que não necessariamente tomaria para o site de um cliente. Não estou muito preocupado com o site não funcionar exatamente como pretendo em todos os navegadores. Vou construí-lo do menos capaz para cima, para que funcione em qualquer lugar, mesmo que funcione melhor em alguns lugares do que em outros.
No que diz respeito ao trabalho de produção, CSS Grid e Flexbox são novos para mim e grande parte do motivo pelo qual estou me divertindo. Eles são novos. Eles são brilhantes. Por uma década, usei praticamente o mesmo código de projeto em projeto para fazer o layout de um site e estava entediado.
Agora tenho que descobrir algumas coisas novamente. É divertido. Eu conheço Flexbox e CSS Grid bem o suficiente para trabalhar com eles, mas tenho que me lembrar de muitos os detalhes e isso me leva a pesquisar e encontrar exemplos de outras pessoas. Alguns me ajudam a entender e alguns me inspiram e me fazem pensar no que eu poderia fazer com um código semelhante que poderia aprimorar o site.
Estou adicionando um pouco de Javascript conforme necessário para adicionar um pouco de funcionalidade aqui e ali, mas não estou preocupado em trabalhar exclusivamente em Javascript ou em bibliotecas como React (mesmo se eu acabar precisando de mais quando eu voltar para o WordPress).
Estou usando as mesmas ferramentas que usei pela última vez há alguns anos, embora a indústria pareça estar se afastando de algumas das coisas que continuarei a fazer. Provavelmente não é a maneira que um desenvolvedor web front-end moderno deve trabalhar, mas tanto faz. O que me leva a…
Sem clientes, Woo Hoo!
Acho que o outro motivo principal de estar me divertindo e sentindo uma paixão renovada é que estou fazendo isso por mim mesmo e não por um cliente. Trabalhando sozinho, posso tomar todas as decisões e definir todas as restrições, o que é muito mais adequado à minha maneira preferida de trabalhar.
Isso não quer dizer que eu não gostasse dos meus clientes ou que eles fossem pessoas más ou qualquer coisa ridícula assim. O título acima foi escrito de forma divertida. Claro, tive um cliente ocasional ao longo dos anos, mas a grande maioria era, e ainda é, boas pessoas de quem gosto e fiz o meu melhor para ajudar com o site e os negócios deles.
A questão é que não gosto de trabalhar para outras pessoas e, embora ter clientes seja muito melhor do que ter um único chefe, seus clientes ainda são mini-chefes. No final, é seu direito tomar a decisão final. Sempre senti que faço meu melhor trabalho quando consigo tomar as decisões, quando defino as restrições e decido como resolver o problema que criei.
Acho que ainda faço um bom trabalho sob as restrições dos outros, mas meu melhor trabalho vem em parte por ser capaz de formular e refinar a pergunta, o problema que então tenho que resolver. Estou mais interessado nas perguntas que faço do que nas outras pessoas e, por isso, estou mais interessado em me aprofundar em uma solução e geralmente resulta em um trabalho melhor.
Enfim…
Gosto de poder criar o problema e tomar todas as decisões para resolvê-lo. Não posso fazer isso por um cliente (com uma exceção ocasional), mas posso fazer por mim mesmo.
E trabalhar no meu próprio site tem vantagens. Posso fazer uso de tecnologias que podem não funcionar para algumas pessoas. Não é algo que você faz com o site de um cliente, mas com o meu próprio, posso fazer o que quiser. Vou desistir de 5% dos navegadores em uso para poder fazer o que quero com qualquer tecnologia que eu quiser.
Bem-vindo ao Playground
Como não sinto necessidade de me preocupar com o funcionamento perfeito do site em qualquer lugar, pensei que poderia fazer o que quisesse e não me preocuparia em agradar a todos.
Posso experimentar mais. Posso forçar um pouco os limites aqui e ali e me divertir vendo o que posso criar. Ainda me lembro do primeiro e segundas versões da CSS House . Também me lembro do CSS Zen Garden original. Achei incrível o que você poderia fazer apenas com CSS e vi a linguagem ficar cada vez mais capaz desde então. Sempre me pergunto o tipo de coisa que podemos construir apenas com código e sem o uso de uma única imagem.
Tive a ideia de me divertir com o código e ver o que posso criar por muito tempo. É algo que considerei adicionar aqui em um ponto quando redesenhei o site, mas nunca encontrei tempo para incorporar. O novo site de redação parece uma boa plataforma para uma seção de playground, já que sua razão de ser é explorar a criatividade, especificamente minha criatividade, principalmente sobre redação, mas também outros interesses no futuro, como fotografia e design, e quem sabe o que mais.
O novo site terá como foco a redação e, de preferência, me ajudará a vender alguns serviços de edição, mas quero que seja algo mais também. Quero que seja um lugar onde eu possa compartilhar todos os tipos de coisas e acho que alguns experimentos de HTML e CSS em um navegador podem ser incluídos no compartilhamento.
É ainda mais uma ideia do que qualquer coisa específica, mas uma ideia que continua a me interessar e que já pensei há muito tempo.
Reflexões finais
A última vez que redesenhei este site, reuni minhas anotações e todos os pensamentos que escrevi e escrevi uma série informando como fui do ponto A, a ideia, ao ponto B, o site concluído.
Provavelmente farei o mesmo com o novo site de redação. Não será de imediato, pois ainda preciso terminar o site e lançá-lo e vou precisar de algum tempo depois para recolher minhas idéias a partir de arquivos espalhados que criei ao longo do processo. Espero que o tempo também me dê alguma perspectiva sobre o processo geral.
Como ainda estou trabalhando no site, não comecei a trabalhar em uma série sobre ele, então não sei como a série irá evoluir, mas provavelmente começarei com a ideia e mostrarei a evolução de a ideia, primeiro pensando e escrevendo sobre ela, e depois projetando e desenvolvendo em um site acabado. Espero que seja melhor, mas nunca se sabe.
Eu gosto do pico dentro do processo de pensamento de outro designer e estou feliz em compartilhar meu processo de pensamento também. Não tenho certeza de quando, provavelmente mais tarde no ano, quando eu tiver tempo para organizar meus pensamentos e descobrir o que quero dizer. E, claro, ainda preciso terminar e lançar o site.
Baixe uma amostra grátis de meu livro Fundamentos de Design.
Junte-se a mim para compartilhar meu processo criativo e minha jornada como escritor.
