Ofereço um único conselho aos amigos e familiares quando eles se tornarem pais pela primeira vez: Quando você começar a pensar que já tem tudo planejado, tudo mudará. Assim que você começa a pegar o jeito da alimentação, das fraldas e dos cochilos regulares, é hora de comer alimentos sólidos, usar o penico e dormir durante a noite. Quando você descobrir isso, é hora da pré-escola e de cochilos raros. O ciclo continua e continua.
O artigo continua abaixo
O mesmo se aplica a aqueles de nós que trabalham com design e desenvolvimento atualmente. Tendo trabalhado na web por quase três décadas, tenho visto o aumento e o declínio regulares de ideias, técnicas e tecnologias. Cada vez que nós, como desenvolvedores e designers, entramos em um ritmo regular, surge alguma nova ideia ou tecnologia para agitar as coisas e refazer nosso mundo.
Construí meu primeiro site em meados dos anos 90. Naquela época, o design e o desenvolvimento na web eram gratuitos para todos, com poucas normas estabelecidas. Para qualquer layout além de uma única coluna, usamos table elementos, geralmente com células vazias contendo um único GIF espaçador de pixel para adicionar espaço vazio. Nós estilizamos o texto com numerosos font tags, aninhando as tags sempre que quiséssemos variar o estilo da fonte. E tínhamos apenas três ou quatro fontes para escolher: Arial, Courier ou Times New Roman. Quando Verdana e Georgia foram lançados em 1996, ficamos felizes porque nossas opções quase dobraram. As únicas cores seguras para escolher eram as 216 cores “seguras para a web” conhecidas por funcionarem em várias plataformas. Os poucos elementos interativos (como formulários de contato, livros de visitas e contadores) eram em sua maioria alimentados por scripts CGI (predominantemente escritos em Perl na época). Conseguir qualquer tipo de visual único envolvia uma pilha de hacks até o fim. A interação costumava ser limitada a páginas específicas de um site.
O nascimento dos padrões da web#seção3
Na virada do século, iniciou-se um novo ciclo. Código bruto repleto de table layouts e font as tags diminuíram e um impulso para padrões da web aumentou. Tecnologias mais recentes, como CSS, foram adotadas mais amplamente por fabricantes, desenvolvedores e designers de navegadores. Essa mudança em direção aos padrões não aconteceu acidentalmente ou da noite para o dia. Foi necessário um envolvimento ativo entre o W3C e os fornecedores de navegadores e um forte evangelismo de pessoas como o Projeto de padrões da Web para construir padrões. Uma lista à parte e livros como Projetando com padrões da Web de Jeffrey Zeldman desempenhou um papel fundamental ao ensinar aos desenvolvedores e designers por que os padrões são importantes, como implementá-los e como vendê-los para suas organizações. E abordagens como o aprimoramento progressivo introduziram a ideia de que o conteúdo deveria estar disponível para todos os navegadores – com aprimoramentos adicionais disponíveis para navegadores mais avançados. Enquanto isso, sites como o Jardim Zen CSS mostrou o quão poderoso e versátil o CSS pode ser quando combinado com uma estrutura HTML semântica sólida.
Linguagens do lado do servidor como PHP, Java e .NET ultrapassaram o Perl como processadores back-end predominantes, e o cgi-bin foi jogado na lixeira. Com essas melhores ferramentas do lado do servidor veio a primeira era de aplicações web, começando com sistemas de gerenciamento de conteúdo (particularmente no espaço de blogs com ferramentas como Blogger, Gray Matter, Movable Type e WordPress). Em meados dos anos 2000, o AJAX abriu portas para a interação assíncrona entre o front-end e o back-end. De repente, as páginas poderiam atualizar seu conteúdo sem precisar recarregar. Uma série de estruturas JavaScript como Prototype, YUI e jQuery surgiram para ajudar os desenvolvedores a construir uma interação mais confiável do lado do cliente em navegadores que tinham níveis extremamente variados de suporte a padrões. Técnicas como substituição de imagens permitem que designers e desenvolvedores habilidosos exibam fontes de sua escolha. E tecnologias como o Flash possibilitaram adicionar animações, jogos e ainda mais interatividade.
Essas novas tecnologias, padrões e técnicas revigoraram a indústria de várias maneiras. O web design floresceu à medida que designers e desenvolvedores exploraram estilos e layouts mais diversos. Mas ainda dependíamos de muitos hacks. O CSS inicial foi uma grande melhoria em relação aos layouts baseados em tabelas quando se tratava de layout básico e estilo de texto, mas suas limitações na época significavam que designers e desenvolvedores ainda dependiam fortemente de imagens para formas complexas (como cantos arredondados ou angulares) e fundos lado a lado para a aparência de colunas completas (entre outros hacks). Layouts complicados exigiam todos os tipos de flutuações aninhadas ou posicionamento absoluto (ou ambos). A substituição de flash e imagem para fontes personalizadas foi um ótimo começo para variar as fontes das cinco grandes, mas ambos os hacks introduziram problemas de acessibilidade e desempenho. E as bibliotecas JavaScript tornaram mais fácil para qualquer pessoa adicionar um pouco de interação às páginas, embora ao custo de duplicar ou até quadruplicar o tamanho do download de sites simples.
A web como plataforma de software#seção4
A simbiose entre o front-end e o back-end continuou a melhorar, e isso levou à era atual das aplicações web modernas. Entre linguagens de programação expandidas do lado do servidor (que continuaram crescendo para incluir Ruby, Python, Go e outras) e ferramentas front-end mais recentes como React, Vue e Angular, poderíamos construir software totalmente capaz na web. Junto com essas ferramentas vieram outras, incluindo controle colaborativo de versão, automação de construção e bibliotecas de pacotes compartilhadas. O que antes era principalmente um ambiente para documentos vinculados tornou-se um reino de infinitas possibilidades.
Ao mesmo tempo, os dispositivos móveis tornaram-se mais capazes e deram-nos acesso à Internet no bolso. Os aplicativos móveis e o design responsivo abriram oportunidades para novas interações em qualquer lugar e a qualquer hora.
Esta combinação de dispositivos móveis capazes e ferramentas de desenvolvimento poderosas contribuiu para o desenvolvimento das redes sociais e de outras ferramentas centralizadas para as pessoas se conectarem e consumirem. À medida que se tornou mais fácil e comum conectar-se com outras pessoas diretamente no Twitter, Facebook e até mesmo no Slack, o desejo por sites pessoais hospedados diminuiu. As redes sociais ofereceram conexões em escala global, com os aspectos positivos e negativos que isso acarreta.
Quer uma história muito mais extensa de como chegamos aqui, com outras abordagens sobre como podemos melhorar? Jeremy Keith escreveu “Of Time and the Web”. Ou confira a “Linha do tempo da história do Web Design” no Web Design Museum. Neal Agarwal também faz um passeio divertido pelos “Artefatos da Internet”.
Nos últimos anos, parece que começamos a atingir outro grande ponto de inflexão. À medida que as plataformas de redes sociais se fragmentam e diminuem, tem havido um interesse crescente em possuir novamente o nosso próprio conteúdo. Existem muitas maneiras diferentes de criar um site, desde o clássico testado e comprovado de hospedagem de arquivos HTML simples até geradores de sites estáticos e sistemas de gerenciamento de conteúdo de todos os tipos. A fratura das redes sociais também tem um custo: perdemos infraestruturas cruciais para descoberta e ligação. Webmenções, RSS, ActivityPub e outras ferramentas do IndieWeb podem ajudar com isso, mas ainda são relativamente subimplementadas e difíceis de usar para os menos nerds. Podemos construir sites pessoais incríveis e adicioná-los regularmente, mas sem descoberta e conexão, às vezes pode parecer que estamos gritando para o vazio.
O suporte do navegador para CSS, JavaScript e outros padrões, como componentes da web, foi acelerado, especialmente por meio de esforços como o Interop. As novas tecnologias ganham suporte geral em uma fração do tempo que antes. Muitas vezes aprendo sobre um novo recurso e verifico o suporte do navegador apenas para descobrir que sua cobertura já está acima de 80%. Hoje em dia, a barreira para o uso de técnicas mais recentes muitas vezes não é o suporte do navegador, mas simplesmente os limites da rapidez com que designers e desenvolvedores podem aprender o que está disponível e como adotá-lo.
Hoje, com alguns comandos e algumas linhas de código, podemos prototipar quase qualquer ideia. Todas as ferramentas que temos disponíveis tornam mais fácil do que nunca começar algo novo. Mas o custo inicial que essas estruturas podem economizar na entrega inicial eventualmente será devido, à medida que a atualização e a manutenção delas se tornarem parte de nossa dívida técnica.
Se confiarmos em estruturas de terceiros, a adoção de novas normas pode, por vezes, demorar mais tempo, uma vez que poderemos ter de esperar que essas estruturas adotem essas normas. Estas estruturas – que costumavam permitir-nos adotar novas técnicas mais cedo – tornaram-se agora obstáculos. Essas mesmas estruturas geralmente também acarretam custos de desempenho, forçando os usuários a aguardar o carregamento dos scripts antes de poderem ler ou interagir com as páginas. E quando os scripts falham (seja devido a códigos inadequados, problemas de rede ou outros fatores ambientais), muitas vezes não há alternativa, deixando os usuários com páginas em branco ou quebradas.
Para onde vamos a partir daqui?#seção6
Os hacks de hoje ajudam a moldar os padrões de amanhã. E não há nada de intrinsecamente errado em adotar hacks – por enquanto – para levar o presente adiante. Os problemas só surgem quando não estamos dispostos a admitir que são hacks ou hesitamos em substituí-los. Então, o que podemos fazer para criar o futuro que queremos para a web?
Construa para o longo prazo. Otimize para desempenho, acessibilidade e para o usuário. Pese os custos dessas ferramentas amigáveis ao desenvolvedor. Eles podem tornar o seu trabalho um pouco mais fácil hoje, mas como afetam todo o resto? Qual é o custo para os usuários? Para futuros desenvolvedores? Para adoção de padrões? Às vezes, a conveniência pode valer a pena. Às vezes é apenas um truque com o qual você se acostumou. E às vezes isso impede você de opções ainda melhores.
Comece pelos padrões. Os padrões continuam a evoluir com o tempo, mas os navegadores têm feito um trabalho extraordinariamente bom ao continuar a oferecer suporte a padrões mais antigos. O mesmo nem sempre acontece com estruturas de terceiros. Sites construídos até mesmo com o HTML mais hackeado dos anos 90 ainda funcionam bem hoje. O mesmo nem sempre pode ser dito de sites construídos com frameworks, mesmo depois de apenas alguns anos.
Projete com cuidado. Quer sua arte seja código, pixels ou processos, considere os impactos de cada decisão. A conveniência de muitas ferramentas modernas tem o custo de nem sempre compreender as decisões subjacentes que levaram à sua concepção e de nem sempre considerar o impacto que essas decisões podem ter. Em vez de correr precipitadamente para “agir rapidamente e quebrar as coisas”, use o tempo economizado pelas ferramentas modernas para considerar com mais cuidado e projetar com deliberação.
Esteja sempre aprendendo. Se você está sempre aprendendo, você também está crescendo. Às vezes pode ser difícil identificar o que vale a pena aprender e o que é apenas o hack de hoje. Você pode acabar se concentrando em algo que não terá importância no próximo ano, mesmo que se concentre apenas nos padrões de aprendizagem. (Lembra do XHTML?) Mas o aprendizado constante abre novas conexões em seu cérebro, e os hacks que você aprende um dia podem ajudar a informar diferentes experimentos outro dia.
Jogue, experimente e seja estranho! Esta teia que construímos é a experiência definitiva. É o maior empreendimento humano da história e, no entanto, cada um de nós pode criar o seu próprio bolso dentro dele. Seja corajoso e experimente coisas novas. Construa um playground para ideias. Faça experimentos idiotas em seu próprio laboratório de ciências maluco. Comece seu próprio pequeno negócio. Nunca houve um lugar mais capacitador para ser criativo, assumir riscos e explorar do que somos capazes.
Compartilhe e amplifique. À medida que você experimenta, brinca e aprende, compartilhe o que funcionou para você. Escreva em seu próprio site, poste em qualquer site de mídia social de sua preferência ou grite em um TikTok. Escreva algo para Uma lista à parte! Mas reserve um tempo para amplificar outras pessoas também: encontre novas vozes, aprenda com elas e compartilhe o que elas lhe ensinaram.
Vá em frente e faça#seção7
Como designers e desenvolvedores da web (e além), somos responsáveis por construir o futuro todos os dias, seja ele na forma de sites pessoais, ferramentas de mídia social usadas por bilhões de pessoas ou qualquer coisa intermediária. Vamos incorporar nossos valores nas coisas que criamos e tornar a web um lugar melhor para todos. Crie aquilo que só você está qualificado para fazer. Em seguida, compartilhe, melhore, faça de novo ou faça algo novo. Aprender. Fazer. Compartilhar. Crescer. Enxágue e repita. Cada vez que você pensa que domina a web, tudo mudará.
Credit Post By: by