Ferramentas online para designers e desenvolvedores web

Algumas ferramentas online para auxiliar no desenvolvimento de sites e aplicações web:

Favicons

favikon
Favikon – ferramenta para criar favicons. Pode-se fazer upload de imagens nos formatos gif, jpg e png ou, informar a URL de uma imagem.

FavIcon Generator – ferramenta para criar favicons. Aceita os formatos de imagem gif, jpg, png e bmp.

CSS

csstype.gif

CSSTypeajuda na escolha tipográfica para sites e aplicações web. Permite visualizar um texto personalizado nas fontes web safe (Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, Tahoma -WIN e Lucida Grande – OSX), podendo aplicar várias propriedades CSS para o texto, como, diferentes tamanhos (em ems), espaçamentos entre linhas, palavras e letras, alinhamentos, cores do texto e do background.

CSS Docs – localiza propriedades CSS na documentação do W3C. São sugeridas as propriedades que coincidem com o texto que está sendo digitado.

w3c

W3C CSS Validation Service – serviço do W3C para validação de CSS

CSS Optimize – otimizador de código CSS.

E-mail

Premailer – muito útil para desenvolver e-mails utilizando CSS. A ferramenta automaticamente converte todos os estilos para inline.

Formatação de código

Pretty Printerformatador de código fonte para PHP, Java, C++, C, Perl, JavaScript e CSS

HTML Purifier – ferramenta open-source para remover código malicioso (XSS) e ajustar o código dentro dos padrões W3C.

Ajax

ajaxloading.gif

Ajaxload – gera gifs animados para utilizar nos estados de espera das requisições ajax.

Cores

Instant Color Schemes – Esquemas de cores

Colr – esquemas de cores a partir de uma imagem ou de um website. Possibilidade de selecionar uma imagem.

Ícones

Feed icons – disponibiliza o ícone nos formatos AI, EPS, SVG, PSD, PDF, PNG, JPG e GIF

Conversores

instacalc.gif

Instacalc – calculadora de operações matemáticas, conversão de unidades, programação (conversão binário/hexadecimal, comparação lógica, operadores binários), matemática avançada (trigonometria, logaritmos,…), BMI, salário, website bandwidth, …
Gera gráficos. Exibe o resultado no mesmo momento em que se está digitando.

em.gif

Em Calculator – conversor de pixel para em.

Diagramas

projectdraw.gif
Project Draw – ferramenta da autodesk que permite criar vários tipos de diagramas

Outros

generator.gif

Data Generator – gerador de dados para utilizar em testes com softwares. O resultado pode ser em HTML, Excel, CSV, XML ou SQL.

Um comentário em “Ferramentas online para designers e desenvolvedores web

  1. algobit disse:

    Valeu, me ajudou bastante.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s