HTML/CSS/JScript

Case de Projeto Responsive Design e Mobile-First

Excelente artigo do Fabrício Teixeira que une conhecimentos de diferentes pontas do ecossistema de um projeto web como experiência de usuário, design, acessibilidade, tecnologia, conteúdo e foco no que precisa ser alcançado com o projeto. Se você pensa em fazer um projeto acessível em diferentes dispositivos com vários tamanhos de telas e está começando agora no mundo do responsive web design, esse artigo te valerá uma bela aula. “5 coisas que aprendi em um projeto Mobile-First Responsive Design para o Google.

Imagem de uma mulher no volante do carro manuseando um celular.

Otimização de imagens para web com o Smush.it

Otimizar imagens para web já foi uma atividade mais trabalhosa. Desenhar sites na época das conexões dial-up exigia mais esforço dos designers para não deixar o site pesado. Apesar de não estarmos mais naquela época otimizar imagens ainda é uma valiosa boa prática. Uma razão para se preocupar com o tamanho delas no seu projeto hoje é o fato do Google considerar o tempo de carregamento do site como uma das variáveis do Pagerank. Ou seja, quanto mais rápido e mais leve for seu site, mais score você ganha no SEO.

Continue Lendo »


Links quebrados e páginas de Erro 404

Imagem ilustrativa de uma corrente sendo quebrada para ilustrar o conceito de links quebrados. Links quebrados, também conhecido em inglês como broken Links ou link rot (link podre ou estragado) são links que não mais levam o usuário para onde originalmente deveria levar. Em outras palavras, são links para páginas inexistentes. As causas disso são variadas, como um site que deixou de existir ou uma página que foi migrada para outro local devido ao redesign do site ou a página foi deletada, etc. Continue Lendo »

Book Review: Refatorando HTML – Como melhorar o projeto de aplicações web existentes

Capa do livro Refatorando HTML - Como melhorar o projeto de aplicações web existentes Já ouviu falar de refatoração? Refatoração é a melhoria gradual de trechos de código sem alterar o comportamento da aplicação web, site, sistema, etc. O objetivo é remover problemas de código antigo e/ou ilegível (difícil de dar manutenção) para código mais moderno, claro e mais fácil de manter e de realizar manutenções evolutivas. Continue Lendo »


Book Review: A arte e a ciência da CSS

O livro “A arte e a ciência da CSS” é mais uma proposta bacana de avaliação de livros que eu recebo e que me surpreendeu. Dessa vez o convite veio da Bookman editora de avaliar um livro do Sitepoint há pouco tempo traduzido para o português. Gostei do resultado e gostei mais ainda da iniciativa da Bookman de trazer esse livro daqueles caras. Eles são bons e tiveram uma abordagem muito interessante nesta obra. Continue Lendo »