BT

HTML5 Boilerplate 4: Melhorias em configuração, técnica de image replacement e nova licença

por Bienvenido David III , traduzido por Rafael Sakurai em 24 Set 2012 |

O HTML5 Boilerplate (H5BP) fornece um template inicial para o desenvolvimento em HTML5 e CSS. Contém um conjunto de boas práticas para o front-end no desenvolvimento web, incluindo configurações recomendadas de servidores web. Conheça as novidades do H5BP versão 4.

Melhorias na configuração da compressão do Apache

O Apache 2.4 mudou a sintaxe do FilterProvider, que agora usa uma expressão booleana para determinar se um filtro deve ser aplicado. O Boilerplate 4 não usa mais o FilterProvider; em vez disso, emprega uma configuração simples de compressão com gzip que funciona nas versões do Apache de 2 até o 2.4. Essa configuração pode ser encontrada no arquivo .htaccess do Boilerplate.

HiDPI media query

O H5BP 4 adicionou um exemplo de media query para resoluções HiDPI (Retina); o exemplo está disponível no main.css.

Documentação

As distribuições do H5BP agora contêm uma pasta doc, que inclui todas as documentações e permite o acesso offline. A documentação também foi consolidada e está mais fácil de usar; não há mais uma versão reduzida para download, pois a maioria dos comentários internos foram movidos para a documentação.

Licença MIT

O Boilerplate 4 trocou de licença para a MIT. O uso dessa licença trata do problema de impossibilidade de disponibilizar software para domínio publico. A licença MIT é reconhecida pela OSI; assim as empresas que requerem licenças reconhecidas pela OSI agora podem também utilizar o H5BP sem restrições.

Normalize.css 1.0.1

O H5BP 4 foi atualizado para usar o Normalize.css 1.0.1, que está agora também em seu próprio arquivo CSS. Isso simplifica a atualização ou a remoção do normalize.css

Proteção do console.log

As versões anteriores do H5BP usam uma função de log encapsulada no console.log. Usar um "wrapper" como esse modifica a posição da linha reportada nos logs e causa perda de contexto e utilidade. O H5BP 4 agora recomenda usar diretamente o console.log e adiciona esqueletos de código para versões anteriores do IE, que podem ser encontrados no plugins.js e não têm dependência com o jQuery.

Seleção com cores neutras

O rosa intenso da seleção dos textos do H5BP foi atualizada para uma cor mais neutra.

Nova técnica de substituição de imagens (IR)

Havia vários problemas de substituição de imagens nas versões anteriores do H5BP. O problema foi corrigido usando um pseudo-elemento. Para o IE 6/7, a substituição irá falhar quando for usado o text-indent. Uma lista completa dos prós e contras da nova técnica de IR é apresentada no commit #1149 do H5BP no GitHub.

Limpeza no código

O H5BP utiliza consistentemente aspas duplas no HTML e nos valores hexadecimais para cores no CSS. O projeto agora suporta CSS e JS com múltiplas linhas e usa quatro espaços para indentação. Também são usadas tags de fechamento no DOCTYPE. O velho style.css foi separado em main.css e normalize.css. O diretório js/libs foi renomeado para js/vendor. O antigo (e vazio) scripts.js foi renomeado para main.js.

jQuery 1.8.0 e Modernizr 2.6.1

Por fim, o H5BP 4 foi atualizado para incluir o jQuery 1.8.0 e o Modernizr 2.6.1. A versão não-minificada do jQuery foi removida.


Para mais informações consulte o site do H5BP e o registro de mudanças. E para quem desenvolve na web para dispositivos móveis, vale a pena conhecer o Mobile Boilerplate.

Olá visitante

Você precisa cadastrar-se no InfoQ Brasil ou para enviar comentários. Há muitas vantagens em se cadastrar.

Obtenha o máximo da experiência do InfoQ Brasil.

Dê sua opinião

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber menssagens dessa discussão
Comentários da comunidade

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber menssagens dessa discussão

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber menssagens dessa discussão

Dê sua opinião

Conteúdo educacional

Feedback geral
Bugs
Publicidade
Editorial
InfoQ Brasil e todo o seu conteúdo: todos os direitos reservados. © 2006-2014 C4Media Inc.
Política de privacidade
BT