HTML

Índice de elementos HTML

Referência de elementos HTML do HTML5 Doctor com descrição e exemplo de código.

Referência HTML da MDN

Mozilla Developer Network é a melhor referência HTML disponível atualmente. Ponto.

Documentação HTML do WHATWG

Documentação oficial HTML do WHATWG. Atualizações atualíssimas da especificação.

Referência de Glyphs HTML

Os glifos HTML mais usados em unicode, hexadecimal, números e entidades.

Dive Into HTML5

Tradução feita pela comunidade brasuca do manuscrito virtual (?) histórico sobre HTML5.

CSS

Calculadora de especificidade CSS

A melhor calculadora de especificidade CSS. Permite comparação entre vários seletores.

Animate.css

A mais tradicional e uma das melhores bibliotecas para animações simples com CSS.

Referência CSS da MDN

Mozilla Developer Network é tem a melhor referência CSS disponível. Simples assim.

CSS: um passo adiante

Aprimore o CSS com SMACSS, BEM, Pré-processadores, Namespaces e Task Runners. Cupom de desconto exclusivo!

Funções de atenuação (easing)

Coleção incrível de funções easing para serem usadas em transições e animações CSS.

Clippy

Ferramenta para ajudar com código da propriedade clip-path. Você vai se surpreender!

Can I Use...

Informações sobre suporte a tecnologias front end pelos principais navegadores.

Gerador de função cubic-bezier

Permite criar as próprias funções para transições e animações. Tem visualização comparativa.

Flexbox: o guia completo

Domine uma das tecnologias modernas para criação de layouts modernos e elementos de UI responsivos. Cupom de desconto exclusivo!

JavaScript

Padrões de Projeto JavaScript

Se não é mais Júnior em JavaScript, essa referência de Design Patterns vem a calhar.

Referência de Keycodes

Pressione qualquer tecla e pegue o código keycode, unicode ou urlencoded.

Referência JavaScript da MDN

Mozilla Developer Network é a melhor referência JavaScript disponível atualmente.

Referência de Eventos JavaScript

Também na MDN, referência completa de eventos JavaScript para consulta.

Microjs

Fantásticos micro-frameworks e micro-bibliotecas JavaScript, todos com menos de 5KB!

Fontes

Fontsquirrel

Acervo fantástico de fontes 100% gratuitas que podem ser usadas em qualquer projeto.

Modularscale

Para criar escala modular para tamanhos de fontes e ajudar com a harmonia tipográfica.

Google Fonts

Número 1 do mundo quando o assunto é usar fontes personalizadas. Possui um acervo incrível!

MyFonts

Para fontes pagas, MyFonts é a maior coleção do planeta Terra disponível atualmente.

Transfonter

O mais simples, moderno e eficiente gerador de CSS @font-face a partir de upload de fontes.

Ícones

Font Awesome

Um dos melhores e mais tradicionais sets de ícones que a web já teve a felicidade de contar.

Flaticon

Centenas de milhares (!) de ícones gratuitos e pagos para o deleite geral da nação.

Favicon Generator

Simplesmente o melhor serviço para gerar favicons compatíveis com todos os navegadores.

Iconmonstr

Milhares de ícones à disposição com exportação em Icon Font, SVG, PNG, PSD e EPS.

IcoMoon App

A melhor ferramenta para montar sets de ícones gratuitos e premium. Exporta Icon Fonts e SVG.

Cores

Paletton

Uma das mais tradicionais ferramentas de combinação/análise de cores da web.

Color Hunt

Não sabe quais cores usar em um projeto? Aqui é um bom ponto de partida para ajudar.

uiGradients

Coleção de gradientes/degradês lindíssimos para serem usados em projetos de bom gosto.

0to255

Escolha uma cor e tenha à disposição dezenas de variações para tons mais claros e escuros.

Palettable

Se você encontrar uma maneira mais fácil e mais divertida de montar paletas de cores, me conta!

Adobe Color CC

Criação de paletas de cores + acervo de paletas da comunidade. Padrão de qualidade Adobe. <3

Performance

WebPagetest

Uma das mais tradicionais e eficientes ferramentas de medição de performance.

Image Analysis Tool

Análises das imagens usadas no site com relatórios e sugestões completíssimos.

GTmetrix

Resultados de performance apresentando PageSpeed Score e YSlow Score.

Ferramentas

Neovim

Editor baseado no Vim. Aqui é traçado o limite entre whisky e tabaco e leite com cookies.

Codepen

Playground para front-enders brincarmos e compartilharmos nossas travessuras.

Visual Studio Code

Uso o VSCode há pouco tempo, mas já considero o melhor editor do momento. (até rimou)