Ir para conteúdo / Skip to content

Yahoo! Design Stencil Kit

blog reactions Postado em: 6 de junho de 2008 por Pedro Rogério
Yahoo! Stencil

Yahoo! Design Stencil Kit é uma excelente coleção deelementos gráficos que você pode utilizar em Wireframes, protótipos, disponibilizados em vários formatos como: OmniGraffle, Visio (XML), Adobe Illustrator (PDF e SVG) e Adobe Photoshop (PNG), contendo os seguintes elementos:

  • Anúncios e medidas
  • Calendários
  • Sliders
  • Listas e tabelas
  • Interfaces de usuário
  • Elementos de formulários
  • Grids
  • Menus e botões
  • Telefones móveis em geral
  • Elementos do iPhone
  • Navegacão e paginacão
  • Elementos do sistema operacional

Via: Carlos Leopoldo

Ícones RSS para Download

blog reactions Postado em: 5 de junho de 2008 por Pedro Rogério

Ícones do Design-Freak:

RSS Icons
RSS Icons
RSS Icons
RSS Icons
RSS Icons
RSS Icons
RSS Icons
RSS Icons
RSS Icons
RSS Icons

Uma idéia e visões diferentes

blog reactions Postado em: 4 de junho de 2008 por Pedro Rogério

Nesse site você pode ver como a implementação de padrões nos diferentes browsers no mercado hoje em dia é essencial. A partir de simples paddings em elementos buttons, você pode ver que cada browser prefere seguir seu padrão, até mesmo o browser mais utilizado, em cada versão, renderiza os elementos de formas diferentes.

Buttons padding demo

Bullets e Arrows para Download

blog reactions Postado em: 3 de junho de 2008 por Pedro Rogério
Bullets and Arrows

No site Web Site Bullets você pode encontrar bullets (marcadores) e Arrows (setas) para utilizar em seu site/blog. Todas as imagens são em formato gif e com o fundo transparente.

Bullets and Arrows

Via: Utilidades para Webmasters.

40 Formas de listar Planos de Pagamento

blog reactions Postado em: 2 de junho de 2008 por Pedro Rogério
Pricing Design

O que eu vejo no dia-a-dia é muito designer ainda ter aquela dificuldade de desenvolver um layout atrativo para listar planos de pagamento. Com certeza, criar um layout chamativo e ao mesmo tempo objetivo é complicado, mas no site designwalker você pode ver 40 exemplos que podem ajudar o designer da sua empresa e levar o seu negócio ao sucesso.

Pricing Design

Download Day 2008

blog reactions Postado em: 30 de maio de 2008 por Pedro Rogério
Download Day 2008

Ajude o Firefox 3 a bater o Record Mundial e entrar para o Guiness Book como o software mais baixado durante 24 horas. Visite o site e veja mais informações.

Milky Icons

blog reactions Postado em: 29 de maio de 2008 por Pedro Rogério
Milky Icons

Está precisando de alguns ícones para melhorar suas aplicações? Esntão seria legal você dar uma olhada nesse set de ícones (composto de 15 ícones), nas resoluções 48×48 e 64×64.

Accordion Horizontal em JavaScript com apenas 1kb

blog reactions Postado em: 28 de maio de 2008 por Pedro Rogério
Accordion menu

Quer fazer aqueles menus estilo Accordion sem o uso de qualquer framework JavaScript? E ainda por cima o tamanho do Script é de 1KB. Sim, isso é possível, foi o que fez o Leigeber, dê só uma olhada lá.

Via: Anieto2K - Acordeón horizontal en Javascript de solo 1kb

Galeria de Efeitos Parallax

blog reactions Postado em: 27 de maio de 2008 por Pedro Rogério
Exemplo de efeito Parallax

Efeitos Parallax são aqueles efeitos utilizados para criar uma ilusão de profundidade tridimensional em ambientes 2D, muito utilizada em jogos do tipo Arcade, como o Moon Patrol e Sonic Hedgehog. Como os nossos sitemas operacionais em sua maioria são todos 2D, é possível simular essa técnica no browser para simular um ambiente 3D.

Originalmente essa técnica foi descoberta por Alex Walker e Paul Annett, onde são utilizadas várias imagens em CSS sobrepostas para simular um ambiente 3D:

Exemplo de efeito Parallax

Quer saber mais sobre o assunto? Matthias Kretschmann fez em seu site uma galeria listando 12 belos efeitos utilizando a técnica Parallax.

<update>O site CSSLab.cl fez um post interessante sobre o assunto também.</update>

Teclado Virtual em JavaScript

blog reactions Postado em: 26 de maio de 2008 por Pedro Rogério

Já pensou em adicionar um teclado virtual a suas aplicações?

Teclado virtual em JavaScript

Esta versão desenvolvida em JavaScript, nos permite, entre outras coisas, selecionar a configuração das teclas que desejamos mostrar dentro de várias possíveis.

Instalação

O Script se baseia em 2 arquivos, um JS onde se encontra a funcionalidade principal para que o teclado virtual funcione e um arquivo CSS onde podemos personalizar o teclado a nossa maneira. Simplesmente temos que chamar os arquivos dentro das tags <head></head> de nossa aplicação.


<link rel="stylesheet" type="text/css" href="keyboard.css">
<script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>

Exemplo de Uso

Uma vez que você adicionou na página os arquivos necessários, basta você adicionar agora a classe keyboardInput aos seus inputs.


<input type="text" value="" class="keyboardInput">

Referências

Página 2 de 50«1234567»...Última Página »