Blog Web Standards

Soluções para os problemas enfrentados pelos desenvolvedores HTML e CSS no dia-a-dia

Blog Web Standards

Última modificação: 17 agosto 2017

Um dos pontos que mais afetam a usabilidade, levando em conta principalmente o acesso por dipositivos móveis, é o tempo de carregamento do site, devido ao peso dos arquivos estáticos (imagens, css, scripts, etc.) e número de requisições.

Além da minificação do código, concatenação de arquivos e consequente diminuição de requisições, podemos utilizar a compressão Gzip no servidor do site (se o recurso estiver habilitado, claro) através do arquivo .htaccess. Basta editá-lo e incluir as linhas abaixo:

# BEGIN GZIP
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/opentype

# For Olders Browsers That Can’t Handle Compression
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# END GZIP

Caso prefira, você pode editar a lista dos tipos de arquivos que serão comprimidos. Para checar se a compressão fez “efeito”, há uma ferramenta online que pode te auxiliar.

Nossa equipe havia planejado criar um site com uma extensa documentação sobre o que tudo o que envolve o trabalho de um front-end developer, além de indicações para designers de interface web para melhorar a produtividade e coesão entre ambas as partes. Depois de praticamente 4 anos em stand by, finalmente publicamos nosso projeto simplesmente chamado Front-End Development, que além da excelente documentação, possuirá artigos com dicas e idéias que contribuam com a comunidade dos front-end developers.

O intuito é voltar a atualizar o Blog Web Standards, utilizando como suporte ao Front-End Development, porém com artigos mais voltados a resolução de problemas que todos podemos enfrentar no desenvolvimento de novos projetos.

Esperamos que todos aproveitem esta novidade e fiquem a vontade para comentar e dar sugestões!

Pensando em deixar o desenvolvimento de códigos mais prático, publicamos nosso Repositório de Snippets, lugar onde colocaremos trechos de código modulares que usamos comumente em nossos projetos.

Obviamente deixamos aberto a todos e, por isso, deixamos espaço aberto a sugestões, tanto para melhoria dos códigos, como outros snippets a serem implementados.

Além disso, disponibilizamos o download dos snippets em formato de Clips para o editor Coda (Mac OS), assim os códigos podem ser utilizados de maneira mais prática!

Além de termos inaugurado nosso tema personalizado para o Blog Web Standards, vocês podem nos seguir no Twitter e acompanhar nossas últimas atualizações na caixa lateral do site.

Gostaríamos de agradecer os elogios que temos recebido e vários links, tudo isso pois temos o objetivo de ajudar os desenvolvedores a encontrar a solução de seus problemas!

Última modificação: 27 março 2009

Fugindo um pouco do nosso foco, vamos mostrar a vocês nosso mascote: Firefox. Nada mais justo não é?

Vindo diretamente da Mozilla, este querido “panda avermelhado” veio alegrar nosso ambiente de trabalho 😉

Ah, e pra arrematar também encomendamos um pôster… Assim a gente sensabiliza sensibiliza qualquer um que ainda se atreva a usar Internet Explorer!

Poster Firefox

Última modificação: 23 janeiro 2009

Preparado pela “melhor equipe de HTML da Mídia Digital“, o Blog Web Standards está aí para ajudar a melhorar sua forma de trabalho com HTML e CSS, aprimorando sua forma de escrita e resolvendo alguns problemas chatos como bugs no Internet Explorer 6, principalmente.

Estamos aqui para publicar soluções, então caso você tenha alguma idéia de conteúdo, é só entrar em contato conosco!