O Google lançou hoje nos EUA uma nova funcionalidade na busca. Ao procurar por “flights from Chicago to Denver” o usuário poderá ver mais uma opção de busca na barra lateral.

Mais uma vez o Google inovando com ferramentas para facilitar a vida. Resta agora a espera pela implementação da funcionalidade no Brasil, e que seja mais bem aceita e arrojada do que a busca por imóveis no Google Maps. Mas é bem provável que façam parcerias com as empresas aéreas para alimentar a busca de forma rápida e atualizada.

Os sites especializados em viagens que se cuidem.

1- Baixe a biblioteca jQuery no site do desenvolvedor (http://jquery.com/)

2- Coloque o arquivo .js na pasta /js/jquery/ (deverá criar essa última)

3- Abra o arquivo localizado em:
/app/design/frontend/base/seutema/layout/page.xml

4- Logo abaixo da parte (<action method=”addJs”><script>scriptaculous/slider.js</script></action>) cole mais uma linha (atenção para o nome do arquivo com a versão atual do jquery):

<script type="text/javascript">// <![CDATA[
  jquery/jquery-1.6.2.min.js
// ]]></script>

5- Para prevenir conflitos com o scriptaculous.js, você deve adicionar o seguinte código na última linha do seu arquivo jQuery:

jQuery.noConflict();

6- E toda vez que for utilizar a biblioteca, ao invés de “$” você terá que usar “jQuery”;

É isso aí. Até a próxima dica.

1- Abra o arquivo em: template/reports/product_viewed.phtml

2- O código deve ficar assim:

1
2
3
4
5
6
7
8
9
10
11

<div class="block-content">
        <ol id="recently-viewed-items" class="mini-products-list">
        < ?php foreach ($_products as $_item): ?>
            <li class="item">
                <a href="<?php echo $this->getProductUrl($_item) ?>" class="product-image"><img src="<?php echo $this-/>helper('catalog/image')->init($_item, 'small_image')->resize(50, 50) ?>" width="50" height="50" alt="< ?php echo $this->htmlEscape($_item->getName()) ?>" /> </a>
                <div class="product-details"><p class="product-name"><a href="<?php echo $this->getProductUrl($_item) ?>">< ?php echo $this->htmlEscape($_item->getName()) ?></a></p></div>
            </li>
        < ?php endforeach; ?>
        </ol>
        <script type="text/javascript">decorateList('recently-viewed-items');</script>
    </div>

3- A parte do código que se refere à imagem é essa:

1

<a href="<?php echo $this->getProductUrl($_item) ?>" class="product-image"><img src="<?php echo $this-/>helper('catalog/image')->init($_item, 'small_image')->resize(50, 50) ?>" width="50" height="50" alt="< ?php echo $this->htmlEscape($_item->getName()) ?>" /> </a>

Simples, certo?

Até a próxima.

Agora trabalho com marketing digital e especializado em SEO, assunto esse que irei postar com mais frequencia. Em meus freelas continuo com html, css, javascript, etc. Também tenho trabalhado bastante com Magento. Desse último assunto que farei esse próximo post que vocês vão conferir.

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.

Na página de produto, a novidade está na Avaliação de Clientes, que tem por intuito mostrar a opinião do cliente sobre os produtos que o site comercializa. Democrático, o site considera tanto avaliações positivas como avaliações negativas.

Um grande diferencial é o Portal da Lu, a vendedora virtual do magazineluiza.com, onde são reunidas matérias, webvídeos e podcasts, o melhor em conteúdo de produtos para facilitar a compra.

O Acompanhamento de Pedidos, agora chamado “Acompanhe seus pedidos”, foi reformulado para que o cliente tenha um conhecimento mais preciso sobre os produtos que adquiriu, inclusive o acompanhamento de entregas separadas.

A Lu também escreve um blog, o qual terá posts diários sobre novidades, tendências e conteúdo sobre produtos. O design deste ficou por conta do designer Gustavo Nassif.

Blog da Lu

Quero parabenizar aqui a todos envolvidos, em especial a Ma (Marcela Fernandes), que foi responsável por toda a descrição dos projetos de front-end e back-office, assim como a gerência do projeto em geral. Desenpenhou um ótimo trabalho, essencial para que o novo site fosse possível.

Vale a pena conferir o novo site! Vai aí a dica!

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

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

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 ), feito pela AlmapBBDO para o Greenpeace.

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”.

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.

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.