EduardoRotundaro / awesome-frontend

:eyeglasses: Uma lista de links, documentações e artigos úteis para o desenvolvimento de aplicações frontend.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Awesome Frontend

Uma lista de links, documentações e artigos úteis para o desenvolvimento de aplicações frontend.

   


   

Conteúdo

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
🅰️ Fontes 🚧...👨‍💻...🚧 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

     


 

Conceitos

⬆ Voltar ao menu

 


 

Desenvolvimento

  • 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.

⬆ Voltar ao menu


 

Dicas

  • 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.

⬆ Voltar ao menu


 

 

 

 

 

 

🚧 👨‍💻 🚧

 

Bibliotecas

CSS

  • 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.

⬆ Voltar ao menu

SASS

⬆ Voltar ao menu

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.

⬆ Voltar ao menu


 

Gerador de CSS

⬆ Voltar ao menu


 

Fontes

⬆ Voltar ao menu


 

Cores

⬆ Voltar ao menu


 

Ícones

⬆ Voltar ao menu


 

Listas

⬆ Voltar ao menu


 

Animações CSS

⬆ Voltar ao menu


 

Design

⬆ Voltar ao menu


 

React

⬆ Voltar ao menu


 

Vue

  • (Em desenvolvimento...)

⬆ Voltar ao menu


 

Markdown

⬆ Voltar ao menu


 

Tutoriais

⬆ Voltar ao menu


 

Style guides

⬆ Voltar ao menu


 

Artigos

⬆ Voltar ao menu


 

Sites de Artigos e tutoriais

⬆ Voltar ao menu


 

Lorem Ipsum

⬆ Voltar ao menu


 

Imagens

⬆ Voltar ao menu


 

UI

⬆ Voltar ao menu


 

Listas Awesome

⬆ Voltar ao menu


 

Documentações

⬆ Voltar ao menu


 

Extensões

⬆ Voltar ao menu

About

:eyeglasses: Uma lista de links, documentações e artigos úteis para o desenvolvimento de aplicações frontend.