Ofereço um pequeno conselho aos amigos e familiares quando eles se tornarem pais pela primeira vez: Quando você começar a pensar que já sabe tudo, tudo mudará. Assim como você está se acostumando com mamadas, fraldas e cochilos regulares, é hora de comer alimentos sólidos, usar o penico e dormir à noite. Depois de descobrir isso, é hora da pré-escola e de cochilos pouco frequentes. 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 há quase três décadas, tenho visto a ascensão e queda regulares de ideias, técnicas e tecnologias. Cada vez que nós, como desenvolvedores e designers, entramos em um ritmo normal, surge alguma nova ideia ou tecnologia que sacode as coisas e reorganiza nosso mundo.
Criei meu primeiro site em meados dos anos 90. O design e o desenvolvimento da Web eram então gratuitos para todos, com poucas normas estabelecidas. Para qualquer layout, exceto uma coluna, usamos table elementos, geralmente com células vazias contendo um único espaço GIF para adicionar espaço em branco. Estilizamos o texto com vários font tags, aninhando tags sempre que quisermos alterar o estilo da fonte. E só podíamos escolher entre três ou quatro letras: 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 todas as plataformas. Vários elementos interativos (como formulários de contato, livros de visitas e contadores) eram em sua maioria conduzidos por scripts CGI (escritos principalmente em Perl na época). Conseguir qualquer tipo de visual único envolveu muitos hacks durante todo o processo. A interação muitas vezes era limitada a páginas específicas do site.
O nascimento dos padrões da web#seção 3
Na virada do século, iniciou-se um novo ciclo. Código perigoso enterrado table layouts e font os rótulos enfraqueceram e a pressão por padrões da web cresceu. Tecnologias mais recentes como CSS estão sendo cada vez mais adotadas por fabricantes, desenvolvedores e designers de navegadores. Esta mudança nos padrões não aconteceu por acidente ou da noite para o dia. Foi necessário um envolvimento ativo entre o W3C e os fornecedores de navegadores e um evangelismo feroz de pessoas como Projeto de padrões da web para padrões de construção. Uma lista à parte e livros como Projetando com padrões da web 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 às 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 Jardim CSS Zen mostrou como o CSS pode ser poderoso e versátil quando combinado com uma estrutura HTML semântica forte.
Linguagens do lado do servidor como PHP, Java e .NET substituíram o Perl como os processadores de back-end dominantes, e o cgi-bin foi jogado na lata de lixo. Com essas melhores ferramentas do lado do servidor veio a primeira era de aplicativos da web, começando com sistemas de gerenciamento de conteúdo (especialmente no espaço de blogs com ferramentas como Blogger, Gray Matter, Movable Type e WordPress). Em meados dos anos 2000, o AJAX abriu as 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 amplamente 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.
Estas novas tecnologias, padrões e técnicas revigoraram a indústria de muitas 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 um grande avanço 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). Flash e troca de imagens por fontes personalizadas foi um ótimo começo para mudar 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 mínimo de interação às páginas, embora ao custo de duplicar ou até quadruplicar o tamanho de download de páginas simples da web.
A web como plataforma de software#seção 4
A simbiose entre front-end e back-end continuou a melhorar, levando à era atual das aplicações web modernas. Entre as linguagens de programação estendidas do lado do servidor (que continuaram crescendo para incluir Ruby, Python, Go e outras) e ferramentas de front-end mais recentes, como React, Vue e Angular, fomos capazes de 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 possibilidades 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 surgimento das redes sociais e de outras ferramentas centralizadas para conectar e consumir pessoas. À 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 páginas pessoais hospedadas desapareceu. As redes sociais ofereceram conexões em escala global, com lados bons e ruins.
Quer uma história muito mais extensa de como chegamos aqui, com outras opiniões sobre como podemos melhorar? Jeremy Keith escreveu “Sobre o clima e a Web”. Ou confira “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çámos a atingir outro grande ponto de viragem. À medida que as plataformas de mídia social quebram e enfraquecem, o interesse em adquirir novamente seu próprio conteúdo cresce. Existem muitas maneiras diferentes de construir 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 divisão das redes sociais também tem um custo: perdemos infraestruturas essenciais para descoberta e ligação. Webmentions, RSS, ActivityPub e outras ferramentas IndieWeb podem ajudar com isso, mas ainda são relativamente subimplementadas e difíceis de usar para os menos geeks. 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 Web Components foi acelerado, especialmente por meio de esforços como Interop. As novas tecnologias obtêm todo o suporte numa fração de tempo do que antes. Muitas vezes descubro sobre um novo recurso e verifico o suporte do navegador apenas para descobrir que a cobertura já está acima de 80 por cento. Hoje em dia, a barreira para o uso de técnicas mais recentes muitas vezes não é o suporte do navegador, mas simplesmente as limitações na 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 agora à nossa disposição tornam mais fácil do que nunca começar algo novo. Mas o custo inicial que essas estruturas podem economizar no envio inicial eventualmente chega ao auge à medida que suas atualizações e manutenção se tornam 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 porque poderemos ter de esperar que essas estruturas aceitem essas normas. Estas estruturas – que costumavam permitir-nos adoptar novas técnicas – tornaram-se agora um obstáculo. Essas mesmas estruturas geralmente apresentam sobrecarga 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ódigo incorreto, 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 aceitar hacks – por enquanto – para levar o presente adiante. Os problemas só surgem quando não queremos 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. Avalie o custo 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? Futuros desenvolvedores? Para a adoção de padrões? Às vezes, a conveniência pode compensar. Às vezes é apenas um hack com o qual você se acostumou. E às vezes isso impede você de opções ainda melhores.
Comece pelo padrão. Os padrões continuam a evoluir com o tempo, mas os navegadores têm feito um trabalho extremamente bom ao continuar a oferecer suporte aos padrões mais antigos. O mesmo nem sempre é verdade para estruturas de terceiros. Sites criados até mesmo com o HTML mais duvidoso dos anos 90 ainda funcionam bem hoje. O mesmo nem sempre pode ser dito de sites construídos com estruturas, mesmo depois de apenas alguns anos.
Projete com cuidado. Quer se trate de código, pixels ou processos, considere o impacto de cada decisão. A conveniência de muitas ferramentas modernas tem o custo de não compreender as decisões fundamentais que levaram à sua concepção e de não considerar o impacto que essas decisões podem ter. Em vez de correr precipitadamente para “ir rápido e quebrar as coisas”, use o tempo economizado pelas ferramentas modernas para uma consideração mais cuidadosa e um design cuidadoso.
Você está sempre aprendendo. Se você está sempre aprendendo, você também está crescendo. Às vezes pode ser difícil dizer o que vale a pena aprender e o que é apenas o hack de hoje. Você pode se concentrar 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 ajudá-lo com diferentes experimentos outro dia.
Jogue, experimente e seja estranho! Esta teia que construímos é o experimento definitivo. É o maior esforço 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 bobos 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 divulgue. À medida que você experimenta, brinca e aprende, compartilhe o que funciona para você. Escreva no seu próprio site, poste nas redes sociais que desejar ou grite no TikTok. Escreva algo para Uma lista à parte! Mas também reserve um tempo para capacitar outras pessoas: encontre novas vozes, aprenda com elas e compartilhe o que elas lhe ensinaram.
Vá em frente e faça isso#seção7
Como designers e desenvolvedores da web (e além), somos responsáveis por construir o futuro todos os dias, seja na forma de sites pessoais, ferramentas de mídia social usadas por bilhões de pessoas ou qualquer coisa intermediária. Vamos colocar nossos valores nas coisas que criamos e tornar a web um lugar melhor para todos. Crie aquilo que somente você está qualificado para fazer. Em seguida, compartilhe, melhore, refaça ou faça algo novo. Aprender. Fazer. Compartilhar. Crescer. Enxágue e repita. Cada vez que você achar que domina a web, tudo mudará.
Credit Post By: by