Referências: Desenvolvimento Web

Cursos

• Frontend Roadmap;
• freeCodeCamp;
• Learn How To Make a Website (Stephanie Eckles).

CSS

Formação e Informação

• CSS-Tricks;
• CSS Wizardry;
• Josh Comeau;
• Ahmad Shadeed;

Referências e Sistemas

• CSS Reference;
• Can I use?
• CSS Hell (más práticas);
• C3 CSS (Sam Smith).

Snippets

• The Holy Grail Layout with CSS Grid;
• SmolCSS (snippets);
• Modern CSS Solutions;
• 1-Line Layouts;
• Custom CSS Reset (Josh Comeau).

FlexBox

• Flexbox Zombies (Mastery Games): gamificação em alto nível para aprender as propriedades CSS relacionadas ao modelo de layout Flexbox.
• Flexbox Froggy: mais um joguinho para aprender Flexbox.
• Flexbox Defense: jogo de Tower Defense para aprender Flexbox.
• A Complete Guide to Flexbox (CSS Tricks): considerado por muitos desenvolvedores o melhor artigo da Internet sobre Flexbox.

Grid

• Grid Garden: jogo para aprender Grid em CSS;
• Anyone Can Learn CSS Grid.

Debug

• ct.css: auditoria do <head>;
• A Guide To CSS Debugging (Stephanie Eckles);
• Checka11y.css: análise de acessibilidade.

Outros

• CSSBattle: competição de emulação de designs com CSS;
• You want enabling CSS selectors, not disabling ones;
• Trigonometry in CSS and JavaScript;
• A guide to designing accessible, WCAG-compliant focus indicators (Sara Soueidan);
• How to Eliminate Render-Blocking Resources: a Deep Dive;

HTML

Formação e Informação

• Beginners’ Guide To Writing Good HTML (Bruce Lawson).

Referências

• HTML elements reference (Mozilla Web Docs);
• HTML Reference;
• HTML Hell (más práticas).

Outros

• My current HTML boilerplate (Manuel Matuzovic);
• Buttons vs. Links (Eric Eggert).

Ferramentas

E-mail

• YOPMail: e-mails instantâneos para testes.

Otimização

• Loader: envio de até 10.000 visitantes por teste gratuitamente.
• Request Map Generator;
• CDN Performance;
• GTmetrix;
• WebPageTest;
• SpeedVitals.