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

 ferramentas, bibliotecas e resources para desenvolvedores

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

35 ferramentas, bibliotecas e recursos para desenvolvedores

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 / FoundationFrameworks.

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.

VAGAS PARA PROGRAMADORES

 

Sobre o autor

Pedro Lucinio
Pedro Lucinio
Apaixonado por tecnologia e entusiasta da literatura !

Compartilhar