Close

11/08/2016

Links Semanais #4

destaque-links-4

Nesta semana, mais uma grande diversidade de referências bacanas para vocês:

Front-End

  • SVG uploads in WordPress (the Inconvenient Truth): Sabe por que não podemos enviar SVGs para o WordPress? Veja esta explicação mostrando motivos sérios de segurança para isso.
  • Organizing Your Grunt Tasks: Maneira inteligente para deixar as tasks do Grunt mais organizadas. Confesso que normalmente não me incomodo com esse tipo de coisa, mas em projetos com muitas configurações, pode ser bem útil.
  • High Performance SVGs: SVGs podem sempre ser otimizados, desde a direção de arte (forma como os designers criam) como na codificação e implementação.
  • A History of CSS Image Replacement: Interessante notar quantas técnicas já existiram para Image Replacement e ver como hoje em dia já não é tão necessário, apesar de ainda ocorrerem situações nas quais precisamos recorrer a ela.
  • anime.js: Biblioteca para animação em JavaScript, muito leve, que funciona com CSS, objetos JS, SVG e outros elementos. Veja alguns exemplos interessantes no Codepen.
  • How well do you know CSS display?: Artigo bem detalhado sobre todos os valores da propriedade display do CSS e alguns usos práticos.
  • Pills – A simple, responsive, and tiny CSS grid for humans.: Como o próprio título já diz, trata-se de um framework para grids em CSS, bem direto ao ponto!
  • See How Dreamweaver is Transforming for the Future: Artigo com vídeo mostrando novidades do Dreamweaver, para quem ainda se interessar.
  • Sticky headers: Melhorias na forma de utilização de cabeçalhos fixos. Algumas dicas simples que vão deixar a experiência do usuário muito mais consistente.
  • New Ways to Share, Save and Engage: Novidades na forma de compartilhamento e engajamento de usuários através do Facebook.
  • The Languages Which Almost Became CSS: Muito interessante conhecer algumas linguagens que deram origem ao CSS.
  • ZingTouch: Biblioteca de detecção de gestos em touch screens permitindo, até mesmo, configurar e criar seus próprios gestos.
  • Email Toolbox: Referências para quem precisa desenvolver campanhas para e-mail, desde especialistas a serem seguidos até ferramentas para desenvolvimento e disparo.
  • Almost complete guide to flexbox (without flexbox): Guia bem direto com exemplo visual das diferentes aplicações do flexbox.
  • Flexbox Patterns: Excelente referência para aprendizado dos conceitos do flexbox, de forma didática, com passo-a-passo e exemplos práticos dependendo do nível de dificuldade.
  • <head> Cheat Sheet: Página completa com o que é possível ser inserido no cabeçalho do HTML, dividido por categorias.
  • HTML5 Accessibility: Especificação de recursos HTML5 e seu suporte pelos principais navegadores. Surpreendentemente o único com 100% é o Edge da Microsoft.
  • New <video> Policies for iOS: Com o passar do tempo o uso de vídeos no Safari da plataforma iOS deixou de ser tão rígido. Agora é possível tocar vídeos automaticamente sem necessidade de interação do usuário, desde que o vídeo não possua áudio ou esteja em mute.
  • Mastering Responsive Web Design: The Dos and Dont’s: Boas e más práticas para desenvolvimento de Responsive Web Design. Sempre bom relembrar e ficar atento a estes conceitos básicos.
  • Optimizing Foundation for Speed: Algumas dicas importantes para otimizar o peso dos seus projetos que utilizam o framework Foundation.