Novo site magazineluiza.com

Foi ao ar hoje o novo site do Magazine Luiza, no qual tive plena participação no desenvolvimento dos layouts e na implementação de front-end.

novo-site-aguarde

O site está com o design mais clean, reforçando com cores somente as informações relevantes, o que ajuda na clareza das ofertas e das promoções aplicadas na página. O site praticamente aboliu as velhas pop-ups e alerts, substituindo por divs animadas, facilitando a navegação.

novo-site-topo

Ler todo o post »

, , , , , ,

1 Comentário

Atualize o endereço do feed/RSS

Galera, como agora estou com meu domínio próprio, redirecionei o endereço antigo do wordpress para este, e também mudei o endereço do FEED, atualizem-se:

http://feeds.wevertonnaves.com.br/wevertonnaves

Feed this blog

, , , ,

1 Comentário

Os 100 retratos das pessoas mais populares

Confira este post do Webdesigner Depot sobre os retratos das 100 pessoas mais populares de todos os tempos.
É claro que faltam algumas pessoas como Aldous Huxley, Osama Bin Laden, Hitler, Arnold Shwartzennegger, etc.
Mas é bem legal para relembrar ou até conhecer alguns personagens históricos.

retratos

http://www.webdesignerdepot.com/2009/06/100-portraits-of-iconic-people-of-all-time/

, ,

Sem Comentários

Você faz xixi no banho?

Confiram este trabalho da ONG SOS Mata Atlântica.

xixibanho

Muito legal a execução, efeitos na animação, trilha sonora irreverente. Nota 10.

O site foi criado para icentivar uma prática um tanto… inusitada: fazer xixi no banho.  Como o assunto não é algo muito comum, e pode até ser meio “incômodo” para alguns, a execução (design, animação e trilha) foi projetada de maneira a deixar o usuário um pouco mais à vontade. A navegabilidade também merece destaque, onde o usuário passa por algumas etapas antes de acessar o conteúdo principal (som – nome – pergunta), o que facilita na preparação da recepção do conteúdo.

Digo que me surpreendo sempre com os trabalhos de comunicação das ONGs. Geralmente são trabalhos muito bem acabados, com a comunicação muito amarrada e direta. Isso me lembra o trabalho do advergame WeAtheR (pela pegada de responsabilidade social :D ), feito pela AlmapBBDO para o Greenpeace.

, , ,

2 Comentários

Comercial Kuat Eko

Pessoal, sou fã no posicionamento da Kuat. Esse de ser inovador, responsável com o meio-ambiente e tudo mais.

Vejam o comercial, lançando o novo produto da linha,  Kuat Eko, chá verde com guaraná:

Só para relembrar, os dois últimos foram bem marcantes. O primeiro, “Manifesto – A gente muda, o mundo muda” e o outro “Metromúsica”. Pelo menos par mim, me fizeram viajar em algumas idéias mirabolantes, tipo, me fizeram pensar na vida e em como “mudar”.

, , ,

Sem Comentários

Adobe libera BrowserLab

Fala galera.

browserlab

Acabou o sofrimento dos desenvolvedores para desenvolver sites cross-browser. Tá, vamos ser mais realistas, o sofrimento pode não acabar, mas será amenizado.

A Adobe liberou 5 mil donwloads (esgotados :( )da sua nova ferramenta, o Adobe BrowserLab.
É um aplicativo onde será possível renderizar os sites simulando vários navegadores diferentes, com a capacidade de até fazer sobreposição das versões, para fins de comparação.

Se você está sabendo disso só agora, provavelmente não terá sua cópia, mas não se preocupe, a Adobe irá liberar em julho novos testes para cadastrados. Aproveite e cadastre-se já.

A Adobe também conta com a integração do BrowswerLab com o Dreamweaver CS4, através de um plugin .mpx, o que facilita na visualização de sites que ainda não foram publicados. Você já pode baixar o plugin neste link.

adobe-browser

Chega daquele “lengo-lengo” de deixar vários navegadores instalados. A ferramenta ainda está em testes, mas aposto muito no seu sucesso, será uma revolução na homologação de layouts e funcionalidades de sites e aplicativos web.

Dica do amigo Julio Bianco.

, , , , ,

3 Comentários

Problemas de acentuação InputText no Firefox e Chrome

Essa é rapidinha.

Acabei de ter problemas com um InputText no Firefox e no Chrome. Quando digitava palavras com acentuação, ele exibia o acento separado da letra. Ex.: “Ô se tornava “~A”.

A galera dos fóruns falou que era System.useCodePage, mas na verdade é um bug desses navegadores, que ocorre quando utilizamos o parâmetro wmode com os valores opaque ou transparent.

Se esse parâmetro não é necessário para sua página, é só arrancar que o problema está resolvido. Caso contrário… :D

, , , ,

7 Comentários

Comercial do Google Chrome

chrome_anuncio

A equipe do Google Japão criou no início do ano esse comercial em animação stop motion, para incentivar o download do seu navegador Chrome. O comercial é bem criativo e tem uma trilha simples e agradável, para dar idéia de simplicidade. A grande sacada é a linha de assimilação do receptor da mensagem:

- “O que é essa caixa cheia de brinquedos de madeira?”
- “Uhm… um puzzle, daqueles da minha infância”
- ” Olha, está diminuindo conteúdo…. e construindo uma coisa nova”

Com essa linha de pensamento a mensagem do comercial é passada com sucesso: Layout enxuto e simples em usabilidade.
Esse é o Chrome.

, , , ,

1 Comentário

Visualizador de fontes

Falae galera.

Essa mini-ferramenta que criei está sendo bem útil para mim no desenvolvimento dos layouts para web. Geralmente o anti-alias dos programas de edição não costumam ser fiéis à rederização da aplicação do css nas fontes, quando exibidas no browser.
Daí então criei esse html bem básico para fazer o tira-teima e visualizar como a fonte escolhida no layout vai ficar no html.
Não é nada sofisticado, só uma aplicação bem útil.

visualizarfontes

Baixe a mini-ferramenta aqui.

Abs.

, , , , , ,

5 Comentários

Busca no Xml – v2.0

Falae galera.

O último código que desenvolvi do Busca no Xml gerou muitas dúvidas do pessoal para alterações. Queriam colocar link, mudar algum conteúdo, etc. O fato é que desenvolvi focado em um projeto, e disponibilizei para adaptação.
Tive um tempinho essa semana e adaptei o código para ser mais “maleável”.

Primeiro, veja o post:
http://actionman.wevertonnaves.com.br/blog/2008/03/busca-no-xml/

O que mudou?
- Possibilidade de definir os campos e a estrutura do xml;
- Inserção de link (externo e interno);
- Escolha dos campos que aparecerão no DataGrid e os que serão utilizados na busca;

Como alterar?
- No arquivo xml principal, onde guardamos as informações dos xmls de busca,  temos o nó “estrutura”, onde você definirá a estrutura de nós que os xmls devem ter, seguindo a seguinte formatação:
<file_name usabusca=”true” aparece=”250″ />

Primeiro, o nome do nó. Este deve ser exatamente como os sub-nós serão chamados. O parâmetro usabusca (booleano) define se este nó será incluído na busca. O parâmetro aparece (number) é o tamanho da coluna deste nó dentro do DataGrid, um valor igual a 0 significa que este nó não aparecerá no mesmo.

Caso queira adicionar link aos itens, basta incluir o seguinte nó:
<link usabusca=”false” aparece=”0″ />

E para definir o tipo de link, nos próprios xmls de busca, o valor deve ser de uma das duas formas:
url: Adicionando um link com http, o flash irá reconhecer como uma url;
label: Sem o http, o flash entenderá como uma label dentro do próprio swf;

É isso aí galera. Vou adaptar para CS3 agora. Divirtam-se (e me reportem possíveis erros).

Baixe o arquivo aqui.

, , , ,

11 Comentários