Form Style Generator

Form Style Generator é um serviço online que gera os códigos CSS para você criar estilos únicos e mostrá-los em sua página na web. Basta inserir os valores desejados, escolher cores, borda e o tipo de fonte que será usado e deixar que o Form Style Generator faça todo o resto.

Com este serviço online a criação de textos estilizados é muito mais fácil e rápida, isso sem contar que o usuário não precisar tocar em nenhuma linha de código. Bastam alguns cliques, uma visualização de como ficou o novo estilo, salvar o código que o próprio serviço gerou e pronto, seu site está de cara nova!

Interface

Apesar de facilitar muito o trabalho dos usuários, o Form Style Generator pecou bastante no que diz respeito à organização da interface. Na tentativa de reunir todas as opções e configurações em uma única tela, a interface ficou “apertada”, com muitas informações e botões espremidos em um mesmo lugar.

Isto, não interferiu em nada no resultado final do processo, mas torna o trabalho um pouco mais cansativo, já que às vezes o usuário precisa procurar a opção que procura e ficar mais atento aos botões.

Aprenda a fazer

Ao acessar o serviço é possível notar que a parte central da página foi dividida em duas colunas. Na primeira delas, mais à esquerda, reúne todas as configurações de fonte, cores e bordas. Já a segunda, à direita, concentra as opções de visualização e download do código CSS gerado.

Conforme o usuário clica sobre as opções da esquerda, diversas configurações extras vão aparecendo, cabendo a ele escolher cor, tipo e tamanho da fonte, efeitos, etc. Conforme as configurações vão sendo alteradas, o modelo para visualização é atualizado. Dessa maneira o usuário tem noção de como o conteúdo será mostrado no site.

Depois de ter configurado tudo do jeito que deseja, clique em “You css” e aguarde alguns instantes. Assim que o serviço terminar de processar todas as informações, será exibido uma janela para que o download do código seja feito.

Alguns efeitos geram também uma imagem, que precisa ser baixada e armazenada no mesmo diretório do código. Agora é só colocar este código em sua página e se preparar para receber muitos elogios.