Archive for the ‘WebTools’ Category

Pic2color, a cor de uma imagem

Pic2color é uma ferramenta passo a passo com a capacidade de realizar duas funções principais: Obter a paleta de cor de uma imagem e a partir da cor de uma imagem colorir outra.
Navegação bastante simples e com uma interface muito intuitiva.
Basta indicar uma URL ou enviar uma imagem para obter sua paleta de cor ou indicar/enviar um par de imagens para que a partir das cores da primeira imagem colorir a segunda.

pic2color

Site: www.pic2color.com

Anúncios

Gerador de cantos arredondado usando apenas CSS

Dos criadores do Spiffy Box criaram agora Spiffy Cornerum gerador de cantos arredondados que usa apenas CSS sem imagem e sem script. Seu funcionamento é realmente simples, basta escolher um nome para classe css (opicional), a cor da sessão com as bordas arredondadas ,a cor do fundo e o raio da curvatura.
esquinas-redondeadas-css.png

O gerador fornece tanto o código css quanto o html para que possa implementar em seu site.

site: www.spiffycorners.com/

Picnik – Um exelente editor de imagens passo a passo

Uma das aplicações que esta no auge na web são aquelas para edição de imagens passo a passo e são tantas opções que fica difícil de escolher. Na minha opinião a picnik é uma das melhores opções neste momento. Fácil de usar e com um resultado bastante satisfatório.
picnik_screenshots
Dentro da aplicação temos essencialmente 5 opções mostradas em aba, esta são:

  • Inicio (Home) .
  • Importação (Photos).
  • Edição (Edit).
  • Efeitos (Create).
  • Exportar (Save & Share).

Podemos também salvar em nosso computador, envia-la por e-mail e até imprimir depois de editada.
Uma Aplicação simples e prática para edição de imagens.
Outra ferramenta que pode gerar um resultado interessante é pikifx.

Site: picnik.com

Todos Elementos HTML em um site

html-playground.jpg
Existem uma grande quantidade de elementos html, tanto que poucos sabem a utilidade de todos e é ai que entra a grande utilidade do HTML playground.
É uma aplicação web que reune todos estes elementos com sua utilidade, descrição, atributos e exemplos de aplicação.
Um site muito parecido com este é o HTML Dog.
Vale a pena conferir.

CSS passo a passo

Yaml Builder é uma aplicação web que desenvolve junto com você seu site em Tabless baseado nas suas necessidades, sendo que a parte mais importante de um website é montar uma estrutura sólida e bem feita para evitar erros futuros.
A nevegação é super simples podendo criar um “Layout líquido” ou “Dimenções Fixas”.
yaml-bulder.png
Este Aplicativo consiste basicamente em:

HTML – Nesta parte você irá trabalhar com os elementos de informações que gostaria no head, rodapé e o numero de colunas.

CSS – Irá selecionar a localização e o tamanho dos elementos.

Add elements – Clique nas colunas no botão “add” para inserir elementos de conteúdo ou “Subtemplates” relacionado as colunas.
Isso pode entra dentro do Head/Content/Footer.

Conforme o seu desenvolvimento clique em “Toggle View” para visualizar em tempo real sua construção e “Get Code” para obter o Código Css e Html de seu design.

Esta ferramenta é muito boa para quem esta iniciando com CSS.

Site: http://builder.yaml.de/