‘Webdesigner’

Texturas de papéis velhos, coisas sujas e arranhadas. Grunge!

March 13th, 2010

grungeNem sempre o que é velho é ruim. Aposto que você algum dia procurou por texturas de papéis velhos, antigos, um pouco sujos. Dependendo do layout pode dar um charme a mais. E sei o quanto é difícil encontrar texturas de qualidade em alta definição de papéis amassados, ferrados e fud…erosamente estraçalhados.

Foi pensando nisso que trouxe até vocês, queridos amigos web designers, um cantinho que encontrei aculá com centenas de texturas de coisas sujas, papéis amassados, materiais arranhados e outros elementos para dar aquele style na sua criação.

Esse com certeza vai pro seu favoritos? Aposta quanto? Então olha aí e depois me diz.

Para o alto e Avante!

FONTE: http://www.brunoavila.com.br/avante/banco-de-imagem/texturas-de-papeis-velhos-coisas-sujas-e-arranhadas-grunge.html

O nome das cores HTML

October 4th, 2009

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.

Para o alto e Avante!

Bordas Arredondadas com CSS

October 4th, 2009

bordasarredondadascomcss

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.

Não aparecem anúncios do AdSense?

October 4th, 2009

Após ter criado meu segundo blog, comecei a colocar os anúncios do AdSense, mas eles não apareciam, só mostrava um espaço em branco onde deveria aparecer o anuncio e tinha a palavra “advertisement” na parte inferior deste espaço, o pior era que isto só acontecia na minha maquina e em outras maquinas sim apareciam os anúncios. Fiquei pesquisando e sofrendo durante 15 dias, nem no próprio site do AdSense achei a solução, até eles informam de como ativar o JavaScrip no navegador e algumas coisas de políticas, mas não ajudou.

Importante: Você só pode colocar 3 anúncios do AdSense por página se colocar mais ele mostrará só três ou então não mostrará.

O problema foi resolvido editando o arquivo Hosts. Este arquivo, desconhecido se encontra na pasta do Windows, caminho:

C:\Windows\system32\drivers\etc

Ou seja, o Windows está bloqueando todo o conteúdo dinâmico que vem do Google (sobretudo os anúncios do Adsense). Diversos sistemas antispyware, antivirus, bloqueadores de anúncios e outros programas, escrevem suas instruções nesse arquivo, orientando o navegador sobre o que abrir, o que exibir e o que não. Muitas vezes o Nod32 e o Kaspersky costumam gravar instruções especificas para o navegador não exibir anúncios AdSense.

Tutorial para limpar o arquivo e exibir os anúncios do Adsense

Passo 1: Entre no disco C: , logo entre na pasta Windows e entre na seguinte pasta system32; encontre a pasta drivers e dentro dela esta a pasta etc. O caminho fica assim: C:\WINDOWS\system32\drivers\etc

arquivo-hosts

Passo 2: Dentro do diretório ‘etc’ procure o arquivo hosts. Clique com o botão direito e selecione Abrir com o Bloco de Notas. Com o Bloco de Notas encontre a expressão Google Inc (você pode clicar em Editar/Localizar ou simplesmente CTRL+F. Digite Google Inc na caixa de busca, e clique em Localizar).

Passo 3: Selecione e apague tudo que estiver após a expressão ‘Google Inc’.

arquivo-hosts-aberto

Isto já é suficiente para os anúncios aparecerem como por arte de mágica, então Salve e feche o arquivo.

O seguinte passo não é necessário, mas fica como sugestão:
Se você quer limpar todas as instruções adicionadas por algum programa, fora o AdSense, continue fazendo o seguinte, apague tudo que aparecer sem o “#” na frente. Busque por linhas com a palavra “Google” e “Syndication“. Apague todas. Por ultimo, salve e feche o arquivo.

Após estes procedimentos sua página que contenha anúncios do Google e se você seguiu corretamente os passos do tutorial, seu navegador vai exibir os anúncios do AdSense.

Boa sorte!

FONTE: http://www.curioso.biz/home/2009/05/02/nao-aparecem-anuncios-do-adsense/

98 Estilos de Tabela em CSS

October 2nd, 2009

98estilosdetabelaemcss

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.

Para o alto e Avante!

FONTE: http://www.brunoavila.com.br/avante/css/98-estilos-de-tabela-em-css.html

Como obter compatibilidade entre diferentes navegadores web?

September 4th, 2009

Uma tarefa bem chata, cá pra nós, para todo webdesigner é deixar o site compatível com vários navegadores, O site está redondinho no Firefox mas no Internet Explorer 6 e no Safari, o site está totalmente torto. Ai ai ai.

Para lhe ajudar, aqui estão dicas que são fundamentais para tornar nosso site compatível com vários navegadores. Esta dica vem do australiano Antony Short que fez um resumo de algumas dicas básicas para evitar problemas no momento de conceber um site e evitar o mal funcionamento entre os diferentes navegadores:

1. Utilize sempre tipo rigoroso de documento (DOCTYPE strict) que cumpram a norma HTML / CSS

2. Utilize sempre um “reset” no início de seu css

3. Use -moz-opacity: 0.99; sobre elementos de texto para limpar e renderizar no Firefox, e text-shadow: #000 0 0 0 no Safari.

4. Nunca redimensionar imagens em HTML ou CSS

5. Checar rendereização de fontes em cada navegador. Não utilize a fonte Lucida

6. Tamanho do texto como % no body e em ao longo da folha de estilo.

7. Todos os divs que são flutuantes, deve incluir: display: inline; e overflow: hidden;

8. Os containers devem ter: overflow: auto

9. Não use seletores fantasia CSS3

10. Não usar PNG’s transparentes, a menos que tenha colocado alpha.

Inspiração para criação de sites e webdesign

August 14th, 2009

Todo bom webdesigner possui senso de observação. É curioso, gosta de analisar tudo que vê. Por isso, sites de inspiração são importantes. Esses sites nada mais são que catálogos contendo sites selecionados pelo seu bom design, navegação, estilo e atração.

Lembrando que inspiração não é cópia. Serve para seguir tendências e estilos. Na inspiração se analisa as cores que vem sendo utilizadas, os efeitos, os tipos de fonte, etc. Normalmente é uma dica do que está agradando a todos. Caberá a você juntar esses estilos, misturar e criar o seu, acrescentando sempre algo de novo.

Compartilho com vocês alguns sites que utilizo como fonte de inspiração para a criação de webdesign:

Webcreme
Neste site podemos escolher a cor para aparecer todos os sites cadastros que possui aquela cor em sua composição.
www.webcreme.com

The FWA
Para quem está procurando inspiração em sites flash, aqui vai uma dica.
www.thefwa.com

CSS Beauty
Para quem curte fazer layouts de forma simples, leves, baseados em CSS
www.cssbeauty.com

Artzmania
Ótima revista de design, criado por designers e entusiastas da Malásia. E o bom é fica disponível para download, grátis. ;)
www.artzmania.com/main.html

Para o alto e avante!

Fonte: Avante!