Ferramentas incríveis para web design.

10/05/2021

O web design pode ser complicado, nesse artigo você verá algumas ferramentas que tentam facilitar o seu processo e agilizar seu workflow.

CSS gradient e uma ferramenta incrível que todo programador front-end deve ter. nela você cria um gradiente de cores visual, e quando achar um que goste, você pode implementar no seu código facilmente, com o bom e velho Ctrl + c e Ctrl + v.

Se durante o processo do desenvolvimento precisar fazer animações. Animalista é a ferramenta que facilitará o seu desenvolvimento. Ela permite uma pré visualização das animações e que altere todo seus valores. quando estiver satisfeito, a ferramenta ainda te dá o código que permite que esse efeito aconteça.

Color hunt é um site obrigatório no desenvolvimento de qualquer site, por muitas vezes eu mesmo já me vi com uma segunda janela aberta nesse site durante o desenvolvimento. Esse site é responsável por mostrar diversas paletas de cores que fazem sentido! E o melhor de tudo com seus respectivos códigos em hexadecimal.

4 - Pexels

Pexel.com é a melhor forma de se pegar imagens gratuitas para seu site. Nem preciso dizer que eu gosto, pois uso ele em meus posts. Recomendo.

5 - Clippy

Clip-path é uma propriedade CSS que permite que sejam feitas formas complexas. Esse site aborda essa pŕopriedade e ajuda com o código das mais diversas formas, com sua pré visualização você irá alcançar os mais diversos efeitos. Essa propriedade e esse site são perfeitos para que você dê uma cara nova a um programa, ou adicione os 10% de detalhe que leva um programa do chão ao céu.

Esse site te ajudará a criar os mais diversos filtros CSS. Ele contém diversas funções e pré-visualização como:

  • Box Shadow
  • Text Shadow
  • Gradient CSS
  •  Cursor Border
  • Border Radius
  • Transform RGBA &
  • Hex Color
  • Filter Multiple Columns

Esse site condensa alguns dos sites anteriores. Ajudando no web design fornecendo diversas funções e ferramentas visuais que ajudaram na criação de animações de sombras e cores.

Normalize.css é um pequeno arquivo CSS que ajuda na consistência do seu código em múltiplos browsers, corrigindo bugs de algumas inconsistências que existem entre os browsers. você como web design acaba nem notando que ele está lá, e isso é ótimo. Porque quer dizer que ele está fazendo um trabalho importante por você.

Uma biblioteca CSS para renderização 3D!!! Se você é como eu já está animado só com esse conceito. da vontade de fazer um projeto com ele só de ouvir isso. As possibilidades variam de animações e jogos. Vale a pena conhecer.

10 - Blush

blush.design cria lindas ilustrações, feitas por artistas ao redor do mundo. Tenho certeza que você vai reconhecer essas ilustrações, porque elas estão sendo usadas por diversas empresas de marketing. Além disso, a beleza e detalhe que é adicionado no seu produto ou sistema não tem preço!

Se esse artigo foi útil para você, considere se inscrever na nossa newslleter. Demora menos de um minuto e você vai ficar informado de artigos como esse e muito mais. Só precisamos do seu email: