Close

25/10/2016

Links Semanais #8

destaque-links-8

Nesta semana temos uma gama bem variada de referências, desde campos de formulário em HTML5, metodologias para melhor performance, CSS Feature Queries, bibliotecas de gráficos em SVG entre outros. Vale a pena dar uma olhada:

Front-End

  • The State of HTML5 Input Elements: o HTML5 nos permite utilizar diversos tipos de inputs em nossos formulários, porém ainda temos inconsistências nos diferentes navegadores. Este artigo comenta a diferença na forma como os navegadores interpretam a localização do usuário e interferem na exibição das informações (formato de data, métricas, etc.), sem intervenção de JavaScript.
  • How to use CSS Feature Queries: há alguns anos temos a opção de customizar nossos sites baseados nas features disponíveis aos usuários, muito graças a biblioteca Modernizr, a qual detecta quais recursos o usuário tem (ou não) em seu navegador, permitindo os desenvolvedores customizar a experiência de acordo com essas possibilidades. O artigo mostra como as CSS Feature Queries podem ajudar na melhor experiência para usuários com navegadores mais antigos ou modernos, sem utilização de polyfills, deixando os sites mais leves.
  • Yarn: A new package manager for JavaScript: Facebook lança seu package manager para concorrer diretamente com o npm que, ironicamente, é instalado via npm. A promessa é ter uma melhor performance, funcionar de maneira offline caso o pacote já tenha sido instalado anteriormente, melhor controle de versões entre outros recursos.
  • Lazy Loading Images? Dont’ Rely On JavaScript!: este artigo mostra uma técnica muito interessante para implementar lazy loading nas imagens sem prejudicar os usuários que não tenham JS habilitado em seus navegadores.
  • Web performance secrets from the BBC: como a BBC melhorou a performance de seus sites? Este artigo mostra algumas dicas e metodologias relativamente simples que incrementaram ainda mais a experiência dos seus usuários.
  • AtoZ CSS Screencast: The CSS Value of Auto: já parou para pensar o quão importante é o valor ‘auto’ no CSS? Este artigo/screencast nos mostra como é relevante sabermos como e em quais situações devemos usá-lo.
  • SVG Charting Libraries: este artigo faz um apanhado de diversas opções de bibliotecas para gráficos disponíveis, porém com uma exigência: o resultado seja exibido em SVG.