Retorno da barra de carregamento: CSS3 e HTML5 são o novo Flash?

Hoje vamos discutir um pouco sobre como e por que o Flash passou a ser visto de maneira negativa e como podemos evitar seguir o mesmo caminho com as tecnologias modernas que o substituem.

Explore o Envato Elements

Por que odiamos o Flash

Goste ou não, a web ativou o Flash. O ex-garoto propaganda da Internet se tornou uma criança ruiva, provocando sentimentos de ódio total em muitos usuários. Essa marcha foi em grande parte liderada pela recusa de Steve Jobs e da Apple em permitir o Flash no iOS, mas todos os dias os usuários da web há muito tempo se interessam pela tecnologia.

Por várias razões, o Flash foi incrível. Isso permitiu que os desenvolvedores da web levassem os sites a um nível de dinamismo que antes era impossível. Em vez de uma terra de páginas estáticas chatas, a Internet se tornou um lugar onde experiências futuristas verdadeiramente envolventes e absolutamente possíveis foram possíveis.

Tudo isso teve um preço. Com o surgimento do Flash, a web também se tornou um lugar extremamente complicado e lento. É claro que os sites em Flash requerem o plug-in do Flash e, se você não possui a versão mais recente, é melhor buscá-lo ou isso não vai funcionar.

Depois vieram as barras de carregamento. O tempo de carregamento da página em sites puros em Flash aumenta exponencialmente e de repente os spinners “Loading: 10%… Loading: 11%…” se tornaram parte de nossas vidas diárias.

Finalmente, há o problema da estabilidade. Steve Jobs afirmou que, na maioria das vezes, quando os Macs falham, o Flash é o culpado. Isso é um pouco exagerado, mas o núcleo da declaração sugere alguma verdade. Todos nós já experimentamos congelamentos relacionados ao Flash e coisas piores. Tanto é assim que muitas pessoas baixam plug-ins que bloqueiam todas as atividades do Flash, a menos que sejam aprovadas manualmente.

Sabedoria de Hollywood

No filme Jurassic Park, o especialista em caos Ian Malcom comenta ao encontrar uma ilha de dinossauros vivos, “seus cientistas estavam tão preocupados se podiam ou não, que não pararam para pensar se deveriam”.

"Seus cientistas estavam tão preocupados se poderiam ou não, que não pararam para pensar se deveriam". -Ian Malcom

Essa citação é muito apropriada para a fama do Flash. Os desenvolvedores estavam tão empolgados com o que podiam fazer que se esqueceram de perguntar o que deveriam fazer. O Flash irá melhorar a experiência geral ou piorá-la? O que estou ganhando usando o Flash e o que estou sacrificando? A maioria dos meus usuários ficará satisfeita com as decisões que tomei? Qual é o tamanho do pool de usuários que perderá e que opções terei para eles?

Repetindo o histórico

Avanço rápido para agora. CSS3 e HTML5 chegaram para salvar o dia. O Flash está nas cordas e ganha uma nova batida todos os dias, pois vemos novos exemplos impressionantes de sites impressionantes criados apenas com CSS, HTML e JavaScript.

HTML e CSS são incorporados a navegadores modernos e são a espinha dorsal da Web mundial como a conhecemos hoje; portanto, poder usar essas tecnologias para criar páginas dinâmicas é o sonho de um web designer.

No entanto, à medida que mais e mais desenvolvedores pegam essas tecnologias e começam a esticá-las até os limites, a Jurassic Park Syndrome começa a defini-las. Todos ficamos tão preocupados com o que é possível que é fácil perder de vista o que é permitido.

À medida que navego na web, cada vez mais vejo sinais de que um futuro semelhante ao Flash está se aproximando. O tempo de carregamento da página está aumentando, a ponto de as mensagens de "carregamento" voltarem, as páginas da Web ficarem bastante dependentes do navegador, as animações longas causarem o congelamento do navegador; soa familiar?

Não me entenda mal, sou o primeiro a se levantar e dizer que HTML5 e CSS3 não são apenas o futuro da web, mas a fonte das melhores tecnologias atuais. No entanto, acho que algumas conversas sobre cautela são apropriadas para evitar um cenário semelhante ao Flash.

Sim, nossos novos brinquedos são incríveis, mas vamos desacelerar por um minuto e fazer algumas perguntas importantes antes da implementação.

Questões importantes

A seguir, é apresentada uma lista aproximada e incompleta de perguntas que você deve fazer antes de implementar determinadas tecnologias de última geração em seu site.

O objetivo é experimental / educacional?

Para aqueles que estão prontos para apontar um dedo para mim e para minha oferta semanal de técnicas CSS3, recebo um passe grátis (isso não é conveniente?). É meu trabalho discutir não apenas o estado atual da web, mas as próximas tendências e tecnologias. Como resultado, este blog e outros devem absolutamente explorar e ensinar novas técnicas à medida que surgirem.

Como indivíduo, você também tem todo o direito de experimentar. Não há mal algum em configurar um playground ou site pessoal com recursos experimentais. O problema surge quando você foi contratado para criar um site, supondo que a compatibilidade máxima do usuário seja o objetivo principal. A maioria das empresas não ficará louca por contratar você para criar um site que é impressionante apenas para outros web designers e um pouco irritante para todos os outros.

O que é ganho? O que é perdido?

Assim como eu recomendei na implementação do Flash, com qualquer tecnologia nova ou experimental, você sempre deve avaliar cuidadosamente seus prós e contras.

O benefício é principalmente um impulso estético? Vale a pena um pequeno golpe na usabilidade? Que tal um grande? Do ponto de vista do usuário comum, que não é designer, essa opção aumentará ou diminuirá a experiência?

Por exemplo, digamos que você esteja criando um menu suspenso animado usando CSS3 puro em vez de JavaScript, você está fazendo isso porque é mais impressionante ou porque sabe que pode torná-lo realmente mais funcional para mais usuários do que se você tivesse ido a rota JS?

Tudo volta ao dilema de Ian Malcom. Se você conseguir usar um monte de magia da Web moderna em um site, sempre se pergunte se deve .

Às vezes, os avanços realmente ajudam a otimizar seu site e torná-lo ainda mais utilizável; outras vezes, você se depara com um código inchado e uma página lenta enquanto agita seu banner de progresso. Seja honesto consigo mesmo e decida onde traçar a linha.

Algum usuário perderá?

Digamos que você queira implementar algumas animações de quadro-chave da Webkit (uma das minhas guloseimas CSS3 favoritas) em um site cliente, primeiro analise suas análises para ver quantos usuários que não são da Webkit você deixará de fora?

A compatibilidade do navegador era um grande problema antes do HTML5 e CSS3 e agora é apenas pior. A mesma lógica que sempre usamos ainda se aplica. Apenas certifique-se de projetar com todos os principais navegadores em mente. No que me diz respeito, você não deve se sentir mal ao implementar truques e efeitos específicos do navegador, apenas certifique-se de que outros usuários ainda tenham uma experiência sólida.

Obviamente, estamos falando de aprimoramento progressivo. Comece com uma linha de base de funcionalidade e estética que funcione em todos os principais navegadores e, em seguida, adicione extras especiais para aqueles que pensam no futuro usando um navegador verdadeiramente moderno.

Conclusão

Para resumir, eu absolutamente amo HTML5 e CSS3. Passo muito tempo experimentando e esticando os limites do que eu pensava ser possível anteriormente. No entanto, ao trabalhar em projetos reais, sou sempre cauteloso em exagerar e criar um site que não apenas pareça que foi criado com o Flash, mas que também funciona!

Deixe um comentário abaixo e deixe-nos saber como você aborda o uso de novas tecnologias nos sites dos clientes. Você está adotando totalmente o HTML5 e o CSS3 ou apenas os apelando seletivamente onde podem ser feitas melhorias genuínas?