Uma lista de links, documentações e artigos úteis para o desenvolvimento de aplicações frontend.
| Conteúdo | O que tem? | |
|---|---|---|
| 🤯 Conceitos | Artigos e links para aprender/lembrar conceitos importantes | Ver |
| 🔨 Desenvolvimento | Ferramentas úteis para desenvolvimento | Ver |
| 🆒 Dicas | Coleções de dicas e utilidades | Ver |
| 📂 Bibliotecas | 🚧...👨💻...🚧 | Ver |
| 📑 Style guides | 🚧...👨💻...🚧 | Ver |
| 💄 UI | 🚧...👨💻...🚧 | Ver |
| 👉🏻 Gerador de CSS | 🚧...👨💻...🚧 | Ver |
| 🎨 Cores | 🚧...👨💻...🚧 | Ver |
| 🏃 Animações CSS | 🚧...👨💻...🚧 | Ver |
| 📝 Markdown | 🚧...👨💻...🚧 | Ver |
| 📋 Listas | 🚧...👨💻...🚧 | Ver |
| 🚧...👨💻...🚧 | Ver | |
| 👍🏻 Ícones | 🚧...👨💻...🚧 | Ver |
| 🎴 Imagens | 🚧...👨💻...🚧 | Ver |
| 🈵 Lorem Ipsum | 🚧...👨💻...🚧 | Ver |
| 💡 Design | 🚧...👨💻...🚧 | Ver |
| 👓 Listas Awesome | 🚧...👨💻...🚧 | Ver |
| ❓ Tutoriais | 🚧...👨💻...🚧 | Ver |
| 📰 Artigos | 🚧...👨💻...🚧 | Ver |
| 💻 Sites de Artigos e tutoriais | 🚧...👨💻...🚧 | Ver |
| ⚛ React.js | 🚧...👨💻...🚧 | Ver |
| 🔻 Vue.js | 🚧...👨💻...🚧 | Ver |
| ⬇️ Extensões | 🚧...👨💻...🚧 | Ver |
| 📔 Documentações | 🚧...👨💻...🚧 | Ver |
- 7 Regras para criar UIs Part I - Uma lista com 7 "regras" para seguir ao criar interfaces de usuário (parte I).
- 7 Regras para criar UIs Part II - Uma lista com 7 "regras" para seguir ao criar interfaces de usuário (parte II).
- 30 seletores CSS - Uma lista com 30 formas de selecionar elementos com CSS.
- BEM - Padrão de nomenclatura de classes CSS para um projeto organizado.
- Código Limpo com Javascript - Conceitos de código limpo aplicados em Javascript.
- Conteúdo do Head - Uma lista com tags para inserir no HEAD da página e o porquê de inseri-las.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Frontend Checklist II - Outra lista de itens necessários/obrigatórios em uma aplicação frontend.
- HTML5 Cheatsheet - Uma lista com todas as tags HTML e uma descrição sobre quando dever ser utilizadas.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- + Javascript Design Patterns - Mais alguns design patterns explicados e exemplificados em Javascript.
- Micro-frontend - Artigo sobre o conceito de micro frontends.
- Mobile First - Um guia sobre o conceito "Mobile First".
- Organizando o HTML - Estruturando o HTML da forma correta.
- Padrões de Arquitetura - Padrões explicados: MVC, MVP, VIPER, MVVM, MVI, FLUX, REDUX.
- Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
- SEO - Um guia sobre SEO.
- SOLID - Um guia completo sobre SOLID.
- Testes - Um artigo sobre testes em frontend.
- UI Patterns - Design patterns na criação de interfaces de usuário.
- Validação de formulários - Um artigo com as melhores práticas para validação de formulários.
- 4Devs - Ferramenta para desenvolvedores: geradores, validadores, funções...
- Can I Use? - Informa se determinado recurso é suportado por browsers ou por determinadas versões.
- Conventional Commits - Uma convenção simples para dar um significado legível às mensagens de commit.
- Free Formatter - Ferramenta para desenvolvedores: formatadores, validadores, minificadores de código, conversores...
- Gitmoji - Uma forma visual de categorizar os commits de um projeto.
- Oh Shit Git - Uma lista com comandos GIT que podem salvar.
- Pingdom Website Speed Test - Uma ferramenta online para testes de performance em sites.
- REPL - Uma IDE online, com suporte a mais de 50 linguagens.
- 30 Seconds of Code - Outra coleção de dicas e utilidades Javascript.
- 33 JS Concepts - 33 conceitos em Javascript que todo desenvolvedor "deve" conhecer.
- Apps Ideas - Uma coleção de idéias para criar aplicações para aprender um novo conceito, uma nova tecnologia ou aumentar o portifólio. ★
- CSS Protips - Coleção de dicas e utilidades CSS.
- JS Tips - Coleção de dicas e utilidades Javascript.
- Web Development Roadmap - Um roteiro de estudo, focado em áreas de desenvolvimento web.
- 960 Grid System - sistema de grid com 12 ou 16 colunas.
- Pure CSS - pacote de módulos CSS leve e responsivo.
- Purge CSS - remova códigos CSS não utilizados.
- Post CSS - criação e edição de estilos CSS com plugins.
- Tailwind - framework CSS para criação rápida de estilos.
- Andy.scss - coleção de mixins utilitários.
- Bourbon - coleção de ferramentas SASS.
- Breakpoint SASS - coleção de Media Queries.
- CSS Owl - coleção de mixins utilitários.
- Pleeease - pré-processador de CSS.
- SASS CSS3 Mixins - coleção de mixins utilitários.
- Analyze CSS - analisar performance de arquivos CSS.
- Base - framework CSS responsivo.
- Bulma - framework CSS baseado em Flexbox.
- Clipboard - biblioteca utilitária para "Copy to clipboard".
- Dinero - biblioteca para manipulações com dinheiro.
- Format.js - biblioteca para formatações.
- History - biblioteca de histórico e estados.
- Is.js - biblioteca para validações.
- Lodash - biblioteca de utilidades em JS.
- Luxon - biblioteca de manipulação de datas me JS.
- Math.js - biblioteca de utilidades matemáticas.
- Moment.js - biblioteca de manipulação de datas me JS.
- Pug - template engine.
- Voca.js - biblioteca para strings em JS.
- Auto Prefixer
- CSS Matic
- CSS Type Set
- CSS3 Maker
- Enjoy CSS
- Flexy Boxes
- Grid Maker
- Responsive Patterns
- Feather
- Font Awesome
- Fontello
- FreePik
- Google Material Icons
- Icons8
- Icon Monster
- Material Design
- Octicons
- Simple Icons
- The Noun Project
- Code My UI
- Collect UI
- Dribbble
- Free Frontend
- Httpster
- Inspiration UI
- Lapa Ninja
- One Page Love
- Page Flows
- Ant Design
- Awesome React
- Awesome React Components
- Blueprint
- Material Design
- Material UI
- Next.js
- Semantic UI
- Styled Components
- (Em desenvolvimento...)
- 9 Flexbox Features
- Code Geekz
- Frontend Development Roadmap
- Lazy Loading Images
- Media Queries
- SASS Structure
- You Dont Know JS
- Awesome
- Design
- Design Patterns
- Design Tools
- Frontend
- MongoDB
- Node.js
- React
- React Tips
- React Components
- React Native
- Redux