Sprites ou imagens separadas?

Usar muitas imagens separadas com <img> pode ter um custo de performance. Mas transformá-las em sprites pra usar com CSS pode ter um impacto semântico, em SEO e acessibilidade? E técnicas como LazyLoad? Essa excelente pergunta foi trazida no fórum da Alura pelo Guilherme Battoni. No cenário dele, ele tem uma galeria de muitas fotos
Continuar lendo…

Preenchendo formulário HTML automaticamente com AJAX

Durante o desenvolvimento de um projeto web, nosso cliente pediu que no cadastro de endereço criássemos um recurso para busca de CEP automática facilitando o processo para o usuário, mas como podermos fazer isso? Inicialmente, poderíamos adicionar algum tipo de botão ou listener que ficasse responsável em fazer uma requisição HTTP enviando o CEP, e
Continuar lendo…

Por que você deve ficar sempre de olho na performance do seu site

A gente é bem bitolado em performance aqui na Alura e na Caelum há bastante tempo. Já seguimos muitas boas práticas na hora de desenvolver e até ensinamos várias delas nos cursos de performance front-end. Mas a vida acontece Mais especificamente, as coisas evoluem. Mudam organicamente. Uma funcionalidade nova aqui, outra ali. Muita gente mexe
Continuar lendo…

destaque pseudo elementos com sass

Criando pseudo-elementos mais rapidamente com Sass

Quando vamos criar um elemento que só possui finalidade visual, criamos um pseudo-elemento em nosso CSS usando o :after ou o :before. E sempre acabamos colocando certas delarações CSS nesses elementos, como no código abaixo: Na maioria dos casos, usamos essas declarações, meio chato ficar repetindo código, não? Repetição de código no CSS é um
Continuar lendo…

jQuery 3.0 Final é lançado

A versão 3.0 da biblioteca Javascript mais popular do mundo foi lançada! O pessoal estava trabalhando nesta versão desde o fim de 2014. Os desenvolvedores dizem que esta versão é mais rápida do que a anterior e que ela foi desenvolvida com retrocompatibilidade em mente – ou seja, o que você já usava na antes
Continuar lendo…