digitalbox.cc

"Formato 26% menor que o PNG e entre 25% e 34% menor que o JPG, que suporta transparência e animações, portanto, poderia substituir JPG, PNG e GIF com qualidade e leveza. Ele surgiu por acidente enquanto o Google trabalhava num formato de vídeos chamado WebM, que é baseado no codec VP8, e percebeu que esse formato comprimia os quadros muito bem, então resolveu estudar sua aplicação em imagens."

Amigos, esse site é muito eficaz para saber quais tecnologias (Front-end) funcionam em diferentes browsers que são requezitos de um projeto.

Você gosta de desafios? Então vamos testar seu nível de css coder!

http://flukeout.github.io/

UI-Less & Performant Transitions & Animations

"his extension resizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions. The resolutions list is completely customizable (add/delete/re-order)."

Sempre me ajudou nos desenvolvimentos de layout responsivo. #ficadica

Mary Lou (Manoela Ilic) is a freelance web designer and developer with a passion for interaction design. She studied Cognitive Science and Computational Logic and has a weakness for the smell of freshly ground peppercorns.

Vale a pena conferir cada um deles ;)

Uma lista de links para vídeos de conferências frontend.

Achei interessante os efeitos 2d deste exemplo. Confiram ;-)

Learn to use Git

Já mandei uma vez, mas vale a pena reforçar. Esse treinamento prático ajuda muito a entender os conceitos básicos do GIT. J Façam! Vale a pena!

Take free online classes from 80+ top universities and organizations. Coursera is a social entrepreneurship company partnering with Stanford University, Yale University, Princeton University and others around the world to offer courses online for anyone to take, for free. We believe in connecting people to a great education so that anyone around the world can learn without limits.

Segue uma lista de práticas e convenções adotadas pela AirBNB para codificar Javascript. 

Fazia tempo que um artigo não agregava tanto no camarote do meu conhecimento. É um pouco pesado (avançado) mas cheio de exemplos. Uma consolada e pimba!

IcoMoon provides a package of vector icons, along with a free HTML5 app for making custom icon fonts. Browse among thousands of pixel perfect icons or import your own vectors.

Sprites para ícones até que são legais, mas, tem alguns sérios contras: não são vetoriais (ou seja, não escalam o tamanho), não são passíveis de manipulação via css (cor, sombra, contorno), é um saco ficar reposicionando via coordenada xy...

Então, alguns projetos já resolveram isso usando arquivos de font como recurso de ícone. A idéia é simples: a letra "A" poderia ser um ícone "nuvem com uma seta", respresentando download.

A proposta é fornecer uma ferramenta onde vc escolhe os ícones que te apetecem e monta um arquivo de fonte apenas com estes. Vale a pena dar uma explorada, em especial no app:

http://icomoon.io/app/#/select

Make your var_dumps readable, automatically!

Plugin do Chrome que exibe o var_dump (ou dd do Laravel) formatado e colorido no navegador.