Ferramentas incríveis para web design.
O web design pode ser complicado, nesse artigo você verá algumas ferramentas que tentam facilitar o seu processo e agilizar seu workflow.
1 - CSS Gradient
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.
2 - Animista
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.
3 - ColorHunt
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.
6 - CSS Generator
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
7 - Keyframes.app
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.
8 - Normalize.css
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ê.
9 - Voxel.css
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!