técnicaWEB : : AJAX, CSS, CURSOS, DICAS, EDITORES, FIREWORKS, FLASH, FONTES, ICONES

Em breve!!! Moldere sistema de gestão para freelancer e agências

2011-04-05T06:42:00.000-07:00

Moldere é um sistema nas nuvens de gestão para microempresa e freelancer (profissionais autônomos) com diversos aplivativos (financeiro, ordem de serviço, agendas e muito mais). Tudo isso irá ter uma versão FREE (grátis) Cadastre seu e-mail receba novidades. www.moldere.com

2009-07-21T19:29:00.000-07:00

Às vezes é apenas divertido para brincar com as linguagens de programação que sabemos e ver o que podemos criar. Veja no link abaixo.

Demo:
http://nettuts.s3.amazonaws.com/378_jqueryKeyboard/demo/index.html
Download:
http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/

Gráficos dinâmicos em FLASH

2009-07-13T18:08:00.000-07:00

Drag-able Chart + JavaScript

Neste exemplo, simular as receitas lucrativo cenário de uma organização utilizando Coluna 2D Chart. Você pode modificar visualmente a receita e o lucro números sobre o gráfico e, em seguida, apresentar os dados para locais funções JavaScript presentes na mesma página.

Demos
http://www.fusioncharts.com/Demos/DragColumn/Default.html
Download
http://www.fusioncharts.com/Downloads/Demos/DragColumn.zip

PowerCharts + JavaScript Integration

Os FusionCharts pode integrar seamlessly com JavaScript para criar aplicações Web dinâmicas. Neste exemplo, ligar o gráfico de Dispersão Selecione PowerCharts suite para funções JavaScript. As funções JavaScript são responsáveis pela leitura dos dados escolhido na tabela.

Demo
http://www.fusioncharts.com/Demos/ScatterReturn/Default.html
Download
http://www.fusioncharts.com/Downloads/Demos/ScatterReturn.zip

FusionCharts + JavaScript (AJAX) Integration

FusionCharts v3 oferece enormes potencialidades integração com JavaScript. É perfeitamente ligado com JavaScript / AJAX para permitir que você atualize tabelas no lado do cliente, sem ter que atualizar a pagina.

Demos
http://www.fusioncharts.com/Demos/JS/Index.html
Download
http://www.fusioncharts.com/Downloads/Demos/FusionChartsJS.zip

Airline Dashboard

Este painel serve para a empresas aérea. Aqui, temos a combinação do FusionCharts e FusionMaps em uma maneira eficaz de show business e de dados estatísticos para uma empresa aérea - FusionAir. Em FusionMaps, temos usado o marcador Connector característica de mostrar várias rotas de voo para a companhia aérea.

Demos
http://www.fusioncharts.com/Demos/FusionAir/
Dowload
http://www.fusioncharts.com/Downloads/Demos/FusionAirDashboard.zip

Sales Dashboard

FusionCharts pode ser efetivamente usado para criar altamente intuitiva e dashboards interativos no financeiro. Usando uma variedade de gráficos e mapas disponíveis em FusionCharts Suite, você pode dar um rosto alegre para todos os seus dados escarear tabelas. Neste exemplo, temos usado para criar uma FusionCharts Vendas Dashboard.

Demo
http://www.fusioncharts.com/Demos/FusionAir/
Download
http://www.fusioncharts.com/Downloads/Demos/FusionAirDashboard.zip

FusionCharts Blueprint Application

Esta aplicação utiliza intensamente o FusionCharts gráficos para uma empresa comercial, que as importações e exportações de alimentos especialidade em todo o mundo. Temos efectivamente combinada FusionCharts, JavaScript (AJAX) e os comerciantes de dados para tornar sem costura uma experiência de navegação.

Demos
http://www.fusioncharts.com/Demos/Blueprint/
Download
http://www.fusioncharts.com/Download.asp

Seleção de site de icones para websites

2009-07-12T15:54:00.000-07:00

Chalkwork HTML Royalty-free Icons
Chalkwork HTML é um conjunto de livre HTML-themed ícones, perfeitamente desenhado para complementar todos os outros conjuntos no Chalkwork Família. Com 31 representações gráficas de marcação elementos comuns, esta é uma completamente livre ícone conjunto disponível para uso pessoal e comercial projectos similares (embora os termos de licença Chalkwork costume ainda se aplicam). O conjunto está disponível em 3 tamanhos e 6 formatos de arquivo: transparente PNG, TIF, GIF, BMP, ICO Windows, Mac e ICNs.
Hand Pointer Icons
Livre ícone conjunto que inclui 36 ícones mão ponteiro de 6 tipos diferentes, com 6 cores variantes. Ícone conjunto inclui também. Psd arquivo fonte.MinIcons

Flavour Extended: The Ultimate Icon Set For Web Designers
Contendo 177 ícones em uma resolução de 48 × 48 pixels. Neste post nós libertar a versão atualizada do ícone conjunto, agora com 452 ícones, livremente disponíveis para uso em projetos privados ou comerciais.
Basic Set

42 ícones de alta qualidade em 64 × 64, 32 × 32 e 16 × 16 tamanhos. Mac OS, e Vitória. PNG-formatos.
Web Injection

Esta Free Icon Pack é para uso em seus projetos pessoais e comerciais, e pode ser utilizado sem atribuição. Não pode ser redistribuído. O conjunto inclui 26 ícones elegante desenhado por Midtone Design Studio. Cada ícone é um. Png de 48 × 48px. Os ícones foram tediosamente mão crafted pelo designer Jonatan Castro Fernández.
File Status Icons

Status do arquivo Ícones conjunto inclui 16 ícones que podem ser utilizados para aplicações web-based que implantar Subversion projectos.
2experts Icons Set

Estes ícones são criados a partir do zero usando o Adobe Fireworks. A embalagem contém zipado 48 × 48 imagens PNG, que pode ser usado gratuitamente.
Danish Royalty Free

Conceitos de Design

2009-07-12T15:52:00.000-07:00

Um bom slide sobre o design para conhecer a função das cores, letras e formas mais adequadas

http://www.slideshare.net/edu_agni/conceitos-de-design-presentation

técnicaweb agora com twitter

2009-07-11T05:50:00.000-07:00

Vejá todas as novidades que o tecnicaWEB trás para você no twitter

http://twitter.com/blogtecnicaweb

Um novo pageflip free da MegaZine

2009-07-11T05:32:00.001-07:00

MegaZine 3 é um pageflip motor. Há muitas como ela, uma versão livre. E de código aberto, também. Isto significa duas coisas, basicamente: você não tem que pagar por ela, e você pode até mesmo modificá-lo de qualquer forma você vê o ajuste.

Dito isto, se você deseja utilizá-lo comercialmente, uma versão licenciada customly está disponível para compra, também.

O site
http://megazine.mightypirates.de/?c=home&l=en
Demo
http://megazine.mightypirates.de/demo/index.html

Passo a passo para atualizar Drupal 6.x para uma versão mais recente

2009-07-11T05:30:00.001-07:00

Tutorial da comunidade brasileira de Drupal com o passo-a-passo da atualização de forma correta e segura.
Isso é muito importante uma vez que, as novas versões dos módulos dependem de versões recentes do Drupal.

http://drupal-br.org/suporte/drupal/passo-passo-de-como-atualizar-drupal-6x-para-uma-versao-mais-recente

Sites para você conhecer

2009-07-11T05:27:00.000-07:00

Check My Colour: como o nome sugere, o site checa as cores da sua página, basta escrever a sua URL e o Check My Colour irá dizer os erros cometidos quanto a contraste e legibilidade. Uma ferramenta útil para designers que não querem cometer erros que as vezes passam desapercebidos.

Conveythis: a partir desse site você cria facilmente um botão para traduzir a sua página para 40 línguas diferentes, basta copiar o código gerado e colar no site.

Confiômetro: site que reúne relatos dos consumidores sobre as empresas web, local ideal para checar se uma empresa é confiável na hora de fazer uma compra web.

Como tudo funciona: versão brasileira do How Stuff Works, é o site para os curiosos que querem saber como as coisas funcionam nas mais diversas áreas como saúde, eletrônicos, ciência, carros e outros.

Exemplo criativo do uso do microfone pelo flash

2009-07-10T17:50:00.000-07:00

Agora a criaticidade no FLASH com JAVASCRIPT foi longe de mais, para que tem microfone veja o link abaixo.

http://jsexperiments.appspot.com/files/mouth.html

Como Criar um Tema Para Drupal 6

2009-07-10T17:40:00.000-07:00

E ai galera que gosta do melhor CMS do mundo para websites, vejá como criar tema para a verão 6

http://drupal-br.org/tutoriais/como-criar-um-tema-para-drupal-6-parte-01

Câmara aprova texto base do projeto com mudanças na lei eleitoral A principal novidade é a regulamentação da propaganda pela web

2009-07-10T17:36:00.000-07:00

A Câmara dos Deputados aprovou nesta quarta-feira (08) várias modificações à lei eleitoral em vigor. A principal novidade é a regulamentação da propaganda pela web. Os parlamentares também aprovaram as doações por cartão de crédito para pessoas físicas e pretendem exigir a apresentação do título de eleitor e de um documento com foto na hora do voto.

As mudanças aprovadas constam do texto básico do relator do projeto deputado Flávio Dino (PCdoB-MA) e os deputados ainda podem mudar o texto aprovando destaques ao projeto, que ainda estão sendo votados. Após a votação dos destaques, a proposta ainda precisa ser aprovada no Senado. Para entrar em vigor já em 2010, isso precisa acontecer até o final de setembro.

Pela proposta aprovada no texto básico, os candidatos poderão usar todas as ferramentas disponíveis na Internet como blogs, redes sociais, sites de mensagens instantâneas para fazer campanha. Contudo, essas ferramentas só podem ser aplicadas usando conteúdos produzidos pelo próprio candidato, pelo partido ou pela coligação.

Se um eleitor também quiser apoiar um candidato com uma ferramenta da web será permitido, desde que o conteúdo seja produzido individualmente e não faça referência contra outros candidatos.

A propaganda paga pela Internet continua proibida. Os candidatos também podem enviar mensagens eletrônicas para endereços cadastrados gratuitamente por eles, pelos partidos ou pela coligação. Nesse caso, o candidato é obrigado a dispor de mecanismo que permita ao eleitor rejeitar o envio dessas mensagens e sair do cadastro em até 48 horas.

Os candidatos não podem veicular propaganda eleitoral em sites de pessoas jurídicas, mesmo que gratuita. Nem poderão divulgar suas campanhas em sites oficiais ou naqueles hospedados pela administração pública.

Os portais de Internet com conteúdo editorial ficam autorizados a promover debates entre os candidatos. Para isso precisam obter a concordância de pelo menos dois terços dos candidatos aptos para o pleito, no caso das eleições majoritárias (governador, presidente e senador). No caso das eleições proporcionais (deputados estaduais e deputados federais), é preciso anuência de pelo menos dois terços dos partidos ou coligações com candidatos aptos.

Essa mesma regra foi estendida para debates na rádio e na TV.

Documento: os deputados aprovaram ainda uma mudança que obriga os eleitores a apresentarem o título de eleitor e um documento com foto para ter direito a votar no dia da eleição. Um dos objetivos é inibir possíveis fraudes na votação.

Cartão de crédito: os parlamentares também autorizaram a doação por cartão de crédito para as pessoas físicas, desde que respeitem o limite de 10% da renda bruta da pessoa. Antes, as doações só podiam ser feitas por cheques nominais ou transferências e depósitos identificados.

Propaganda: os deputados também ampliaram a lei eleitoral para impedir a veiculação de propaganda eleitoral em árvores, jardins localizados em áreas públicas, muros, cercas, e tapumes.

O uso de áreas particulares para anúncio de propaganda eleitoral deve ser espontâneo e gratuito. O candidato não pode pagar, em nenhuma hipótese, para ter acesso ao espaço. No uso de propriedades particulares, as propagandas não podem ser maiores que uma área de 4 metros quadrados.

Os candidatos podem fazer propaganda eleitoral até às 22 horas do dia anterior à eleição. Os trios-elétricos só poderão ser usados durante os comícios.

Os pré-candidatos também poderão participar de prévias partidárias internas, de encontros e seminários custeados pelos partidos e que não tenham divulgação externa ao ambiente partidário. Eles também ficam autorizados a conceder entrevistas na condição de pré-candidatos.

Elegibilidade: os deputados também aprovaram mudança na lei eleitoral para permitir que mesmo os candidatos que tenha sido condenados pela justiça em mais de uma instância possam registrar sua candidatura, desde que a ação não tenha transitado em julgado.

Fonte: G1

6 MELHORES EDITORES DE FOTO ONLINE

2008-10-19T13:56:00.000-07:00

Editores de fotos e imagens baseados na web já são utilizados por muitas pessoas. Para quem está no trabalho, faculdade ou cyber café e não pode instalar programas esta pode ser a única solução quando é necessário editar fotos. Segue aqui uma lista dos melhores sites de edição de fotos grátis.

Sumo Paint
www.sumopaint.com/app/

Este nós já falamos aqui no Dicas do Dia. Ele tem ferramentas que lembra o Photoshop e além de editar fotose é perfeito para desenhar. Este editor tem diversos brushes e trabalha com camadas.

Fotoflexer
www.fotoflexer.com

Este é bem mais simples de usar e tem muitos recursos para editar fotos. Você pode tornar suas fotos mais divertidas para colocar no Orkut ou em sites de relacionamento. Ele trabalha integrado com sua conta no Flickr, Picasa, Photobucket, etc.

Pixer.us
www.pixer.us

Este aqui oferece simplicidade mas com todas as funções para quem precisa fazer uma edição rápida de fotos e imagens. Você pode fazer ajuste de cores, brilho, contraste, etc. Seu trabalho pode ser salvo em PNG, JPG, GIF ou BMP.

Phoenix
a.viary.com/tools/phoenix

Para utilizar você precisa abrir uma conta gratuita no serviço. O programa lembra muito um software de edição de fotos e sua utilização é bem intuitiva. A aplicação trabalha com camadas ou layers.

Splashup
www.splashup.com/splashup/

Este aqui é perfeito para quem já possui fotos guardadas em sites como o Flickr e Picasa. As fotos que serão editadas podem ser acessadas remotamente por este serviço. Assim você não precisa enviar fotos por upload. O editor também tem uma função que permite capturar imagens do seu computador através da sua webcam.

Pixlr
http://www.pixlr.com/app/

Um dos mais conhecidos e completos. Todo desenvolvido em flash, é um ótimo editor de imagens que permite criar desenhos online. Quem já é usuário do Photoshop terá muita facilidade com seu uso.

MODELO CAMISETA BRANCA PSD - DOWNLOAD

2008-10-19T13:55:00.000-07:00

Se você deseja exibir no seu site um modelo de camiseta para por estampa deve estar procurando por ai um imagem de camiseta branca. Fica mais simples criar o desenho no Photoshop ou em outro editor gráfico para exibir no site. O resultado final também fica melhor do que a fotografia da camiseta pronta.

Pensando nisto este site aqui está oferecendo um modelo de camiseta branca em arquivo PSD para você editar da forma que desejar. Para copiar o modelo clique no botão “download” no menu do lado esquerdo.

CRIAR FORMULÁRIO COM Background

2008-10-19T13:54:00.000-07:00

O objetivo do artigo publicado no site jankoatwarpspeed.com é lhe orientar sobre como criar um formulário de contato utilizando background ou imagem de fundo em todos os campos. Veja como fica o resultado final. Neste exemplo o formulário lembra um cartão postal feito de papel.

Usando sua criatividade é possível colocar qualquer tipo de imagem pano de fundo. O modelo utiliza html e CSS e o exemplo pronto está sendo oferecido gratuitamente para download no final do artigo.

98 Estilos de Tabela em CSS

2008-07-18T08:56:00.000-07:00

Tenho certeza que esse vai para o seu favoritos. Se você procura fazer uma tabela bonitinha em sua página ( tablelessmaníacos, estou falando de tabela mesmo hein ) agora isso não será mais problema.

Apresento a vocês 98 estilos diferentes de construção de tabelas, de diferentes cores e tipos. Basta clicar, visualizar e pegar o código. Simples, não?

Para visualizar os 98 estilos, clique aqui.

DESENHAR MENU ESTILO WINDOWS VISTA

2008-07-18T08:54:00.000-07:00

O tutorial apresentado na página psdtuts.com (tradução) mostra de forma ilustrada como criar um menu com o mesmo estilo visual dos menus do Windows Vista. São apenas 9 etapas para você aplicar utilizando o Photoshop. Todas estão ilustradas. Observe que este tutorial só orienta como criar o desenho do menu. Ele não inclui informações sobre animações em javascript que podem ser necessárias para animar o menu em algum site.

EXEMPLO DE FORMULÁRIO EM CSS FÁCIL

2008-07-17T04:26:00.000-07:00

Neste artigo publicado em woork.blogspot.com (tradução) você encontrará os códigos html e css para criar um formulário sem uso de qualquer tabela. Tem muita gente não gosta de usar tabelas em seus sites. O fato é que criar formulários em tabelas html é bem mais rápido e prático. Mas a forma rápida de fazer as coisas na maioria não é a melhor forma. Para quem não gosta de perder tempo e prefere o CSS estas dicas são perfeitas.

CALENDÁRIO AJAX PARA CAMPO DE FORMULÁRIO

2008-07-17T04:25:00.000-07:00

Uma forma fácil de padronizar o preenchimento de campos de formulário destinados a data é o uso de um mini calendário para que o visitante do site possa selecionar a data no lugar de digitar a data.

Isto é muito útil quando o visitante precisa saber qual é o dia da semana da data que será escolhida. Em sites onde a data de um evento é fundamental este tipo de recurso é muito importante para facilitar a vida do visitante e evitar o preenchimento incorreto. Exemplo: sites de hotéis, empresas de transporte, locadoras, empresa de eventos, etc.

Você encontrará uma boa solução no site dev.base86.com. Veja diversos “demos“. Clicando em “show code” nestes demos você pode visualizar o código que deve aplicar. Não esqueça de carregar os arquivos javascripts no da página. Veja como aqui.

SCRIPT PARA MOSTRAR FOTOS COM TRANSIÇÃO

2008-07-08T10:41:00.000-07:00

Existem muitos tipos de sites onde as fotos são importantes para o sucesso do mesmo. O site de um hotel precisa ser repleto de bonitas fotos. Mas como apresentar estas fotos de forma elegante para os visitantes? Este script que você encontrará no site http://lifedraft.de/projekte/dhonishow/ faz isto muito bem. Ele é perfeito para colocar uma apresentação de fotos na capa de um site de hotel, restaurante ou qualquer que se venda através de uma bela foto. Basta visitar o site para ver na mesma página uma demonstração, o botão para download e alguns códigos prontos para fazer o script funcionar.

EXEMPLO DE FORMULÁRIO EM CSS FÁCIL

2008-07-08T10:40:00.000-07:00

Neste artigo publicado em woork.blogspot.com (tradução) você encontrará os códigos HTML e CSS para criar um formulário sem uso de qualquer tabela. Tem muita gente não gosta de usar tabelas em seus sites. O fato é que criar formulários em tabelas html é bem mais rápido e prático. Mas a forma rápida de fazer as coisas na maioria não é a melhor forma. Para quem não gosta de perder tempo e prefere o CSS estas dicas são perfeitas.

+300 Texturas e Pincéis estilo antigo July 3

2008-07-08T10:38:00.001-07:00

Você está procurando por texturas ou pincéis/brushes antigos? Aquelas que nos remetem aos anos 20, 30, 40? Então você vai encontrar aqui mais de 300 opções.

São mais de 300 pincéis e texturas no estilo “vintage” para você que tem um projeto que exige este estilo.

Para ter acesso a esse monte de texturas, clique aqui.

10 MELHORES TIPOGRAFIAS EM CSS

2008-07-02T08:52:00.000-07:00

O site 3point7designs.com publicou um artigo com 10 belos exemplos de estilos de fonte e espaçamentos para colocar no seu site. Os códigos de cada CSS estão a sua disposição juntamente com um exemplo. Quase todos os estilos tipográficos utilizam fontes comuns a todos os computadores como o Verdana, Lucida Grande, Helvetica, Arial, Georgia, etc.

Os espaçamentos das fontes é que vão dar um toque de elegancia a cada estilo.

GALERIA DE IMAGENS COM MOOTOOLS

2008-07-02T08:51:00.001-07:00

O moo.rd é uma biblioteca javascript que trabalha junto com o conhecido MooTools. Com ela você poderá criar uma galeria de fotos com belos efeitos de transição iguais a esta ou esta aqui. No primeiro exemplo temos uma imagem principal aparecendo com algumas miniaturas na base da foto. Ao passa o mouse sobre qualquer miniatura a foto é ampliada em um belo efeito de transição. No outro exemplo vemos apenas as miniaturas. Ao clicar uma janela se abre deixando o restante do site escurecido. É possível adicionar textos sobre a foto com algum comentário. Links de avançar para as demais fotos facilitam a navegação. Você encontra as dicas de como usar aqui. Para download clique aqui.

MAIS DE 100 Layer Styles para Fireworks

2008-07-02T08:49:00.001-07:00

O blog dezinerfolio.com publicou um pacote com 131 estilos de layer para usuários do Photoshop. Todos possuem um estilo de cores e degradê seguinto a linha dos sites mais famosos da web 2.0. Também é um estilo presente em softwares e panos de fundo do Mac e do Windows. Para download visite este endereço e clique no botão "Download" localizado no final do artigo. Ele é compatível com o Fireworks 8 ou CS3. Se você é usuário do Photoshop baixa os mesmos estilos para Photoshop em arquivo .ASL aqui.

CONVERSOR DE PSD para HTML e CSS

2008-06-16T08:52:00.000-07:00

A maioria dos webdesigners costuma criar o layout do site em algum programa gráfico como o Photoshop ou Fireworks para depois converter o resultado em páginas hyml e CSS. Este trabalho de recortar a imagem PSD é totalmente manual e pode levar muitas e muitas horas. O resultado final nem sempre é igual ao PSD.

O site psd2cssonline.com é uma ferramenta on-line que promete transformar o layout de sites salvos em formato PSD em HML sem nenhum trabalho.

Na verdade o resultado não ficará perfeito se você não seguir algumas regras. Por exemplo: Faça o menor número possível de camadas. Para usuários não registrados o arquivo não pode ser maior que 4MB. Para usuários registrados o limite é de 8MB. Veja as regras aqui.

SELETOR DE DATAS EM AJAX

2008-06-16T08:50:00.000-07:00

Selecionar intervalos entre datas é uma tarefa chata na hora de preencher formulários de consulta. Para facilitar a vida do seu usuário não deixe conhecer esta solução . O projeto é baseado no jquery e permite otimizar através de seleção rápida e intuitiva de intervalos de datas. Veja um exemplo aqui.

EXIBIR VÍDEO EM CAIXA FLUTUANTE VIDEOBOX

2008-06-12T04:23:00.000-07:00

O Videobox é um javascript de apenas 6kb que trabalhará junto com o conhecido mootools
e swfobject (outros scripts) para exibir seus vídeos em uma caixa flutuante no seu site. Basta carregar estes 3 scripts na sua página juntamente com o arquivo .css que acompanha o pacote.

Este tipo de solução possui algumas vantagens:

1) Você não precisa abrir um nova janela do navegador do visitante para exibir vídeos.

2) A tela é aberta com uma bonita animação que deixa o seu site em segundo plano com o visual escurecido dando maior destaque para o vídeo.

3) Adicionar este efeito nos vídeos é muito simples bastando utilizar um rel=”vidbox” no link do vídeo.

Você encontrará todas as orientações de como utilizar este script no endereço abaixo. Para ver exemplos funcionando clique sobre as figuras: http://videobox-lb.sourceforge.net/

BRUSHES PARA PHOTOSHOP ESTILO PAPEL PAREDE

2008-06-12T04:21:00.000-07:00

Pacote com diversos brushes para photoshop com estilo de papel de parede antigo ou florais comuns nos panos de mesa da vovó. Este brush é oferecido pelo site flyguydesigns.com e para download Brushes para photoshop

IMAGENS E FOTOS DIA DOS NAMORADOS

2008-06-12T04:18:00.000-07:00

Reunimos neste artigo lhe ajudar a decorar seu site ou blog com elementos gráficos relacionados aos Dias dos Namorados. Temos aqui uma coleção de sites onde você poderá encontrar imagens, fotos, figuras vetoriais, brushes e estilos para Photoshop relacionadas aos dias dos namorados.

Fotos e Figuras

Coração vetorial feito de flores (png, ai, eps, svg)
Etiquetas florais [modelo 1], [modelo 2] em imagem vetorial.
Papel de parede sobre o Dia dos Namorados.
Fotos sobre Dia dos Namorados no Google Images
Imagens do Dia dos Namorados no Flicker
Vídeos relacionados ao dia dos namorados no Youtube

Template e ícones para Sites

PROCURANDO POR UM PDF?

2008-06-11T10:00:00.001-07:00

Olha que ferramenta legal, uma busca por PDFs, lá você poderá encontrar e-books, tutoriais, apostilas sobre qualquer assunto. Acesser o PDF Search e experimente buscar por webdesign, por exemplo. Experimente também buscar por fireworks e photoshop.

OBS: pode aparecer uma propaganda no meio do caminho, tapando toda a tela, parecendo até que você saiu da página. Basta olhar no canto superior q você verá um CLOSE. Basta fechar.

Busque agora, clicando aqui.

32 BRUSHES ABSTRATOS PARA PHOTOSHOP

2008-06-11T09:58:00.001-07:00

O usuário axeraider70 do site deviantart.com disponibilizou mais de 30 brushes de sua autoria para download gratuito. Os brushes são de qualidade profissional e representam figuras abstratas que lembram raios, luzes, flash, formas orgânicas como plantas. Um trabalho de ótima qualidade que vale a pena guardar.

Para fazer o download visite este endereço. Clique sobre a figura do brush que deseja salvar. Uma página se abrirá e nela você poderá encontrar o botão “Download” no seu lado esquerdo.

148 ÍCONES DE ALTA QUALIDADE GRÁTIS

2008-06-11T09:56:00.000-07:00

O site frexy.com está oferecendo um pacote para download de 148 ícones vetoriais de alta qualidade que estão livres para serem utilizados em projetos pessoais ou mesmo comerciais. Para fazer o download visite o site e procure o link “Get Bright! Now” no final do artigo.

CRIAR TURBULÊNCIAS NO ILLUSTRATOR

2008-06-09T07:49:00.001-07:00

Figuras turbulentas com formas onduladas, ornamentos que simulam folhagens e redemoinhos estão na moda. Neste tutorial criado pelo site abduzeedo.com você aprenderá a fazer estas figuras vetoriais utilizando o Illustrator. Veja a versão traduzida.

O efeito final do tutorial pode ser visto na figura abaixo:

COMO SE CADASTRAR NO GOOGLE ADSENSE

2008-06-09T07:47:00.000-07:00

Mostrar publicidade de anunciantes do Google no seu site ou no seu Blog é uma das formas mais rentáveis de se ganhar dinheiro na Internet. Um site com apenas 100 visitantes por dia já pode pagar os custos do serviço de hospedagem e renovação do registro de domínios.

Se cadastrar no Google Adsense é simples e basta preencher um formulário.

Veja este vídeo com dicas de como preencher o formulário corretamente. Para saber mais sobre ganhar dinheiro com seu site ou seu blog através do Google Adsense e outros programas de afiliados veja este artigo.

NOVIDADES DO PHP 6

2008-06-09T07:45:00.000-07:00

O site da IBM publicou um ótimo artigo com as novidades que teremos com o PHP 6. Você poderá saber as novidades irão representar em mudanças nos seus scripts. O PHP é uma das linguagens mais utilizadas atualmente por milhões de sites em todo mundo. É a linguagem utilizada na maioria dos projetos de grandes portais como o YAHOO. Existem algumas mudanças que facilitam o desenvolvedor de sites no estilo web 2.0. Você conhecerá mudanças relacionadas como SOAP e XML. Algumas coisas foram removidas ou substituidas como magic_quotes e register_globals.

1000TIPOS DE BRUSHES PARA PHOTOSHOP

2008-06-07T18:35:00.001-07:00

Eita, que é Brush que não acaba mais! São mais de 1000 tipos diferentes de brushes para Photoshop, todos grátis! Que maravilha. Para baixar todos esses bruches basta clicar aqui.

BORDAS ARREDONDADAS COM CSS

2008-06-07T18:34:00.001-07:00

Quer fazer aquelas bordinhas arredondadas, dando uma diferenciada naquela caixinha de destaque, utilizando CSS? Então conheça essa solução bem simples, o Spiffy Corners, que dá o CSS prontinho pra você fazer suas bordas arredondadas.

Clique aqui para testar.

TERAPIA DAS FONTES

2008-06-07T18:33:00.000-07:00

Existe terapia com banho de sais aromáticos, com cores, agulhas e até mesmo chocolate. Mas terapia com fontes TTF? Bem, é o que andam fazendo a equipe da agência Typotherapy, apresentando seus belíssimos trabalhos de design gráfico e identidade visual. Se você gosta do assunto, uma ótima referência.

Clique aqui para iniciar sua terapia visual.

GRADIENTES PERFEITOS PARA BOTÕE WEB 2.0

2008-06-07T18:31:00.001-07:00

Se você quer fazer aqueles botões que dá uma vontade de clicar, todos bonitinhos, utilizando um degradê delicado e real, então aqui estão vários gradientes disponibilizados pela Deziner Folio para você utilizar diretamente com o Photoshop.

Faça o download, clicando aqui.

GALERIA E SLIDESHOWS DE IMAGENS EM AJAX

2008-05-28T08:34:00.000-07:00

Aqui você tem uma lista com os melhores e mais conhecida soluções utilizando javascript, ajax para criar galeria de fotos ou Slideshows. Todas as soluções abaixo são grátis.

COLOCAR EFEITO ZOOM NAS FOTOS

2008-05-28T08:33:00.000-07:00

A função deste javascript é adicionar a possibilidade do visitante do seu site aplicar um zoom nas fotos que você exibe. Quando o usuário passar a seta do mouse sobre a foto ela se transformará em uma lupa com o sinal de +. Quando a foto é clicada ocorre uma animação que vai ampliando a imagem até seu tamanho original (maior). Clicando novamente na foto ela é reduzida. Você também poderá adicionar uma descrição no final de cada foto.

O mesmo javascript pode ser utilizado para mudar o tamanho a foto (horizontal ou vertical), mover a foto para a direita ou esquerda exibindo um texto ou conteúdo que esteja atrás.

Veja mais informações e exemplos funcionando aqui. Veja a documentação. Clique para download.

ÍCONE DE ETIQUETA PARA SUBTITUIR BANNER

2008-05-28T08:32:00.001-07:00

Todos nós sabemos que banner é uma coisa que não funciona mais. No passado o banner foi exageradamente utilizado e hoje as pessoas adquiriram uma cegueira para anúncios em banners. Uma solução para chamar a atenção das pessoas que visitam seu site é utilizar figuras e gráficos que fogem daquele padrão de anúncio que já estamos acostumados e rejeitar.

Um exemplo disto são estas figuras de etiquetas que se forem colocadas no seu site vão chamar a atenção do seu visitante para o texto que estiver escrito nela. Para download visite esta página e clique na opção de download que aparece no menu do lado esquerdo.

13 ESTILOS DE MENU CSS GRÁTIS

2008-05-28T08:29:00.000-07:00

O site www.13styles.com oferece 13 estilos de menu desenvolvidos em html e css para download gratuitamente.

SCRIPT PARA CRIAR UMA GALERIA DE FOTOS

2008-05-28T08:27:00.000-07:00

Aqui temos uma ótima solução para criar galeria de fotos utilizando o jQuery: jqGalScroll 2.0 Existem diversos tipos de site que precisam de uma boa galeria de fotos: sites de hoteis, moteis, imobiliarias, construtoras de imóveis, sites que vendem produtos onde o visual é decisivo para a compra como roupas, joias, obras de arte, quadros, esculturas, etc.

100 MELHORES BRUSHES PARA PHOTOSHOP GRÁTIS

2008-05-28T08:26:00.000-07:00

Aqui você tem os melhores brushes oferecidos na internet gratuitamente. Clique no brush que mais gostar para acessar a página onde será possível fazer o download do arquivo.

TUTORIAL COMO FAZER ÁGUA COM PHOTOSHOP

2008-05-28T08:25:00.001-07:00

Esse tutorial ensinará todos os passos necessários para que você possa criar água escorrendo por uma torneira de forma bem realista. Os procedimentos são bem simples e todos ilustrados. Visite.

TUTORIAL COMO FAZER TEXTOS DE LUZ NO PHOTOSHOP

2008-05-28T08:23:00.000-07:00

Este tutorial lhe ensinará a criar um bonito efeito de luz que poderá ser utilizado para escrever textos ou criar qualquer outro objeto em suas figuras. Todos os passsos estão ilustrados. Veja aqui

1000 LUGARES MAIS BONITOS DO MUNDO PARA WALLPAPER

2008-05-28T08:19:00.000-07:00

Este site reúne quase 1000 fotos das paisagens mais bonitas do mundo. As imagens estão em alta resolução para serem utilizadas como papel de parede (wallpaper) do seu windows, linux, mac. São diversos países e localidades do planeta em 25 categorias diferentes. É uma das melhores formas de relaxar em quanto você trabalha no seu computador.

TRANSFORMAR PIXELS EM UNIDADE RELATIVA EM CSS

2008-05-28T05:30:00.001-07:00

Quando você trabalha com CSS pode utilizar dois tipos de unidade de medida: Unidade relativa e Unidade absoluta. As unidades relativas são medidas através de percentagem (%), pixel (px), ex e em. As unidades absolutas são os point (pt), pica (pc), milímetro (mm), centímetro (cm) e polegada (in)

Os valores das unidades relativas “em” é tomado em relação ao tamanho da fonte (’font-size’) herdada. Já o px é tomado em relação ao equipamento que estamos usando na exibição (monitor de diversos tamanhos, celular, palm, etc)

O javascript do site riddle.pl/emcalc/ pode lhe ajudar a transformar pixels em unidade “em”. Clique primeiro na aba chamada “setings” para definir o tamanho default da fonte e clique em salvar. Depois utilize o script para converter pixels em “em”.

COMO CRIAR UM ESTILO CSS EM TEMPO REAL

2008-05-28T05:08:00.000-07:00

A ferramenta on-line oferecida no site www.designerplaything.co.uk/designer-plaything.html permite construir seu estilo CSS visualmente. Você vai fazendo as configurações e mudanças nos menus laterais e visualizando o resultado em tempo real. O código CSS é construido automaticamente no final da página. O desenvolvedor do serviço ainda permite que você faça o download do script aqui

OONDE ENCONTRAR ÍCONES GRÁTIS

2008-05-27T12:51:00.000-07:00

Aqui vai a dica de um site com muitos ícones bacanas que podem ser utilizados no seu desktop, MSN ou na criação de sites, o IconArchive. São mais de 10 mil opções de ilustrações nos mais diferentes estilos. Você só deve ficar atento a licença, cada conjunto de ícones possui uma licença diferenciada, alguns autores permitem usar no desktop, outros em sites educacionais, blogs ou sites não comerciais.

Acesse: www.iconarchive.com

MENU ESTILO MAC OS

2008-05-27T12:47:00.000-07:00

Pra quem é fã de Mac ou adora o estilo de menu utilizado no Mac OS e deseja colocar um menu semelhante em seu site, onde temos um zoom com mouseover, seus problemas acabaram. Este javascript possibilita você ter um menu idêntico, onde você poderá colocar os ícones que quiser, usando o bom X-Style Dock Menu. Veja uma demonstração do menu em funcionamento.

E clicando aqui você poderá fazer o download do javascript e ver as instruções de instalação.

319 TEXTURAS GRATUITAS PARA BACKGROUND

2008-05-27T12:43:00.000-07:00

Procurando alguma textura para usar como background em seu site ou de sua criação, em alta resolução? Ainda por cima grátis? Conheça TextureKing, um site que até o momento que em escrevo esse post possui 319 backgrounds, dividido por tipos e materiais, em altíssima resolução. Aqui está o link. Divirta-se: http://www.textureking.com/index.php/category/all-textures

CORES: A MELHOR COMBINAÇÃO

2008-05-27T12:40:00.001-07:00

Combinar cores pode parecer uma tarefa nada fácil. Alguns conseguem escolher a melhor combinação apenas pela intuição. Já outros se consideram um desastre na hora de decidir entre combinar um laranja com vermelho. Para os indecisos, mostro a seguir uma ferramenta que poderá lhe ajudar bastante.

O site da Behr, uma empresa americana de tintas, criou uma ferramenta simples e intuitiva de combinação de cores. Primeiro você deverá escolher entre algumas cores básicas como verde, amarelo, azul e vermelho. A partir delas você poderá combinar com suas variações de brilho e contraste ou então com cores complementares e similares.

Pronto, agora você já pode se divertir combinando cores, acessando este link e clicando em Start ColorSmart

FALTOU CRIATIVIDADE? INSPIRE-SE!

2008-05-27T12:34:00.000-07:00

Webdesign Inspiration: um rapaz muito bacana chamado Patrick Haney criou no Flickr um álbum só com layouts bonitos, até o momento são 437 templates para você se inspirar.

Unmatched Style: uma boa fonte de inspiração para aqueles que desejam criar layouts interessantes para empresas seguindo as novas tendências.

Design Firms: o bacana desse site é que você pode entrar em contato com cada webdesigner e divulgar seu portfolio por lá.

25 Exemplos de Bonitos Layouts Minimalistas: veja como é possível fazer um site bonito com poucas coisas, utilizando apenas recursos simples.

10 bons exemplos de Design/Redesign em 2007: aqui você irá encontrar sites conhecidos, mas o interessante mesmo é a pequena análise de cada um. Vale a pena conferir.

O melhor do Design CSS em 2007: veja 50 sites eleitos como os melhores layouts CSS de 2007.

DESCOBRINDO A FONTE DE UMA IMAGEM

2008-05-27T12:32:00.000-07:00

Hoje um querido aluno do curso 10 Sites Reconstruidos perguntou no grupo qual a fonte utilizada na imagem de uma promoção do Submarino. Foi aí que me lembrei desse site fabuloso, muitos conhecem mas outros ainda não. Trata-se do WhatTheFont, uma ferramenta fantástica onde basta mandar uma imagem ou a url da imagem que contém a fonte e ele dirá a você qual fonte é aquela. É o bicho acerta mesmo.

Quer testar? Então clique aqui.

TEMPLATES GRÁTIS: MAIS 2000

2008-05-27T12:31:00.000-07:00

10 entre 10 webdesigners veteranos são contra templates grátis. Eu também sou. Principalmente quando é oferecido uma solução para o cliente com template grátis. Além de você ganhar em cima de um trabalho que não foi feito por você, ainda por cima oferece um layout genérico e sem personalidade.

Agora para aqueles que estão começando, o template grátis é uma ótima forma de estudar o html. Na minha época eu fuçava o html dos outros sites para entender, uma época onde não existia nenhum livro sobre html para me ajudar. Se naquela época existisse templates prontos, eu entenderia o html bem mais rápido.

Por isso, você que é iniciante e quer estudar um pouco mais a estrutura de um layout, html, css, xhtml, então aqui estão mais de 2000 opções de templates prontos para download. Basta clicar aqui.

Agora não inventa de imitar esses layouts não pois em matéria de layout são muito ruins. Se atente mesmo a estrutura e html.

51 EFEITOS DE TEXTO PHOTOSHOP

2008-05-27T12:30:00.001-07:00

Efeitos em textos, quando bem aplicados e semelhantes a realidade, são muito bem vindos. Se o único efeito de Photoshop que você sabe colocar num texto é a sombra e o glow, então aqui está 51 efeitos interessantes, bonitos e reais para você utilizar. Agora cuidado para não exagerar, utilize com parcimônia.

Veja os 51 efeitos, clicando aqui
Para o alto e avante!

89 BANCOS DE IMAGENS GRÁTIS

2008-05-27T12:28:00.001-07:00

TESTE SEU SITE EM 61 NAVEGADORES DIFERENTES

2008-05-27T12:26:00.002-07:00

A maioria só conhece Internet Explorer, Firefox, Safari, Opera e os mais velhinhos, Netscape. Mas além esses nomes conhecidos, existem mais versões de navegadores do que você imagina. Este site/utilitário disponibiliza uma ferramenta bastante útil, onde você poderá testar seu design em 61 versões de browsers. Trata-se do Browsershots, uma mão na roda na hora de testar seu layout. Nem precisa mais instalar tantos navegadores no seu desktop.

Teste seu layout, clicando aqui.

LIMPANDO O CSS

2008-05-27T12:26:00.001-07:00

Se você quer limpar o seu CSS e formatá-lo bonitinho mas não tá afim de pegar no rodo e no balde com água e sabão, essa é uma boa dica. Você coloca o CSS de um lado e ele sai do outro bem mais limpinho e arrumado.

Quer fazer o teste? Então clique aqui.

11 MENUS DO TIPO "ABA"

2008-05-27T12:24:00.000-07:00

Uma dica bacana, vai que você está procurando por menu em CSS no formato aba, topei com este site que possui 11 diferentes menus bonitinhos no formato de aba em diferentes cores. Pode interessar a você.

Veja, clicando aqui. E faça o download deles aqui.

5978 ÍCONES DE TODOS OS TIPOS, CORES E ESTILOS

2008-05-27T08:45:00.000-07:00

Veja que coleção bacana, são 5978 ícones nos mais diferentes estilos, todos grátis! É ícone que não acaba mais. Está procurando por ícones interessantes para pôr no seu site? Então seus problemas acabaram! Basta clicar aqui.

CALENDÁRIO EM JAVASCRIPT PARA SEU SITE

2008-05-27T08:41:00.000-07:00

O moomonth.com é um script feito em javascript perfeito para quem precisa colocar uma agenda de atividades ou de acontecimentos em algum site. Muito útil para sites de empresas de eventos, hoteis, casas de show, escolas, cursos, etc. Ela pode ser totalmente configurada e personalizada. Possui um bonito efeito visual de transição. Ao clicar em algum dia do mês a caixa com o conteúdo daquele dia é ampliada automaticamente. Veja ele funcionando aqui. Você encontra a documentação aqui. O download está na primeira página do site moomonth.com

CARREGADOR DE BIBLIOTECA JAVASCRIPT

2008-05-27T08:40:00.001-07:00

Com o script jsloader.com você pode carregar as bibliotecas javascript mais famosas e utilizadas na Internet de forma rápida e simples. Por exemplo: Se você está desenvolvendo uma aplicação que necessite de um editor de texto e html como o conhecido FCKEditor basta usar o código: JSLoader.load(”ria”,”fckeditor”,”2.5″); e você terá a versão 2.5 do fckeditor rodando no seu site. Com o JSLoader você pode carregar: FCKEditor, JQuery, Lightbox, MochiKit, PlotKit, Google Prettify, Prototype.js, Scriptaculous, SWFUpload, TinyMCE e YahooUI. Veja os comandos aqui.

CRIANDO EFEITO DE FUMAÇA DIGITAL NO PHOTOSHOP

2008-05-27T08:38:00.000-07:00

Tutorial com 13 passos detalhados de como fazer um efeito de fumaça em movimento semelhante a figura a cima. Todos os passos estão ilustrados com as telas do Photoshop. O resultado fica muito bonito e sofisticado. Clique aqui

ADCIONAR COMENTÁRIOS EM FOTOS COM JAVASCRIPT

2008-05-27T08:37:00.002-07:00

O site fotonotes.net oferece uma biblioteca desenvolvida em Ajax/DHTML que permite aos visitantes do seu site criarem marcarem determinadas regiões de uma foto e adicionar comentários sobre aquela região. Um recurso parecido já é utilizado em sites conhecidos como o Flickr. O pacote acompanha os arquivos PHP que trabalham junto com o javascript. Veja um exemplo aqui.

COMO FAZER PAPEL ENVELHECIDO NO PHOTOSHOP

2008-05-27T08:31:00.000-07:00

Denis Lis ensina você a fazer aquela textura de papel envelhecido que você tanto procura, todo feito em Photoshop. Clique aqui para ver o tutorial.

O NOME DAS CORES HTML

2008-05-27T08:30:00.000-07:00

Você sabia que as cores html possui nomes? É sim, cada cor hexadecimal tem seu nome e que funciona em qualquer navegador. Por exemplo, ao invés de você colocar color: #00FA9A coloque color: MediumSpringGreen que vai dar no mesmo. Para você saber todos os nomes e decorá-los assim como você decorou toda a tabuada, clique aqui e veja toda a lista.

PORÉM, se você quiser que seu site seja validado pelo W3C, seguindo os padrões, saiba que apenas as cores a seguir são validadas utilizando seus nomes: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, e yellow.

REFLEXÕES ESTILO AQUA

2008-05-27T08:29:00.001-07:00

Aqui estão três tipos de reflexões 3D no estilo aqua, em formato PSD. No caso são três bolinhas mas depois de aprender como são feitas essas reflexões você poderá aplicar em quadrados, triângulos e qualquer outro formato.

Para fazer o download, clique no botão download localizado neste post do Dezinerfolio.

MENU DE ABAS COM CONTEÚDO DESLISANTE

2008-05-27T08:28:00.000-07:00

Para entender como funciona veja uma demonstração aqui. Clicando nas abas chamadas Panel 1, Panel 2, etc o conteúdo da janela inferior é exibido em forma de slides. A transição de um conteúdo para o outro é feita de forma horizontal da direita para a esquerda.

É uma boa opção para mostrar textos e imagens de forma ordenada. Exemplo: Mostrar as X vantagens de um produto. Mostrar as X etapas para se conseguir alguma coisa. Mostrar as etapas de construção de algo.

Você encontrará a versão mais atualizada do script Coda-Slider aqui. O arquivo zip possui uma demonstração completa que pode ser adaptada por você bastando ter algum conhecimento de html e css. Neste outro site você encontrará uma documentação mais detalhada com exemplos de códigos.

TEXTOS COM DEGRADÊ USANDO CSS

2008-05-26T09:06:00.000-07:00

Neste artigo publicado pelo site webdesignerwall você aprenderá como adicionar degradê em textos utilizando CSS. Isto vai lhe poupar de criar imagens com textos para títulos de suas páginas. O estilo de fontes com degradê que dão a impressão de que são feitas de material metálico está na “moda”. Existem algumas vantagens em utilizar textos no lugar de imagens:

1) É mais fácil atualizar um texto do que uma imagem.

2) O Google e outros sites de busca não reconhecem textos dentro de imagens.

3) Seu site fica mais leve. É menos um imagem para carregar.

4) Perfeito para sites dinâmicos criados em PHP e outras linguagens.

Veja uma demonstração. Para download. Veja a versão original e a traduzida.

QUANTO VALE O SEU SITE?

2008-05-26T09:01:00.000-07:00

É o que pretende dizer o Website Value Calculator. Basta colocar o endereço do seu site e clicar em “Find out!”. Será mostrado então um pequeno relatório traçando uma relação entre número de visitas, número de referências pela web, relevância, até chegar no valor final, mostrando quanto vale seu site.

E quanto vale o seu site? Veja, clicando aqui.

EFEITO DE FADE-IN EM TEXTOS

2008-05-26T08:53:00.000-07:00

Neste artigo publicado no site css-tricks.com você aprenderá a criar um efeito de fade-in em textos do seu site. Neste exemplo você poderá ver duas palavras “Reveal Spoiler >>” com fundo vermelho. Clique sobre elas para ver o texto aparecendo lentamente. Usando um pouco de criatividade este recurso pode ser útil para destacar algumas informações do seu site. No artigo você encontrará um link chamado Download Files onde poderá baixar um arquivo zip com html, css os javascripts utilizados no exemplo.

IMAGENS E ILUSTRAÇÕES VETORIZADAS GRÁTIS!

2008-05-26T08:49:00.001-07:00

Você que procura por um banco de imagens vetorizadas que sejam grátis, achou. Imagens em vetor sempre ajudam bastante, principalmente pela alta qualidade, sem perda quando aumentamos ou diminuimos a imagem. Se você gosta de imagens desse tipo, o Vector4Free será um paraíso. São diversos estilos de vetores disponibilizados em vários tipos de arquivo, do Illustrator ao Corel.

Divirta-se clicando aqui.

DESCOBRINDO QUANTO VALE SEU TRABALHO

2008-05-26T08:44:00.000-07:00

Uma das maiores dificuldades de quem trabalha prestando serviços de webdesign e programação de sites é encontrar o preço justo do seu trabalho. Entre prestadores de serviços não se pode aplicar uma tabela de preços igual para todos. Isto também vale para prestadores de serviços fora da Internet. Exemplo: Em qualquer cidade do Interior ainda é possível contar o cabelo por R$ 5,00. Mas se você quiser cortar seu cabelo com Stuart Phillips terá que pagar $ 8.000 libras. Veja.

Não podemos dizer que Stuart Phillips cobra caro. O tipo de cliente que ele atende reconhece no serviço que ele presta uma qualidade que justifica o preço que cobra.

Por isso a primeira coisa que você precisa fazer é se preparar para prestar um serviço com qualidade equivalente ao preço que será cobrado. E você precisa ser capaz de fazer o cliente reconhecer o nível de qualidade do que você oferece. O cliente precisa ficar convencido de que está pagando menos do que o valor merecido pelo serviço não importando quanto é o valor cobrado.

Se as clientes de Stuart Phillips não estivessem convencidas de que o seu trabalho vale menos ou vale o equivalente ao cobrado com certeza elas procurariam outra pessoa.

Existem webdesigners e programadores iniciantes ou com conhecimento técnico limitado, ou mesmo com conhecimento defasado que são capazes de produzir sites mais simples para clientes menos exigentes e mais leigos. Este perfil de cliente costuma estar pouco disposto a investir muito e por isto não exige muito do profissional que contrata.

Existem profissionais mais qualificados que são capazes de desenvolver trabalhos mais elaborados e com resultado final de melhor qualidade e que podem satisfazer a necessidade de clientes mais exigentes que necessitam de soluções mais complexas e completas.

Você precisa se auto avaliar e descobrir que nível de profissional você é. Qual é o perfil de cliente capaz de reconhecer a qualidade e o valor do seu trabalho. Você pode prestar serviços mais simples (que lhe darão menos trabalho) para clientes que pagam menos e exigem pouco. Assim pode ganhar atendendo um número maior de clientes de projetos pequenos. Pode também atender projetos maiores e mais caros caso seja capacitado para isto. São dois nichos diferentes. Um não é pior ou melhor que o outro. Os dois podem ser igualmente lucrativos já que os custos são diferentes.

O outro ponto fundamental é a determinação dos seus custos. Vamos voltar ao nosso exemplo de cabeleireiros. É possível imaginar o enorme custo para manter um salão de beleza em um local nobre de Londres com estrutura e decoração para satisfazer o gosto refinado das maiores celebridades da moda e do cinema. Imagine os custos com funcionários de alto nível e equipamentos de primeira linha. Se for colocar na ponta do lápis grande parte das 8.000 libras cobradas por corte é consumida pelos custos da estrutura necessária para atender este tipo de cliente.

Por isto você precisa sabe quais são os seus custos mensais. Some a estes custos quanto você deseja ganhar por mês pelo seu trabalho (como se fosse o seu salário). Agora defina quanto você precisa ganhar por dia e por hora para atingir a meta. Dependendo da estrutura que você mantém (localização, escritório, funcionários, equipamentos, etc) para prestar seus serviços os custos vão variar muito.

Na hora de preparar um orçamento você precisa saber exatamente o que o cliente quer. Qual será o serviço que deve ser realizado. Com base nisto você poderá projetar quantos dias ou horas trabalhadas serão necessárias e assim avaliar qual será o preço do serviço. Adicione a este preço uma margem para ser negociada. Alguns tipos de cliente só fecham negócio se conseguirem baixar o preço do projeto em 10% ou 20% do proposto. Então deixe uma gordura para ser queimada.

Orçamentos precisam ser muito bem detalhados. O cliente precisa saber com exatidão pelo que está pagando. Se surgirem serviço adicionais no decorrer do projeto elabore outros orçamentos.

Como podemos ver não é possível tabelar ou padronizar o preço cobrado por serviços relacionados ao desenvolvimento de sites. Cada profissional possui uma estrutura diferente, custos diferentes, qualidade diferente. O importante é fazer o seu cliente perceber o quanto vale o seu trabalho. Ele precisa saber o quanto você investe em qualidade e que será vantajoso pagar o preço que você está cobrando em relação aos benefícios que o seu serviço irá proporcionar.

TESTE SEU SITE EM DIFERENTES RESOLUÇÕES

2008-05-26T08:43:00.000-07:00

Acabou essa história de site em 800 x 600, 1024 x 768 e por aí vai. Hoje são mais de 30 resoluções diferentes que vão de monitores normais até celulares, tvs, palms e telas dos mais diferentes formatos. Por isso algumas ferramentas podem nos auxiliar na árdua tarefa de que tudo apareça bonitinho nessas resoluções todas. Conheça AnyBrowser, com ele você saberá como seu site vai aparecer em mac, pc e em qualquer resolução.

Clique aqui e veja.

DESCOBRIR CORES USADAS EM UM SITE

2008-05-26T08:42:00.000-07:00

O Firefox é o navegador amigo do webdesigner e do programador web. Ele permite que você adicione “complementos” que são pequenos softwares desenvolvidos por outras pessoas que aumentam as funcionalidades do navegador.

Um ferramenta muito útil é o ColorZilla. Em uma pequena janela na barra de ferramentas do Firefox é exibido o código HEX e RGB da cor de qualquer componente do site onde a seta do mouse está. Então para descobrir qual é o código HEX de uma determinada fonte ou imagem de fundo basta passar o mouse sobre ela e visualizar o código.

Ele também mostra qual um retângulo vermelho sobre div, p, span e outros elementos html. Para instalar o ColorZilla visite.

COLOCANDO LOCUÇÃO NO SEU SITE

2008-05-26T08:41:00.002-07:00

Você deseja colocar alguém fazendo uma locução em seu site, animação ou qualquer outra coisa que necessite de uma voz? Então conheça o vozMe. Você escreve o que o rapaz deve dizer e pronto, ele gera o MP3 para o download com a locução. Pena que só tenha locuções em inglês, italiano, espanhol, hindi e catalão. Mas se você colocar o espanhol pra falar, até que sai alguma coisa interessante, como esse paraguaio fazendo propaganda do Avante, escute aqui.

Faça o seu também. No mínimo é curioso. Clique aqui e veja.

BOTÃO EM CSS COM EFEITO 3D

2008-05-26T08:41:00.001-07:00

O site cssglobe publicou um artigo com 4 técnicas CSS para criar links de texto, links em imagens e links através de botões com efeito 3D. O resultado do botão é uma bonita figura de botão projetado na página que com o passar do mouse se move para baixo. Veja o exemplo. Outro CSS interessante é o que lhe permite adicionar miniaturas de imagens no site que são ampliadas automaticamente quando o visitante passa o mouse sobre elas. Veja o exemplo. O site fornece a dica completa do código CSS que você deve utilizar e um arquivo para download com todos os exemplos.

MILAGRES DO PHOTOSHOP

2008-05-26T08:38:00.002-07:00

Será que o Photoshop é uma fábrica de ilusões? Bem, só sei que milagre ele faz. Veja este vídeo como tudo parece mais perfeito no mundo do Photoshop

Extreme Photo Retouching - Watch more free videos

Nota-se que mais do que saber a manusear as ferramentas, é preciso entender de maquiagem, aquela analógica mesmo, que se faz nos salões de beleza. Um dia desses fiz uma brincadeira dessas com a foto de minha amora e ela disse “Meu amor, não se usa batom vermelho desse jeito com sombra escura nos olhos”. Ah bom, vivendo e aprendendo.

SITE HORIZONTAL COM JAVASCRIPT

2008-05-26T08:38:00.001-07:00

Este javascript permite que você crie menu, páginas de conteúdo ou de imagens organizando o conteúdo em abas que vão se abrindo horizontalmente. É um efeito semelhante a um acordeão.

O script é muito leve (possui apenas 1kb). Para ver um exemplo do script em funcionamento visite a página http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/. Clique nas opções One, Two, Three, Four que aparecem na barra horizontal verde para observar o efeito. Para baixar o pacote de exemplo e arquivos clique na opção: Click here to download the script. que se encontra no final do artigo.

COMO CRIAR UM FAVICON?

2008-05-23T10:48:00.000-07:00

Você já deve ter percebido esses iconezinhos que aparecem do lado da URL na barra de endereços do navegador, não é? Você não sabe como criar um icone e colocar ao lado do endereço? É simples demais, ainda mais com esta ferramenta simples e útil chamado FavIcon from Pics. Basta você enviar a imagem pro sistema que ele irá transformar automaticamente num favicon.ico. Então basta você enviar esse arquivo para o raiz de seu servidor e pronto.

Para criar seu favicon, clique aqui.

FONTES WEB 2.0 MAY 13

2008-05-23T10:44:00.001-07:00

As fontes mais conhecidas e utilizadas em sites da Web 2.0 estão nesse pacote que apresento a vocês. São fontes TTF muito bacanas que irão lhe ajudar a criar logotipos e qualquer outra coisa baseada em tipografia.

Baixe o pacote zipado com todas as fontes, clicando aqui.

COMO ADCIONAR SOMBRA UTILIZANDO CSS

2008-05-23T10:43:00.001-07:00

Você sempre quis saber como colocar uma sombra numa imagem, utilizando apenas CSS? Saiba através do Dinamic Drive, que já foi inclusive indicado aqui no Avante,

Na realidade você pode colocar sombras não só em imagens mas em caixinhas também. Para saber como fazer essa proeza, basta clicar aqui.

CRIE UMA EXPLOSÃO MENTAL COM PHOTOSHOP

2008-05-23T10:40:00.000-07:00

Hoje não aprende quem não quer. A quantidade de tutoriais excelentes de Photoshop não é brincadeira. Veja este por exemplo, saiba como fazer uma explosão quase que nuclear, com ondas eletromagnéticas, gerando uma redoma, praticamente um campo de força!

O tutorial é em inglês. Você não sabe inglês? Ah, que besteira, eu também não sou lá essas coisas e entendi tudo, com figurinha fica mais fácil.

Para ver o Tutorial, clique aqui.

TRATAMENTO DE PELE

2008-05-20T09:26:00.000-07:00

Um tutorial fácil e rápido mostrando como tratar a pele de uma pessoa. Tutorial e só uma base, você pode mudar o valor ...

MANIPULAÇÃO DE IMAGENS

2008-05-20T09:23:00.000-07:00

Tutorial explicando o efeito para você manipular suas imagens.

GALERIA DE FOTOS EM FLASH E PHP

2008-05-19T08:47:00.001-07:00

O Flash Image Gallery (FIG) é um sistema desenvolvido em Flash e PHP para criar diversas galerias de fotos e imagens no seu site. Oferece suporte para até 224 imagens por galeria. O melhor de tudo é que você não precisa saber nada sobre Flash e PHP para instalar e utilizar o FIG. A parte visual e todas as configurações podem ser personalizadas através de um painel de controle. Visite a página de download

COMO USAR CAPTCHA NO PHP OU WORDPRESS

2008-05-19T08:45:00.002-07:00

CAPTCHA é uma técnica utilizada para evitar que softwares realizem tarefas na Internet que só devem ser feitas por pessoas. Você pode ver isto quando preenche um formulário na Internet e é obrigado a digitar as letras distorcidas que aparecem em uma imagem. Você pode ver um exemplo na página da Receita Federal onde é possível verificar a situação de um número de CPF. Veja

Um software não é capaz de “ver” e entender letras distorcidas. Existem softwares de OCR que tentam fazer isto, mas a tarefa é complicada justamente pelo fato de existem cores, distorções, riscos que atrapalham o processo de reconhecimento.

O site recaptcha.net/learnmore.html criou um projeto interessante relacionado a esta técnica. Eles oferecem gratuitamente uma solução CAPTCHA para você utilizar em seus aplicativos e formulários. Além de proteger suas aplicações você ainda estará ajudando uma instituição sem fins lucrativos a digitalizar livros. Um livro pode ser digitalizado utilizando um scanner e um software de OCR. O scanner gera uma imagem (fotografia) da página do livro e o OCR tenta decifrar o que está escrito naquela imagem transformando o conteúdo em texto puro. Nem sempre o OCR consegue entender as palavras. Quando isto ocorre o sistema armazena a imagem da palavra que o OCR não conseguiu ler e apresenta no serviço gratuito oferecido em recaptcha.net

Ao utilizar a tecnologia de CAPTCHA do site recaptcha.net você permitirá que os visitantes do seu site ajudem a instituição a digitalizar livros antigos que serão posteriormente disponibilizados na Internet.

Veja como implementar a solução utilizando PHP aqui. Para usuários do Wordpress que desejam colocar captcha nos comentários existe um plugin, veja. Para usar o serviço é necessário se cadastrar gratuitamente. Outra coisa interessante é que também é possível ouvir a palavra. Isto é importante para quem tem algum tipo de deficiência visual.

SCRIPT GRÁTIS PARA GALERIA DE FOTOS

2008-05-19T08:45:00.001-07:00

O minishowcase é uma solução fácil e simples para implantar uma galeria de fotos no seu site. Ele utiliza linguagem de programação PHP e Javascript / Ajax mas você não precisa programar nestas linguagens para implantar a solução. Veja uma demonstração clicando em uma das opções do menu lateral esquerdo da página.

Veja algumas vantagens:

Simplicidade - Basta jogar as fotos que deseja exibir em uma determinada pasta do seu plano de hospedagem que o sistema monta a galeria para você
Miniaturas - As fotos miniatura da galeria são geradas automaticamente.
Imagem destacada - O sistema exibe miniaturas das fotos. Quando você clica a imagem é ampliada. A galeria que fica no fundo fica escurecida para facilitar a visualização da imagem em destaque.
Barra de navegação - Em quando você visualiza uma foto aparece uma barra de navegação com as próximas imagens e botão para avançar ou voltar.
É grátis e pode ser personalizado.

Veja mais scripts em PHP gratuitos como este no site PHP Grátis

TUTORIAL COMO FAZER LAYOUT DE SITE NO PHOTOSHOP

2008-05-19T08:43:00.001-07:00

Um tutorial em inglês que ensina todos os passos (com muitas ilustrações) para quem deseja desenvolver o layout de sites profissionais utilizando o Photoshop. Veja aqui. O tutorial é dividido nas partes: 1 2 3 4

560 ÍCONES GRÁTIS PARA O SEU SITE

2008-05-19T08:42:00.001-07:00

O site userinterfaceicons.com está oferecendo um pacote com mais de 500 ícones de alta qualidade para você copiar e utilizar no seu site e nas suas aplicações web. Você pode navegar pelos ícones que são fornecidos nos formatos de 48×48 pixels | 32×32 pixels | 24×24 pixels Para download do pacote completo clique aqui.

COMO COLOCAR STAR RATER NO SEU SITE

2008-05-19T08:41:00.001-07:00

Você já deve ter visitado algum site ou serviço na web onde você pode votar em um determinado conteúdo clicando em estrelas. Um exemplo comum são os vídeos disponibilizados no Youtube. No final de cada vídeo você pode ver 5 estrelas vermelhas.

Você pode colocar um sistema parecido no seu site utilizando Javascript (jQuery) e PHP. Você encontra todos os detalhes na página www.m3nt0r.de/devel/raterDemo/. Os arquivos necessários estão no final da página do site.

MONITOR DOS SONHOS DO WEBDEIGNER

2008-05-19T08:40:00.001-07:00

Se você trabalha com desenvolvimento de sites, imagens, vídeos e programação, certamente sonha com um monitor maior para tornar seu trabalho mais produtivo e confortável.

Que tal um monitor de LCD de 22 polegadas, resolução de 1680 x 1050, tela Widescreen? Já se foi o tempo em que monitores LCD eram inferiores aos pesados e aquecidos monitores CRT. Com o melhoramento das tecnologias usadas na produção dos monitores LCD as vantagens superam o CRT. Veja algumas: Baixo consumo de energia, baixa emissão de radiação, menos prejuízos para sua visão (sentido mais importante para um profissional como você), uso do sinal totalmente digital através de entradas DVI. A questão do consumo faz muita diferença. Diversos sites mostram que um monitor LCD se paga em 2 anos graças a economia de energia elétrica e de ar condicionado que você terá (já que ele não esquenta como o CRT).

Ter um monitor de 22 polegadas Widescreen é como trabalhar com 2 monitores ao mesmo tempo devido a sua grande área de trabalho. No vídeo abaixo você poderá ver como é trabalhar no monitor LG L226WT de 22 polegadas. Observe como fica o área de trabalho do Windows. No vídeo podemos ver como é confortável trabalhar com o Dreamweaver em quando você mantém o navegador aberto na mesma área de trabalho. Atualmente a loja que vende este monitor LG L226WT pelo menor preço e com entrega grátis em todos os estados é o Submarino. Existe ainda a versão de 19 polegadas com preço mais em conta que é o modelo L196WT.

Observe no vídeo que a pessoa movimenta a câmera a o monitor verticalmente e horizontalmente para mostrar que a qualidade da imagem é mantida em diversos ângulos. Se você tem um notebook sabe que telas de LCD de notebook não são boas quando você não esta de frente para ela. Isto não ocorre com este monitor L226WT da LG que tem ângulo de visão de 170º / 170º (H / V). O vídeo ainda mostra o monitor sendo utilizado com vídeos, fotos e com softwares do Windows. A qualidade de vídeos e jogos é garantida pelo tempo de resposta de apenas 2 ms. A qualidade da imagem é garantida pelo contraste: DFC 3000:1

Se você pensa em investir na qualidade do seu trabalho neste ano ou no ano que se inicia pense na possibilidade de ampliar sua área de trabalho com um novo monitor de 19 ou 22 polegadas.

PORTAL DE VÍDEO AULA GRÁTIS COM MILHARES DE CURSOS

2008-05-19T08:39:00.001-07:00

O site NETC é um grande portal de vídeo especializado em vídeo aula, tutorial em vídeo, cursos em vídeo, palestras, e milhares de vídeos que seguem a linha de “como fazer”, ou “faça você mesmo”. O site é focado em assuntos relacionados a informática, softwares, programação e webdesign.

Todos os vídeos são gratuitos já que são originados do Youtube. Existe a opção de “Download .FLV” no final de cada vídeo. Isto permite que você colecione as vídeo aulas ou mostre para outras pessoas. No site www.download-de-videos.com você encontrará link para download do programa visualizador de arquivos .FLV.

Se você não encontrar a vídeo aula que procura nas categorias do site NETC basta utilizar o sistema de busca de vídeo no canto superior direito da página. Pela busca é possível pesquisar centenas de milhares de aulas disponíveis no Youtube.

Outro site que permite fazer busca de vídeos e download de vídeo é o www.buscadevideos.com que vale a pena conhecer também.

COMO MOSTRAR CAIXA DE DICA NOS LINKS

2008-05-19T08:37:00.000-07:00

Este script oferecido pelo site nickstakenburg.com é uma solução sofisticada e rápida de ser aplicada para criar caixas de diálogo com dicas nos links do seu site. Quando o visitante passa o mouse sobre o link a caixa é exibida com qualquer conteúdo html determinado por você. Existem diversos formatos e efeitos. Você pode personalizar tudo: cores, formatos, efeitos, imagens, textos, etc. A caixa de diálogo aberta pode conter um botão de fechar. O javascript utiliza o conhecido Prototype e Scriptaculous. Veja os exemplos e dicas de como utilizar aqui

COMO CRIAR GRÁFICOS EM JAVA

2008-05-19T08:34:00.000-07:00

Se você trabalha com linguagem de programação JAVA não pode deixar de conhecer o JFreeChart. É uma biblioteca totalmente desenvolvida em Java que torna mais simples a vida de quem precisa desenvolver aplicações em java com gráficos profissionais. Ele é capaz de gerar todos os tipos de gráfico com cores e efeitos em 3D. Veja exemplos. O JFreeChart tem uma boa quantidade de documentação de sua API. Se você tem facilidade com o inglês não terá qualquer dificuldade. Gera gráficos em imagens JPEG e PNG além de formatos vetoriais como o PDF, EPS e SVG. O JFreeChat é um projeto open source e conta com a colaboração de mais de 40 mil desenvolvedores de todo mundo.

MOSTRAR FOTO PANORÂMICA EM SITES

2008-05-19T08:32:00.000-07:00

Uma boa foto panorâmica é um elemento obrigatório em sites de hotéis, pousadas, restaurantes, atrações turísticas, empreendimentos imobiliários e qualquer tipo de negócio onde a imagem vale mais que mil palavras.

Hoje em dia muitas máquinas digitais já possuem funções para facilitar a fotografia panorâmicas. Mas mesmo que sua máquina digital não possua este tipo de recurso basta ter um tripé de alumínio.

Para adicionar sua foto panorâmica em um site existe uma extensão do script jquery chamada “Jquery Virtual Tur“. Veja como fica o resultado aqui. Passe o mouse sobre a imagem para ver os botões para avançar. Clique no botão para dar um giro de 360 graus. Clique no X para parar. Uma versão traduzida das orientações para uso deste script você encontra aqui.

técnicaWEB : : AJAX, CSS, CURSOS, DICAS, EDITORES, FIREWORKS, FLASH, FONTES, ICONES

Em breve!!! Moldere sistema de gestão para freelancer e agências

Gráficos dinâmicos em FLASH

Drag-able Chart + JavaScript

PowerCharts + JavaScript Integration

Demohttp://www.fusioncharts.com/Demos/ScatterReturn/Default.htmlDownloadhttp://www.fusioncharts.com/Downloads/Demos/ScatterReturn.zip

FusionCharts + JavaScript (AJAX) Integration

Airline Dashboard

Sales Dashboard

Seleção de site de icones para websites

Conceitos de Design

técnicaweb agora com twitter

Um novo pageflip free da MegaZine

Passo a passo para atualizar Drupal 6.x para uma versão mais recente

Sites para você conhecer

Exemplo criativo do uso do microfone pelo flash

Como Criar um Tema Para Drupal 6

Câmara aprova texto base do projeto com mudanças na lei eleitoral A principal novidade é a regulamentação da propaganda pela web

6 MELHORES EDITORES DE FOTO ONLINE

MODELO CAMISETA BRANCA PSD - DOWNLOAD

CRIAR FORMULÁRIO COM Background

98 Estilos de Tabela em CSS

DESENHAR MENU ESTILO WINDOWS VISTA

EXEMPLO DE FORMULÁRIO EM CSS FÁCIL

CALENDÁRIO AJAX PARA CAMPO DE FORMULÁRIO

SCRIPT PARA MOSTRAR FOTOS COM TRANSIÇÃO

EXEMPLO DE FORMULÁRIO EM CSS FÁCIL

+300 Texturas e Pincéis estilo antigo July 3

10 MELHORES TIPOGRAFIAS EM CSS

GALERIA DE IMAGENS COM MOOTOOLS

MAIS DE 100 Layer Styles para Fireworks

CONVERSOR DE PSD para HTML e CSS

SELETOR DE DATAS EM AJAX

EXIBIR VÍDEO EM CAIXA FLUTUANTE VIDEOBOX

BRUSHES PARA PHOTOSHOP ESTILO PAPEL PAREDE

IMAGENS E FOTOS DIA DOS NAMORADOS

PROCURANDO POR UM PDF?

32 BRUSHES ABSTRATOS PARA PHOTOSHOP

148 ÍCONES DE ALTA QUALIDADE GRÁTIS

CRIAR TURBULÊNCIAS NO ILLUSTRATOR

COMO SE CADASTRAR NO GOOGLE ADSENSE

NOVIDADES DO PHP 6

1000TIPOS DE BRUSHES PARA PHOTOSHOP

BORDAS ARREDONDADAS COM CSS

TERAPIA DAS FONTES

GRADIENTES PERFEITOS PARA BOTÕE WEB 2.0

GALERIA E SLIDESHOWS DE IMAGENS EM AJAX

COLOCAR EFEITO ZOOM NAS FOTOS

ÍCONE DE ETIQUETA PARA SUBTITUIR BANNER

13 ESTILOS DE MENU CSS GRÁTIS

SCRIPT PARA CRIAR UMA GALERIA DE FOTOS

100 MELHORES BRUSHES PARA PHOTOSHOP GRÁTIS

TUTORIAL COMO FAZER ÁGUA COM PHOTOSHOP

TUTORIAL COMO FAZER TEXTOS DE LUZ NO PHOTOSHOP

1000 LUGARES MAIS BONITOS DO MUNDO PARA WALLPAPER

TRANSFORMAR PIXELS EM UNIDADE RELATIVA EM CSS

COMO CRIAR UM ESTILO CSS EM TEMPO REAL

OONDE ENCONTRAR ÍCONES GRÁTIS

MENU ESTILO MAC OS

319 TEXTURAS GRATUITAS PARA BACKGROUND

CORES: A MELHOR COMBINAÇÃO

FALTOU CRIATIVIDADE? INSPIRE-SE!

DESCOBRINDO A FONTE DE UMA IMAGEM

TEMPLATES GRÁTIS: MAIS 2000

51 EFEITOS DE TEXTO PHOTOSHOP

89 BANCOS DE IMAGENS GRÁTIS

TESTE SEU SITE EM 61 NAVEGADORES DIFERENTES

LIMPANDO O CSS

11 MENUS DO TIPO "ABA"

5978 ÍCONES DE TODOS OS TIPOS, CORES E ESTILOS

CALENDÁRIO EM JAVASCRIPT PARA SEU SITE

CARREGADOR DE BIBLIOTECA JAVASCRIPT

CRIANDO EFEITO DE FUMAÇA DIGITAL NO PHOTOSHOP

ADCIONAR COMENTÁRIOS EM FOTOS COM JAVASCRIPT

COMO FAZER PAPEL ENVELHECIDO NO PHOTOSHOP

O NOME DAS CORES HTML

REFLEXÕES ESTILO AQUA

MENU DE ABAS COM CONTEÚDO DESLISANTE

TEXTOS COM DEGRADÊ USANDO CSS

QUANTO VALE O SEU SITE?

Demo
http://www.fusioncharts.com/Demos/ScatterReturn/Default.html
Download
http://www.fusioncharts.com/Downloads/Demos/ScatterReturn.zip