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.

Atualização na API do Google Maps permite estilizar e alterar a aparência dos mapas

Não é bem uma novidade mas eu fui brincar com isso somente alguns dias atrás. Em maio deste ano o Google anunciou uma atualização na v.3 da API do Google Maps que permite aos desenvolvedores alterar a aparência dos mapas. Continue reading “Atualização na API do Google Maps permite estilizar e alterar a aparência dos mapas”

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 reading “Otimização de imagens para web com o Smush.it”

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 reading “Links quebrados e páginas de Erro 404”

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 reading “Book Review: Refatorando HTML – Como melhorar o projeto de aplicações web existentes”

WaSP Interact – Curso gratuito de desenvolvimento para web

Já ouviu falar do pessoal do Web Standards Project, certo? Então, já faz um tempo que os caras criaram o WaSP Interact, um site de e-learning gratuito para profissionais de web. Continue reading “WaSP Interact – Curso gratuito de desenvolvimento para web”

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 reading “Book Review: A arte e a ciência da CSS”

Documentos da W3C em português

logomarca da W3C Se você reclamou a vida inteira que nunca conseguiu estudar os padrões web e os documentos da W3C porque não sabia inglês, saiba que seu problema já foi resolvido há muito tempo. Mas se você porventura tenha se esquecido ou passou despercebido, estamos aqui para ajudá-lo (na medida do meu possível, é claro). Continue reading “Documentos da W3C em português”

Web Standards? E agora José?

I heart Web Standards Eventualmente converso com algumas pessoas “das antigas” sobre os famosos padrões web, sobre boas práticas de XHTML e CSS e sempre fico me perguntando onde chegamos e para onde estamos indo. Este texto é uma reflexão sobre isso. O que já alcançamos e o que está pela frente. Continue reading “Web Standards? E agora José?”

Formatador de preço em jQuery

O sumido Cuducos me escreveu mandando uma dica extremamente útil. Um formatador de preço em jQuery. Ele escreve: “Precisei de um script aparentemente simples em javascript e não achei nenhuma solução satisfatória por ai. Dai escrevi uma e a formatei como plugin do jQuery” e eu estou ajudando a divulgar. Continue reading “Formatador de preço em jQuery”