Cursos
- Frontend Roadmap;
- freeCodeCamp;
- Codeytek Academy;
- Interneting is Hard;
- Learn How To Make a Website (Stephanie Eckles).
CSS
Formação e Informação
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);
- Form design – Best practice, research insights and examples.
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
- YOPMail: e-mails instantâneos para testes.
Otimização
- Loader: envio de até 10.000 visitantes por teste gratuitamente.
- Request Map Generator;
- Is my host fast yet?
- CDN Performance;
- GTmetrix;
- WebPageTest;
- SpeedVitals.
Share Your Thoughts