Archive for 27 de setembro de 2007|Daily archive page

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/

Anúncios

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/

85 Novos ícones

85-iconos-desarrolladores.jpg~

Este pacote de 85 icones com o tamanho 32 x 32 Pixels com um estilo muito parecido com o "developers icons" disponível para mac e windows e junto 4 arquivos fontes .PSD para que seja modificado da maneira que quiser.

Baixar Icones

105 Icones – “Developer icons”

105-iconos-desarrolladores.png
Sekkyumu criou um pacote com 105 Icones chamados "Developpers icons" muito bonitos e que além de ser pensado para uso de aplicações também pode encontrar icones para incorporar em seus aplicativos web.
Todos os icones estão no tamanho de 32 x 32 pixels disponibilizado em varios formatos tanto para windows como para mac.

Baixar Icones