60 ferramentas para desenvolvedores web

by leonardo. Sep 20, 2017 19:35.

60 ferramentas para desenvolvedores web | gauntē marketing digital

Nesse artigo pretendo abranger as ferramentas, recursos e bibliotecas que estão em evidência no mercado de desenvolvimento web. Não significa que você deve aprender todas, até porque algumas competem entre si e possuem aplicabilidades semelhantes.

Esta lista contém recursos diversos, portanto vou oferecer uma breve explicação que espero ajudá-lo a entender esse universo e quem sabe compor o seu "toolbox" para futuros projetos.

Bibliotecas Javascript

Particles.js— Para criar o efeito chamado "floating particles"

Three.js — Para criar objetos 3d

Fullpage.js— Plugin para implementar o efeito de rolagem de página por inteiro

Typed.js — Implemente o efeito máquina de escrever

Waypoints.js— Acione uma função quando a rolagem exibir um determinado elemento

Highlight.js — Syntax highlighting em HTML

Chart.js — Crie gráficos profissionais em JS

Instantclick — Acelere o carregamento do seu site pré-carregando recursos

Chartist — Outro plugin para criar gráficos

Animstion — Plugin jQuery para criar transições com CSS

Barba.js — Transições de página com fluidez

Vivus.js —Ótimo plugin para criar o efeito de desenho com SVG

Wow.js — Faça seus elementos aparecerem ao rolar a página

Scrolline.js — Controle o quanto você rolou a página

Velocity.js — Animações rápidas e agradáveis em Javascript

jInvertScroll — Efeitos Parallax de forma simples

Parallax.js — Script Parallax que reage ao tamanho e orientacao da tela

Typeahead.js— Autocomplete sua busca

Dragdealer.js — Arraste elementos em JS

Bounce.js— Animações em CSS3

Pagepiling.js — Rolagem de página única

Multiscroll.js— Efeito para rolar a página meio a meio

Midnight.js— Plugin para manter o menu fixo após a rolagem

Keycode — JS para expandir o evento de clicar

Sortable — Drag & drop de forma fácil

Flexdatalist— Autocomplete plugin

Slideout.js— Navegação estilo "slideout"

jQuerymy — Atribuição de dados em duas vias usando jQuery

Selectize.js — Select box híbrida para adicionar tags

Nice select— jQuery para criar lindas select boxes

Tether — Posicione elementos absolutos de forma eficiente

Shepherd.js— Guie usuários atraves do seu site

Tooltip — Adicione dicas a elementos

Select2 — Uma opção em jQuery para select boxes

IziToast — Notificações em Javascript

IziModal— JS modals de forma fácil

Bibliotecas CSS/Design

Animate.css — Biblioteca de animações CSS

Flat UI Colors— Lista e regras de uso de cores

Material design lite— Framework by Google’s material design

Materialui.co — Recursos para que usa material design

Colorrrs— Gerador de cores

Section separators — Divisores de página em CSS

Topcoat — Bom framework

DynCSS — Adicione dinâmica ao CSS

CSSpin — CSS spinners

Feather icons — Icones

Ion icons — Mais Icones

Font awesome —Os icones mais usados da web

Font generator — Criador de fontes

On/Off switch — On/off em CSS

Javascript Frameworks and Tricks

UI Kit — Framework

Bootstrap — O melhor framework da web

Foundation— Uma boa 2a opção

<head> cheatsheet — Uma lista de tudo que vai na tag <head>

Handlebars— Template framework em JS

Grunt JS— Preprocessing em JS para agilizar suas tarefas diárias

GitHub— Controle de versões para código fonte

Docker— Crie servidores em cluster de forma fácil

LiveReload— Ferramenta que atualiza o browser ao salvar o código

SASS— Escreva CSS de forma programática

2017-09-20Gauntē Marketing DigitalGauntē Marketing Digitalhttps://www.instagram.com/gauntewebhttps://www.facebook.com/gauntewebhttps://twitter.com/gauntewebhttps://plus.google.com/+gauntewebhttps://flipboard.com/@leowebguy/marketing-digital-uit17mblyhttps://gaunte.com/images/gaunte-logo-b1.png25284+1-321-701-5541contato@gaunte.comsaleshttps://gaunte.com/images/blog/60-ferramentas-para-web-developers.jpg19201080
Gauntē Marketing Digitalhttps://www.instagram.com/gauntewebhttps://www.facebook.com/gauntewebhttps://twitter.com/gauntewebhttps://plus.google.com/+gauntewebhttps://flipboard.com/@leowebguy/marketing-digital-uit17mblyhttps://gaunte.com/images/gaunte-logo-b1.png25284+1-321-701-5541contato@gaunte.comsalesGauntē Marketing DigitalCriação de Sites e Lojas Virtuais, Otimização de Busca (SEO), Mídias Sociais, Identidade Visual e mais.HomeBlog60 ferramentas para desenvolvedores web
artigos

artigos recentes

contato

d. contato

Quer saber mais? Entre em contato, nós cuidamos do resto.

whatsapp