O trabalho de um programador pode ser (em muito casos é) extramente complexo quando se trata de organização e otimização de tarefas. Para resolver este problema, eu apresentarei uma lista contendo 35 ferramentas, bibliotecas e recursos para desenvolvedores web.
Neste artigo eu não listarei grandes frameworks como Angular, React e Vue, mas passarei algumas das que eu considero as mais úteis ferramentas para acelerar o fluxo de trabalho de um desenvolvedor.
A maioria delas já são conhecidas de longa data, porém, você pode encontrar novas ferramentas que tornarão o seus projetos muito mais simples e organizados.
Bibliotecas JavaScript
Particles.js – Uma biblioteca para criar belas partículas flutuantes em uma página da web.
Highlight.js – destaque de sintaxe para a web.
Motio – Uma biblioteca para animações baseadas em sprites e panning.
Three.js – Uma biblioteca para criar objetos e espaços em 3D em uma página da web.
Fullpage.js – Implementar o recurso de rolagem de página inteira.
Chart.js – Faça gráficos bonitos usando apenas o javascript.
Vivus.js – Uma biblioteca para fazer animação de desenho no SVG.
Keycode – Obtenha o keycode do javascript para um botão que é pressionado.
Scrolline.js – Veja quanto você rolou até o final da página.
Wow.js – Revelar animações quando você rola.
Typeahead.js – Conclusão da pesquisa.
Favico.js – Favicons dinâmicos.
IziToast – Implementar notificações js.
Tether – Anexe com eficiência elementos posicionados absolutos.
Selectize.js – Caixa de seleção híbrida para adicionar tags.
Waypoints.js – Aciona uma função quando você rola para um elemento.
Bibliotecas CSS e Material de Design
Animate.css – biblioteca de animação.
Material design lite– Framework baseado no design de material do Google.
Materialui.co – Muitos recursos para a estrutura de design de materiais.
Colorrrs – Gerador de cor aleatória.
Create ken burns effect – Ken burns effect usando animações css3.
Separadores de seção – Divisores de seção Css.
DynCSS – Adicione funções ao css, para torná-lo dinâmico.
CSSpin – Coleção de spinners css.
Feather icons / Ion icons– Ícones.
Gerador de fontes – Combine várias fontes e crie uma mistura.
Magic Animations – O nome fala por si.
Bootstrap / Foundation – Frameworks.
Produtos e Links
Capsulelink – Agrupe, salve e envie links como um.
<head> cheatsheet – uma lista de tudo que poderia entrar na tag <head>.
Ghost – Plataforma de blogging simples baseada em node.js.
What runs – o plug-in do Chrome para descobrir quais tecnologias são usadas para criar um website.
Learn Anything– mapas mentais poderosos que quebram um determinado assunto.
Esta é a lista de algumas ferramentas / frameworks / bibliotecas que eu mais tenho usado nos últimos meses. Espero que eles possam te ajudar, tornando o seu trabalho melhor. Se você conhece alguma ferramenta útil que não foi citada acima, compartilhe conosco nos cometários!
Se você é um programador e está buscando novas oportunidades profissionais, acesse a ProgramaThor, uma stratup focada no recrutamento de desenvolvedores. Para se candidatar às vagas e receber notificações em casos de matching, basta de cadastrar e completar seu perfil corretamente.
Sobre o autor
Últimos artigos
Dicas19 Setembro, 2018Como escolher o notebook certo para programação
Dicas12 Setembro, 2018Como pensar igual um programador: dicas para solucionar problemas
Top5 Setembro, 2018Top 7 ferramentas de código aberto para desenvolvedores
Dicas29 Agosto, 201810 dicas para novos desenvolvedores
