Ralph Almeida

Design, UX, SEO, SEM


Estava pesquisando sobre sites para fazer wireframes e encontrei um site muito bom, o UXPin.

As funcionalidades dele são ótimas, super fácil de mexer e criar seus wireframes. Uma ótima ferramenta para UX designers. Fiquei mexendo uns dias nele pra testar e meu período trial já expirou, e como encontrei um outro site que me atendeu melhor, paguei o outro. Em breve falo dele aqui.

block-helps-you-draw

E esse site UXPin me ofereceu por e-mail 6 livros de Design de UX para download grátis. Então resolvi compartilhar com vocês esses livros, já que são de graça mesmo :D

 

webdesign_trends2013_uxpin

Web Design Book of Trends 2013-2014

uxpin_the_guide_to_wireframing

The Guide to Wireframing: For Designers, PMs, Engineers and Anyone Who Touches Product

uxpin_mobile_ui_design_patterns_2014

Mobile UI Design Patterns 2014: A Deeper Look At The Hottest Apps Today

uxpin_mobile_book_of_trends_2014

Mobile Book of Trends 2014

ux-design-for-startups-marcin-treder

UX Design for Startups

product_managers_and_ux

The User Experience Guide Book for Product Managers

Vale lembrar que todos os 6 livros de Design e UX estão em inglês e no formato PDF.

Read More

Vai aí uma dica bem útil pra quem trabalha com desenvolvimento de websites e aplicações web: reload automático dos arquivos CSS.

Pra quem trabalha com dois monitores, que é meu caso, é melhor ainda. Em um monitor eu deixo o site aberto e no outro meu editor CSS. Assim quando eu altero uma informação, o site ao lado já atualiza automagicamente, sem precisar ficar dando F5 a cada modificação de cores, fontes, margens, etc.

Os passos são o seguinte;

1) Faça o download desse arquivo JS css_auto-reload.js e inclua no cabeçalho de seu site:

<script type=”text/javascript” src=”css_auto-reload.js”></script>

2) Chame a função na tag <BODY> de seu site:
<body onLoad=”javascript:(document.styleSheets.start_autoreload(2000))”>

Nesse exemplo o reload acontecerá a cada 2 segundos. Para modificar esse tempo, basta mudar o valor que no caso está em 2000 milissegundos.
Pronto, agora você pode trabalhar com mais rapidez e eficiência =)
Fonte: nv.github.com/css_auto-reload
Read More

Um problema que eu sempre encontrava ao desenhar retângulos no Photoshop era as malditas bordas embaçadas que apareciam quando os pixels não se encaixavam corretamente com a grid de pixels.

Aí eu sempre dava um mega zoom na área embaçada e ajustava a largura e altura corretamente até conseguir eliminar esse efeito.

Até que encontrei hoje um post super interessante nesse site (Bjango) e descobri a salvação para esse tipo de problema.

Read More

Navegando na internet, encontrei um site de um designer, russo se eu nao me engano, onde ele mostrava as imagens de seu portfólio com um lindo efeito de transição de imagens, que eu achava ser em flash.
Curioso ao ver que não era Flash, entrei no código fonte e encontrei a mágica: jQuery!

jQuery é uma biblioteca feita em JavaScript que é o bambambam dos webdesigners atualmente. Possui excelentes recursos que deixam seu site super atraente e sem deixar pesado como sites em Flash.

O nome do plugin é Coin Slider, e eu achei nesse site aqui, em inglês. Ótimo site por sinal, com vários post interessantes.

E como esse plugin foi útil pra mim, resolvi postar aqui no blog, que aliás está precisando de atualizações!

Então vamos ao que interessa.

Read More

Busca em tempo real do Google


Posted By on ago 27, 2010

Acabei de ver que o Google lançou um serviço de busca em tempo real. Não sei quando ele lançou, mas descobri hoje =)

Nesse vídeo explicativo que eles lançaram no YouTube você vê com detalhes como funciona:

Você faz a busca e o Google vai atualizando automaticamente de acordo com novos resultados, buscando de diversas fontes de informação, como Twitter, Buzz, WordPress, Facebook, Blogspot e vários outros.

Após realizada a busca, dá pra filtrar pelo horário da notícia, através de um gráfico no topo da página.

Serviço interessante e pelo visto, algo que os demais buscadores vão ter que incorporar em seus resultados daqui pra frente.

Link pra página do Google Realtime: www.google.com/realtime

Read More

O CSS vem se difundindo cada vez mais entre os desenvolvedores web. Na primeira vez que aprendi, juro que pensei: “Que coisa inútil” mas hoje não consigo fazer nada na web sem utilizar CSS. Desenvolver em CSS oferece diversas vantagens, como fazer um site completamente sem tabelas, o que já é uma boa otimização pros buscadores (SEO), e o mais importante é que separa o layout da programação e da informação do site, tornando muito mais fácil a modificação de temas e layout de uma página.

Eu sempre vejo inúmeros artigos sobre CSS, e até indico um ótimo site que inclusive, é do professor da empresa onde aprendi realmente o início do CSS e a utilizar Tableless, o site Tableless.

E como o CSS chegou para ajudar, mostro abaixo 53 técnicas de CSS muito boas e que facilitam bastante a vida de qualquer desenvolvedor. Achado no Smashing Magazine, um dos melhores sites de design que conheço.

Read More