image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Ary Yohansson
Ary Yohansson24/08/2023 21:19
Compartilhe

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/

image

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

image

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/

image

CSS NORMALIZE

https://cdnjs.com/libraries/normalize

Divirta-se!

Compartilhe
Comentários (0)