Ferramentas Que todo Front-End Precisa Conhecer
- #HTML
- #CSS
Vou compartilhar nesse artigo ferramentas que conheci ao longo desse ano e que se tornaram uteis para o meu dia a dia desenvolvendo e estudando.
Essas ferramentas otimizam muito o tempo perdido,principalmente testando CSS.
DEV DOCS
Um mega Compilado de Documentação de diversas tecnologias acessível com um clique.
Funciona offline e pode ser instalado como web app.
https://devdocs.io/
BOOTSTRAP
https://getbootstrap.com/docs/5.3/getting-started/introduction/
A maioria ja deve conhecer, mas essa biblioteca entrega vários componentes padrões para acelerar o desenvolvimento.
FERRAMENTAS PARA PUBLICAR SEU WEBSITE
https://pages.github.com/
https://www.netlify.com/
https://vercel.com/
TRELLO
https://trello.com/home
Uma alternativa gratuita para gestão de tempo e projetos.
TINYWOW
Uma variedade de ferramentas em conjunto, tem soluções gratuitas e on-line para todos os seus problemas do dia-a-dia com imagens, videos, textos. É uma solução poderosa que deve estar na sua barra de favoritos.
https://tinywow.com/
EDIÇÂO RAPIDA DE IMAGENS ONLINE/REMOÇÂO DE FUNDOS
https://studio.polotno.com/
https://imageonline.co/
https://www.remove.bg/pt-br
EDITOR DE READ-ME MELHOR QUE O DO GITHUB E BADGES PRO GITHUB
https://shields.io/
https://readme.so/pt
CRIADOR DE CARROUSEL
https://splidejs.com/
FONTES DE INSPIRAÇÂO
https://pagecollective.com/
https://m3.material.io/
API DE PRENCHIMENTO DE FORMULÀRIOS
https://formspree.io/
CSS
BOTÔES E INPUTS LINDOS E EDITAVEIS
https://uiverse.io/challenges/futuristic-radio-buttons
CRIADORES INCRIVEIS DE FORMAS E BACKGROUNDS
https://haikei.app/
https://www.shapedivider.app/
ANIMATE CSS
https://animate.style/
CRIADOR DE GRADIENT VISUAL
https://cssgradient.io/gradient-backgrounds/
CRIADOR DE BOTÔES
https://css3buttongenerator.com/
ANIMAÇÔES E GIFS UTEIS
https://loading.io/
https://storyset.com/
https://giphy.com/stickers
PALETA DE CORES(BOM PARA USAR E DEPOIS FAZER SEU BACKGROUND OU GRADIENT)
https://colorhunt.co/
ICONES
https://fontawesome.com/search?o=r&f=brands%2Cclassic
https://www.flaticon.com/
ELEMENTOS PRONTOS
Só inserir no seu código e editar para sua preferência.
https://uiverse.io/all
https://component.gallery/
CSS NORMALIZE
https://cdnjs.com/libraries/normalize
Divirta-se!