Uma versão editada deste artigo apareceu pela primeira vez na edição 225 da revista .net - a revista mais vendida do mundo para web designers e desenvolvedores.
@twostepmedia: Onde o trabalho pesado deve ser feito em uma página da web? No front-end ou no back-end?
Lea Verou: Eu sou uma forte defensora de fazer tudo que você puder no cliente. Quando seu código é executado no cliente, ele sempre tem que lidar com uma máquina, não importa o quão bem-sucedido seu projeto se torne.
Tudo o que você escreve no servidor pode precisar ser executado milhares de vezes por segundo se seu projeto for bem-sucedido, portanto, mantê-lo e estendê-lo se torna cada vez mais desafiador à medida que seu site cresce. Sem mencionar os custos crescentes de hospedagem que muito raramente podem ser totalmente cobertos pela receita do site. Claro, muita lógica do lado do cliente pode fazer um site carregar lentamente, mas temos ferramentas para evitar isso, como gzip e obsfucation e, o mais importante, carregamento lento.
@komiska: Seu trabalho é INCRÍVEL! Quem o inspirou a seguir o caminho da tecnologia?
LV: Obrigada! Eu não acho que era uma questão de ser inspirado por alguém. Eu só gosto de fazer coisas desde que consigo me lembrar. Quando eu era criança, certa vez usei lenços umedecidos de cozinha para fazer bolsas e bolsas!
Por volta dos 12 anos, descobri que a programação me permitia construir coisas úteis com mais facilidade e mais profissionalismo do que o artesanato. Isso me fascinou tanto que imediatamente me apaixonei por programação e continuei me esforçando para ficar melhor nisso.
@jelmerdemaat: Como @LeaVerou criou @dabblet? Com que framework PHP / outra técnica de back-end? Qual foi a parte mais difícil?
LV: Dabblet não tem nenhum banco de dados e o código do lado do servidor envolvido é mínimo. Um pouco de PHP é usado apenas para OAuth e para gerar uma página de resultados para compartilhar sem nenhum dos cromo dabblet em torno dele (útil para casos de teste de relatório de bug). Como você pode ver nas estatísticas do Github, o PHP é responsável por apenas três por cento do dabblet. Todo o resto é do lado do cliente. Isso ajuda a evitar a situação do jsfiddle: o jsfiddle faz tudo no servidor, portanto, agora que foi bem-sucedido, a carga do servidor disparou e ficou lento.
@_dte: Qual é o próximo recurso CSS mais empolgante para você?
LV: efeitos de filtro com certeza. Eles nos permitem fazer coisas que antes eram impossíveis, não apenas difíceis. Não estou muito animado para módulos de layout, porque a) vai demorar muito antes de sermos capazes de usá-los, já que eles não se degradam graciosamente eb) o layout sempre foi possível, apenas desnecessariamente difícil. Claro, os novos módulos de layout também são muito importantes, mas não é o tipo de coisa que me deixa animado.
Também estou muito entusiasmado com as unidades relativas da janela de visualização vw e vh e a extensão CSS3 do attr () função que nos permitirá usar attr () em cada propriedade.
Eu também gostaria muito de ver outros navegadores além do Opera implementando ajuste ao objeto e posição do objeto, para que possamos parar de usar hacks em segundo plano para cortar imagens em uma proporção de aspecto diferente.
@gpirie: Qual recurso você gostaria de ver introduzido no CSS?
LV: A atual() função que permite fazer referência ao valor calculado de outras propriedades. Como uma generalização de currentColor (que se tornaria um apelido para atual (cor)) Claro, implementar tal coisa é muito complicado, mas a realidade não me impede de sonhar!
@kevdog: Quais são os três erros de CSS mais comuns?
LV: O erro CSS mais comum que vejo é que as pessoas codificam seu CSS com foco no resultado, não em código limpo, sustentável e flexível (e raramente refatoram). Não é apenas importante que algo parece agora, com um certo fundo, certos arredores e certo tamanho. Deve ser capaz de adaptar para mudar facilmente, sem ter que reescrever todas as regras sobre isso de maneiras imprevisíveis.
Você pode pensar que nunca vai mudar algo, mas com tempo suficiente, quase certamente se provará que você está errado. Os pré-processadores CSS podem ajudar com isso. Eles são a saída mais fácil, mas certamente são melhores do que códigos desleixados e repetitivos.
Outro erro é CSS excessivamente prolixo. As pessoas não estão cientes dos padrões, então eles continuam redefinindo-os. Eles não conhecem as abreviações, então, em vez disso, continuam definindo as propriedades extensas. Existem casos em que você tem que fazer essas coisas de propósito, mas isso não é uma razão para fazê-las defensivamente em tudo.
@kevdog: Se você pudesse mudar alguma coisa nas especificações CSS, o que seria?
LV: Existem muitas sugestões com as quais quase todos no CSSWG concordam, mas não podem ser adicionadas devido à interrupção do uso generalizado existente na web. Normalmente, o WG as nega totalmente ou adiciona mais propriedades para controlar o comportamento, em vez de alterar os padrões. Eu gostaria de ver uma maneira de ativar as alterações incompatíveis com versões anteriores, para que os sites existentes não quebrem. Outras linguagens já resolveram esse problema há muito tempo, mas com HTML e CSS continuamos lutando por compatibilidade retroativa no custo de um bom design de linguagem.
@StuRobson: Você acha que é preguiçoso para um desenvolvedor usar uma estrutura ou clichê à toa sem entender tudo o que ela faz?
LV: Não, mas acho que é preguiçoso para um desenvolvedor usar uma estrutura ou clichê sem pessoalmente precisar, só porque todo mundo usa. É contraproducente tentar resolver problemas que você ainda não tem.
@folktrash: Em que ponto a "celebridade" aconteceu? Como você sabia? E isso ajuda ou atrapalha a divulgação da qualidade / semântica do código?
LV: Obrigado, mas não tenho certeza se poderia ser chamado assim. Todo mundo tende a considerar as pessoas de quem já ouviu falar mais conhecidas do que as pessoas das quais não tinha ideia. Conseqüentemente, todos têm uma tendência natural de superestimar sua própria fama, que precisa ser artificialmente (e quase cegamente) equilibrada quando você está ciente desse fenômeno. Também precisamos ter em mente que ninguém em nosso setor é realmente uma celebridade, ninguém é um nome familiar.
Dito isso, 2011 foi uma loucura e é óbvio que recebi mais reconhecimento pelo meu trabalho do que poderia esperar. Certamente ajuda a evangelizar os padrões da web. As pessoas prestam muito mais atenção quando digo algo agora do que há um ano. Isso, entretanto, vem com o custo de que as coisas que eu digo sejam superanalisadas, as pessoas podem ler muito sobre elas e me atacar por supostamente ter pontos de vista que eu nunca considerei. Ou às vezes, apenas para ter visualizações, ponto final.
@Tawreh: Por que você é tão fanático por mulheres na indústria? Eu entendo a necessidade de igualdade, mas se você for ao extremo.
LV: É a primeira vez que ouço algo como "igualdade extrema". A igualdade nunca pode ser extrema e duvido que alguém diria algo assim para outros tipos de discriminação, como o racismo. É a "discriminação reversa" ou "viés corretivo" que é extremo e sou fortemente contra isso.
Dito isso, não sou "fanático" por mulheres na indústria, sou "fanático" contra estereótipos de gênero prescritivos. Quase nunca vejo sexismo em nossa indústria, parece que as pessoas aprenderam bem a lição há muito tempo. Não acho que a baixa participação das mulheres em nosso setor se deva ao fato de elas não se sentirem mais bem-vindas. É o resto de nossa sociedade de gênero que afasta as mulheres da engenharia. As meninas brincam com brinquedos que não as estimulam a desenvolver suas habilidades cognitivas tanto quanto os brinquedos dos meninos. Filmes e brinquedos infantis são os piores perpetuadores de estereótipos de gênero e quase não vejo interesse neles. Todos parecem concentrar seus esforços nos adultos, corrigindo os erros em vez de evitar cometê-los.
@komiska: Haverá uma transição para o peso da fonte?
LV: Citando uma nota da especificação, "não é tão simples". A maioria das propriedades não tem pesos suficientes para uma transição suave e o navegador não pode gerar os estados intermediários porque não há como representá-los em CSS. Dito isso, podemos eventualmente estender cross-fade () de valores de imagem CSS4 para aplicar a todos os valores CSS, não apenas imagens, o que resolveria a maioria dos problemas de transição e nos dá uma ferramenta poderosa que também pode ser utilizada estaticamente.
