Home Me envie um e-mail! Feed
Blog do yogodoshi

Arquivo do mês: Agosto, 2008

Feliz Blog Day 2008 !

Blog Day 2008

Hoje é o tão falado Blog Day, pra quem não sabe, o Blog Day foi criado com a idéia de integrar os blogueiros pelo mundo afora, neste dia os blogueiros devem escolher e indicar 5 outros blogs para os seus leitores.

São tantos blogs que eu gostaria de sugerir, principalmente brasileiros, mas vou seguir a idéia inicial e sugerir 5 blogs de diferentes países ou cultura todos com um foco semelhante ao meu.

1- Just Creative Design (em inglês)
Blog escrito por Jacob Cass com ótimos artigos, dicas sobre design gráfico e logotipos. Sugiro também começar pelos “Popular Articles” que você encontra na lateral esquerda do blog.

Just Creative Design

2- abduzeedo (em inglês)
Um ótimo blog sobre design, principalmente webdesign, escrito pelo brasileiro Fabio Sasso, que também possui ótimos artigos e dicas. Um ótimo lugar para conhecer novidades da web e inspiração.

abduzeedo logo

3- Web Designer Wall (em inglês)
Um dos melhores blogs sobre webdesign. 15.000 leitores de feed lhe dizem algo?

Web Designer logo

4- noupe (em inglês)
Blog para designers e desenvolvedores web que fala de tipografia, CSS, Ajax, Javascript, webdesign etc.

Noupe

5- Feedmyapp (em inglês)
Um dos melhores lugares para se conhecer novos sites da web 2.0 ou mesmo para procura-los. Sempre com ótimas dicas de sites que mudarão a sua vida de desenvolvedor/ webdesigner.

Feedmyapp logo

Esses 5 são grandes blogs de outros países, outras culturas que eu resolvi indicar pois tem um foco muito similar ao meu e com certeza serão muito úteis pra vocês, meus leitores.

Agora gostaria de aproveitar e indicar alguns outros ótimos blogs brasileiros seguindo esse mesmo foco:

1- Blog do Cristiano Web
Um ótimo “desenhista” brasileiro, sempre com grandes idéias, agora está organizando o #cariocavana para o Intercon 2008. Se você não o conhece, não se preocupe que com certeza ainda irá ouvir falar muito dele.

2- Gattune!
O blog do Gattune! procura oferecer o máximo de conteúdo sobre a web 2.0, tecnologia e internet em geral.

3- Blog do Leopoldo Moreira
Tecnologia, programação, otimização de sites, web2.0 isso tudo sem perder o bom humor.

Gostaria de aproveitar e agradecer autores dos blogs: Guanabara.info, DannyKitty, Mammoth Blog, Anderson Nascimento, S.O.B.R.E.T.U.D.O, BlogoMoura e ao Cristiano Web, que foi citado anteriormente, por me indicar para o Blog Day. Valeu pela força galera! =D


Free-Logotypes - Diversas logomarcas vetorizadas

Free-logotypes logo

Free-logotypes é mais um site daqueles que você deve adicionar ao seu delicious, nele você irá encontrar diversas logomarcas vetorizadas para baixar gratuitamente.

São mais de 1.400 logos disponibilizadas no site. As logomarcas que você baixar virão no formato. cdr (Corel Draw) e .eps (formato vetorial genérico).

Sobre a qualidade dos arquivos eu não sei mas de qualquer forma vale a pena dar uma olhada e procurar a logo neste site ao invés de começar a faze-la do zero.


BgPatterns - Crie o seu pattern personalizado ou escolha um dos padrões já criados

BgPatterns logo

BgPatterns é uma ferramenta online que permite que você crie o seu próprio pattern (padrão) pra utilizar nos seus trabalhos ou simplesmente serve como um banco de patterns pré-prontos pra você escolher.

O site disponibiliza diversos símbolos pra você usar na criação dos seus patterns, ao clicar em um deles você poderá editá-lo mudando suas cores, a opacidade e o próprio símbolo; tudo em AJAX e muito fácil de usar.

Exemplos de patterns

Não só patterns com símbolos, você também pode criar aqueles padrões de tracejados na horizontal, diagonal ou vertical que geralmente é usado em algumas seções específicas de um site.

Notas podem ser dadas para os padrões criados, você também pode inclusive se cadastrar no site para salvar os patterns que você criou ou comentar nos patterns das outras pessoas.


Tutorial: Como colocar um efeito grunge em um texto apenas com CSS

O Janko deu essa dica lá no blog dele (em inglês), o efeito do tutorial é no estilo grunge mas a técnica pode ser utilizada de diversas outras maneiras, a imaginação e o lixo do IE é o limite!

Basicamente é assim que funciona:

1- Abra o Photoshop (ou seja lá qual for o software), pegue um brush grunge ou faça o seu próprio, com a cor do fundo da sua página; dê uma pintada e salve o arquivo em .png com fundo transparente. Mais ou menos assim:

grunge

2- Agora pra colocar em um <h1> por exemplo você deve se utilizar da manha de colocar um elemento com posição absoluta dentro de um com posicionamento relativo; dê uma olhada no código

HTML
<h1>This is one very long title with grunge effect<span></span></h1>

CSS
h1 {
position:relative; color:#aeef33; font-family: Georgia;
}
h1 span{
position:absolute; display:block;
top:0; left:0;
height:100%; width:100%;
background:url(’grunge.png’);
}

3- E o resultado será esse:

grunge text

Gostou? Lembrando que foi feito apenas com CSS! Você pode ver um exemplo online criado pelo autor do tutorial; eu só traduzi e resumi o tutorial dele que pode ser encontrado aqui: Add grunge effect to text using simple CSS.

Bug de redirecionamento de página com window.location no IE

Ontem percebi que um código meu de redirecionamento de página, que estava usando em um <select> não estava funcionando no Internet Explorer. (pra variar)

Funciona da seguinte maneira, o usuário entra na página .asp e depois seleciona qual informação ele gostaria de ver em um select (com id=’calendario’) e será redirecionado para a respectiva página.

O código usado anteriormente que não funcionava no IE 7 nem no IE 6:

function MudaCBS() {
pagina = document.getElementById(”calendario”).value
window.location = pagina
}

O código funcionando no Firefox e no IE 6 e 7:

function MudaCBS(){
var pagina = document.getElementById(”calendario”).value
self.location = pagina;
}

Lição aprendida: não use window.location, use sempre self.location para redirecionamento da própria página.

Alguns podem estar se perguntando: por que eu não fiz em AJAX? Em diversas outras páginas nesse mesmo site eu fiz isso em AJAX onde o conteúdo era mostrado em uma div logo abaixo mas dessa vez eu achei que seria bom se o usuário pudesse ter um link direto para o conteúdo selecionado através de uma QueryString na URL; o que me fez evitar o uso de AJAX.

Próximas postagens »
Fechar
Envie por e-mail