5 Perguntas para 12 Designers

Demorou, mas saiu. Fiquei na esperança de conseguir respostas de mais pessoas, mas não deu. Não tem problema. Os que responderam agradeço bastante e espero que esta listinha sirva de ajuda para outros que estão metidos nessa profissão que eu pelo menos sou apaixonado. A seqüência das respostas é quase aleatória, na tentativa de ser o mais democrático possível.

  1. Qual aspecto do design você mais prioriza?
  2. Que técnica utiliza com freqüência?
  3. Qual o tipo de letra preferido em seus projetos?
  4. Que livro de design considera obrigatório?
  5. Que site ou revista você lê diariamente?

1. Qual aspecto do design você mais prioriza? voltar

As respostas se dividiram entre o aspecto comunicacional e a funcionalidade, com o Fred misturando os dois e falando em interação. Em todos deu para perceber que o foco no usuário é lei e que o deslumbramento tecnológico já cansou.

Dos que focaram em comunicação:

Simplicidade. Quando mais simples, menor a complicação, melhor usabilidade e acessibilidade. Diego Eis

Comunicação. Usar a comunicação certa para o receptor, que passe a mensagem certa do transmissor. Caetano Neto

Relevância. Design é o dress code de uma peça de comunicação. Se não estiver correto para o público, não vai agradar. Se não agradar, foi inútil. Pense no tiozão na balada: suas roupas podem ser boas, caras e na moda. Se não apelam para o conjunto de referências da galera, serão simplesmente ridículas. Luli Radfahrer

A interação entre as pessoas proporcionada pelo Design. Frederick Van Amstel

E os que focaram em funcionalidade, facilidade de uso e que usaram o bordão “equilíbrio entre forma e função” (o que não torna a sentença menos correta):

Usabilidade e Estética. Parece clichê, mas não dá muito para fugir disso quando se fala em Design. Já que seu conceito é o equilíbrio entre a beleza e funcionalidade, eu procuro sempre focar na beleza da interface sem agredir sua facilidade de uso. Rodrigo Muniz

O usuário (user centered design). Considerando que processo de design é o equilibrio entre forma e função, o objetivo final sempre é o usuário. Henrique Costa

Usabilidade. Para mim a estética, a organização das informações, o conteúdo, os recursos, todos têm que estar a favor da facilidade de uso do site por parte do usuário. Walmar Andrade

Design significa, antes de tudo, projeto. Algo que surge para suprir um objetivo claro. Portanto, design não é arte porque é forma visando função. Resumo da ópera: funcionalidade. Chico Neto

Acessibilidade e Usabilidade. Não tenho tantas habilidades com programas gráficos, mas sempre prezo pela facilidade de uso. Desde a faculdade estudo muito acessibilidade, fazendo testes com deficientes visuais inclusive. Design não é para poucos! Rafael Dourado, eu

Compatibilidade + Usabilidade. Marcelo Glacial

Design não é nada. Funcionalidade é tudo! Quando se trata de internet vejo como aspecto principal do design o êxito do usuário em encontrar o que ele procura, em alcançar o que deseja, enfim, o design tem que tornar possível o objetivo do site numa linguagem visual atraente. […] Tony Conde

A usabilidade como foco principal e busco usar o desenho como a melhor expressão artística do “foco” do trabalho. […] Thiago Bessa

2. Que técnica utiliza com freqüência? voltar

Esta pergunta não foi específica de propósito. Obtive respostas bem interessantes focando na concepção do projeto e outras no seu desenvolvimento de fato. Para os que participaram, não dá para trabalhar com internet e ser preconceituoso nem prepotente, nem viver sem Photoshop. Mas viver sem o IE até que era uma boa.

Primeiro os que focaram na concepção do projeto:

Mente aberta: nunca assumo que sei NADA sobre um cliente, seu público, tendência ou tecnologia. Assim posso perguntar feito uma criança e, em vez de rotular, me fascino. Luli Radfahrer

Me colocar no lugar do usuário quando estou pensando ou mesmo projetando algo novo. Walmar Andrade

Uso da semiótica. Isto está aqui porque refere-se àquilo. E na composição dos trabalhos, vetores. Chico Neto

Etnografia virtual (fóruns de discussão etc), entrevistas, prototipação, testes com usuários… Frederick Van Amstel

Uso com freqüência a técnica de não usar nenhuma técnica e conseguir executar o que vejo que é necessário ao público do site e que também esteja ao gosto do meu cliente! Auehuaeh. Gosto de coisas simples. Estilo os menus dos celulares da nokia! Tony Conde

Mesclagem de algumas delas. A semiótica como principal, mas usando elementos do gestalt, usar a percepção visual como “arma” para prender a atenção do usuário, mas buscando sempre a criação de coisas úteis. “DIGA NÃO AO LIXO NA INTERNET”. Thiago Bessa

Os mais concentrados na execução dos trabalhos:

Image replacement. Seguida de perto pelo global reset hehehe. Mas esse último não conta, já que é padrão. Marcelo Glacial

Na codificação HTML tenho o costume de logo depois de começar o body inserir sempre o link de pular a navegação e ir direto para o conteúdo, ajuda para quem usa leitor de tela. No CSS é a já velha conhecida técnica * {margin:0; padding:0;} para zerar margin e pading de todos elementos para ter homogeneidade nos diversos browsers. Rodrigo Muniz

Técnica? CSS + HTML + JavaScript não obstrusivo, com um pouquinho de técnicas de acessibilidade e uma pitada de SEOHenrique Costa

Aqueles scripts que transformam o IE6 num browser um pouco melhor como o de :hover e o de png transparente. Rafael Dourado

Particularmente não gosto de usar o global reset. Não me incomodo com as pequenas diferenças entre os navegadores e acredito que fazer design para web é aceitar que o produto final é fluido, podendo ser personalizado, ter o tamanho do texto alterado, áreas bloqueadas etc.

Finalizando com os Visuais, “adobemente” falando:

No Photoshop uso freqüentemente o Filtro ‘Extrac‘ e a ‘Quick Mask‘ para aquela seleções cabeludas, literalmente (em caso de tirar o fundo de uma imagem na parte onde há pêlos). Rodrigo Muniz

Colagem, vetor e edição de foto. Caetano Neto

Gradientes e DropShandows dão uma aparência bem interessante. Não pode abusar para não se tornar muito carregado. Devem ser usados com um certo cuidado. Diego Eis

Degradês e vetorizações. Rafael Dourado

3. Qual o tipo de letra preferido em seus projetos? voltar

Esta pergunta acabou gerando algumas dúvidas e alguns responderam somente em relação às fontes da web como Arial, Verdana e Georgia e outros que abriram mais para as fontes usadas na composição do layout. Minha intenção era mais para a segunda situação, mas ainda é válido saber quem prefere serifada ou sem serifa.

Título: Trebuchet MS. Textos: Verdana. Marcelo Glacial

A boa e velha Arial. Henrique Costa

Trebuchet MS. Frederick Van Amstel

Trebuchet MS e Verdana ou Trebuchet MS e Arial. Depende muito do comportamento que será atribuído ao texto. Tony Conde

Deu leitura, passou a idéia do site, é essa. Particularmente, estou numa fase mais de fontes com serifa… acho que só ver sites com fontes sem serifa, ajudou. Caetano Neto

Para texto, qualquer uma sem serifa que se encaixe no desenho do site, abusando bastante da Verdana e Tahoma. Para imagens, de acordo com o desenho. Thiago Bessa

Minha tipografia favorita é aquela que melhor dialogar com o projeto. Mas, pessoalmente, tenho apreço maior por famílias sem serifas com hastes robustas. Chico Neto

O que for relevante e adequado. Tem cliente com cara de Caslon, de Interstate, de Frutiger, de Bembo. Isso não tem nada a ver com a tipografia escolhida para o logo ou comunicação visual de um cliente, mas com o estado de espírito de seu público. Luli Radfarer

Arial nos textos, pois assim posso deixar o corpo do texto um pouco maior (Verdana grande é horrível). Em situações com uso de imagens vai depender do cliente, mas tenho uma maior afeição pela Frutiger e Helvetica. Rafael Dourado

Gosto muito de usar Verdana, Trebuchet MS e Lucida Grande para projetos que são realmente textos. Quando o texto vai em uma imagem ou os títulos serão imagem, gosto de usar HUMANIST. Normalmente uso letras sem serifa. Combinam mais com o ambiente de web. Entretanto, fica muito interessante o uso de letras com serifa. O site fica mais elegante. Mas deve ser usado com moderação e deve haver um cuidado extra ao combinar com letras sem serifa. Diego Eis

Na web costumava usar Verdana 10px ou 11px para parágrafos, mas com os monitores e resoluções cada vez maiores estou tentando me acostumar a usar Trebuchet MS 12px com line-height 140% para parágrafos e Georgia 28px para títulos, mas em algumas interfaces a Verdana ainda impera. Para impressos Georgia e Times New Roman ainda são imbatíveis e são figurinhas fáceis no meu CSS para impressão. Nos logotipos Helvetica e Tahoma caem bem. Rodrigo Muniz

Tipografia na web não importa muito, pois o usuário pode chavear os estilos. Walmar Andrade

Deixei a resposta do Walmar por último de propósito. Discordo dele, pois a quantidade de pessoas que chaveam os estilos é mínima, e por mais que ele tenha essa escolha não quer dizer que a primeira opção deva ser menos cuidadosa. Se entrar na conversa a composição do layout então nem se fala. Mestre Walmar, explique-se melhor. hehehe

4. Que livro de design considera obrigatório? voltar

Excelentes dicas aqui. Steve Krug esteve em quase todos, só confirmando a alcunha de obrigatório. Engraçado foi a quantidade de livros sobre tipografia. Acho que em pouco tempo algumas das respostas da pergunta anterior mudarão.

Designing Interactions, Bill Moggridge Frederick Van Amstel

Elementos do Estilo Tipográfico de Robert Bringhurst. Diego Eis e eu concordo

O do Hollis, para história; o do Frutiger para iconografia; o do Bringhurst para tipografia… Um monte. O meu eu não recomendo mais: está muito velho. Tampouco recomendo os do Dondis e da Santaella, que não entenderam que design é comunicação e escrevem em chinês. A revista HOW tem livros introdutórios de primeira também. Luli Radfahrer

Atualmente, Pensar com Tipos. Chico Neto

Introdução à Análise da Imagem (Martine Joly): Aprender as ferramentas de design qualquer um aprende até lendo o help. Mas estudar semiótica é um divisor de águas. O livro faz muitas leituras de imagem é muito interessante como primeira leitura sobre semiótica.
Design Visual 50 Anos (Alexandre Wollner): Conheci esse livro por indicação do Chico Neto. Alexandre Wollner é só o primeiro designer brasileiro e ainda em atividade. Sua história de confunde com o desenvolvimento da profissão no país e é uma aula de técnicas de design e postura profissional. Ah! E ele tem um mau humor divertidíssimo. Rafael Dourado

Sou leitor compulsivo de monitor ) Mas acho que livros como Webwriting: Redação e Informação para a Web do Bruno Rodrigues e Não me faça pensar do Steve Krug são obrigatórios para qualquer profissional de webdesign, mesmo o primeiro não sendo focado em design. Rodrigo Muniz

Não me faça pensar! O livro é sobre Usabilidade mas acredito que hoje as pessoas precisam inverter a forma com que aprendem a fazer “design”. Primeiro é preciso entender que problemas de design se resolvem com o equilibrio entre a estética e a facilidade de uso. Muitos investem muito em estética e nada em “utilização”. Este livro todos deveriam ler! Henrique Costa. Walmar Andrade assina embaixo

Putz… Livro é difícil. Esse do Wollner que o Dourado citou é muito bom. Tô lendo o Design para Internet do Felipe Memória, tô gostando. Caetano Neto

Design para internet – Projetando a experiência perfeita / Felipe Memória. Tony Conde

Os clássicos, Memória, Nielsen, Steven.. (olha a intimidade.. hehe..) mas sempre lendo algo… movimentando sempre a mente… buscando novas referências para não cair na mesmice. Thiago Bessa

Não leio nenhum. O passo 5 explica o porquê. ) Marcelo Glacial

Tá bom, Glacial. Deixei por último para imendar com a desculpa. hehehe

5. Que site ou revista você lê diariamente? voltar

Vale exportar o OPML do Netvibes? CSS Mania, CSS Remix, CSS Based, CSS Beauty, entre outra galerias. E os blogs específicos: Tableless, Revolução, Fator W, Bittbox, Shauninman e Mezzoblue. Marcelo Glacial

Tenho uns 50 feeds assinados e os leio todo santo dia. Conheço quem tem mais de 500, mas só passa a vista em todos e lê o que interessa. Eu tenho esses 50 e tento ler todos sem exceção quase todo dia. Mas recomendo os sites de todos os que responderam a esta pesquisa. D Rafael Dourado

Google Reader vale? ) Revistas eu só dou uma olhada na Web Design, MTV e na Super Interessante quando vou na livraria rapidinho… É bem difícil um site de artigos e notícias que eu entre diariamente,
acho que só no Digg.com. Mas tenho outras dicas de sites que acompanho os feeds: Fator W do ex-gerente e amigo Walmar está cada dia melhor, A List Apart, A List Apart Brasil, Smashing Magazine, Ivo Gomes, Tá difícil, Tutoriais Photoshop
Para inspiração eles nunca falham: Web Creme, Open Web Design, CSS Mania e Logopond. Um boa busca no del.icio.us também resolve muita coisa. Rodrigo Muniz

Ai, pega a lista ali na home do meu Blog, deu preguiça D Luli Radfahrer

Bartelme Design, The Art of Adam Betts, e tem um monte de outros aqui. Diego Eis

Tenho muitos blogs agregados no meu Bloglines Fredrick Van Amstel

São tantos… Nos meus feeds têm inúmeros sites. Nunca tive a curiosidade de ver ao certo quantos são. Nem tem como ver agora também, não estou no meu pc! Mas acho que tudo começa pelo http://www.google.com.br rs Tony Conde

Mais de 2 centenas de blogs e alguns livros que sempre estão por perto… Henrique Costa

Nossa, assino uns 200 feeds e leio todos diariamente logo pela manhã. Entre os nacionais, o que acho mais interessante é o de Silvio Meira. Walmar Andrade

Tenho acompanhado mais blogs ultimamente. Embora acredite que não seja o mais visitado aqui, vou colocar o Uailab. Caetano Neto

Além dos blogs mestres, bomabessa ) , netlus, teoriaglacial e assino a revista web design. Ela é bem interessante, quando não atrasa 1 mês pra chegar é uma leitura boa e atual (a leitura, por que o site…). Thiago Bessa

Além do Netlus…?! Chico Neto

SIM, CHICO! ALÉM DO NETLUS!

Bom. Espero que tenha sido útil de alguma forma. Para mim foi. D

Autor: Rafael Dourado
Fonte: http://www.netlus.com.br/5-perguntas-para-12-designers/

15 erros que você deve evitar em um site

Introdução

Você já acessou um site e teve a sensação de que alguma coisa muito errada tinha sido feita ali? Ruim essa sensação, não é mesmo? Se você quer evitar que os visitantes do seu site tenham essa mesma impressão, fique de olho em alguns detalhes que podem derrubar seu projeto:

1 – Conteúdo importante em janelas pop-up

Hoje em dia mesmo os usuários menos experientes já têm bloqueadores de pop-up ativados nos navegadores. Se o conteúdo for realmente importante, não tente inventar moda: coloque-o numa página normal e garanta que ele será visto por todos os visitantes.

2 – Animações de abertura

Quando o usuário acessa um site, ele procura informação. Para ele, pouco importa se você aprendeu técnicas super legais no seu curso de Flash, ele quer acessar o site sem esperar. Por isso, evite as chamadas splash screens a todo custo. Mas se você não tiver mesmo outra saída – ou quando seu cliente insistir muito e não abrir mão da abertura – não esqueça de colocar um link de “pular animação” (que funcione!).

3 – Música no site

Em alguns tipos de sites, especialmente naqueles voltados para o público mais jovem, a música é uma ferramenta interessante. Porém, se não for bem projetado, esse recurso pode, na verdade, criar uma má impressão no usuário. Imagine se ele estiver escutando música? Ou se a caixa de som estiver ligada com o volume muito alto? Aqui vale novamente a dica: se não tiver outro jeito e a música for necessária, não esqueça de incluir os controles de volume, pause e stop.

4 – Site sem contato

Seu site não deve ser uma ilha isolada do resto da humanidade. Se você tem o que dizer na internet, deve dar às pessoas a chance de contatá-lo para criticar, elogiar ou acrescentar algo às suas idéias. Coloque um formulário e/ou um endereço de e-mail para o usuário entrar em contato. Já publiquei aqui no InfoWester uma coluna falando sobre como disponibilizar seu e-mail de forma eficiente no site.

5 – Desabilitar o teclado

Se você não quer que seu conteúdo corra o risco de ser roubado, não publique-o na internet. Utilizar códigos em JavaScript que bloqueiam o teclado ou o clique do mouse não impede a ação de usuários mal intencionados, e ainda atrapalha a navegação do visitante comum, que nada tem a ver com suas preocupações.

6 – Imagens mal tratadas

Antes de publicar imagens e fotos, trate-as num editor de imagens da maneira apropriada. Se for publicar uma galeria de fotos, por exemplo, gere os arquivos das miniaturas no tamanho apropriado. Não exiba imagens com tamanho diferente do original, ou seja, se a sua imagem tem 100×100 pixels, e você quer exibí-la com 50 pixels de largura, gere um novo arquivo com as dimensões corretas. Imagens “estouradas” (como a do logotipo do InfoWester ao lado) deixam a página feia e são mais demoradas para carregar, pois o navegador precisa processar o novo tamanho. Imagens com alta resolução também deixam a página pesada para carregar, o que pode fazer seu visitante desistir e ir para outro site.

7- Site que não funciona em qualquer navegador

Outro assunto que já tem sido tratado aqui desde a minha primeira coluna. É você que precisa se adequar ao computador do usuário, e não o contrário. Quem utiliza outros navegadores que não o Internet Explorer sabe bem como é frustrante acessar um site e não conseguir visualizar seu conteúdo ou todos os seus recursos porque foram projetados só para um navegador. Poucas pessoas têm a paciência de abrir outro browser para continuar navegando no site, ou pior ainda: muitos nem têm outro navegador instalado.

8 – Não testar seus links

Você já clicou num link que levou a uma página de erro? Já preencheu um formulário e ficou sem saber se ele foi enviado ou não? Chato isso… Não deixe que seu usuário tenha o mesmo problema: teste todas as suas páginas, especialmente depois de publicar o site no servidor. Leia mais no artigo Desenvolvimento do site: backup, testes e feedback.

9 – Erros de português

De novo, mais um item que eu venho citando desde o começo, mas não custa repetir. Se você quer que seu site seja levado a sério, disponibilize seu conteúdo num português correto, sem erros de gramática ou digitação. É claro que um erro ou outro pode escapar, afinal, errar é humano, mas se esforce para evitá-los.

10 – Disponibilizar um conteúdo que dependa de plugins

Hoje em dia a grande maioria dos usuários possui todos os plugins mais comuns instalados em seus computadores. Porém, não deixe que seu conteúdo dependa exclusivamente da exibição desses recursos. O visitante pode estar num computador mais antigo, ou ainda em algum computador onde não possa instalar nenhum plugin, e assim o acesso ao seu conteúdo fica comprometido. Sempre que possível, ofereça uma versão em HTML “normal” da sua página.

11 – Falta de atualização

Não deixe que seu visitante se sinta numa cidade fantasma do velho-oeste. Se você publica notícias no site, mantenha a atualização constante. Se o seu conteúdo é sempre o mesmo e não tem muito o que atualizar, dê sempre uma modificada nos detalhes do layout, adicione fotos novas, enfim, deixei seu site movimentado.

12 – Falta de cuidado com a tag <title>

Se você usa editores visuais, tome cuidado para não publicar uma página com títulos como Sem Título, Documento Sem Título ou untitled.html. É feio, dá a impressão de relaxo e descuido, e ainda prejudica seu site nos mecanismos de busca.

13 – Conteúdo sem referência

Quando publicar conteúdo de outro site, não esqueça de dar os devidos créditos ao autor, linkando a origem da informação, se possível. Notícias sem créditos passam uma péssima impressão, e você ainda pode acabar arrumando problemas com o verdadeiro autor da informação.

14 – Navegação complicada

Vivemos em um mundo agitado, onde as pessoas têm pressa. Elas querem que sua página carregue rapidamente, forneça as informações que elas procuram de forma quase instantânea e, caso precisem navegar, não querem se sentir perdidas com um menu “alternativo”. Às vezes apostar no tradicional é a melhor forma de acertar, por isso projete os menus de seu site de forma óbvia e objetiva.

15 – Esta página está em construção

Se você ainda não desenvolveu seu site completamente, não publique páginas “em construção” ou “breve”. GIFs animados então são o fim da picada! Se o conteúdo ainda não está disponível, simplesmente não coloque o link para ele.

Finalizando

A grande dica aqui é conhecer seu público e adequar seu site a ele. Músicas, vídeos e animações, tudo isso pode fazer toda a diferença, mas quando bem aplicado. Entender o seu público alvo, descobrir o que ele espera do seu site e equilibrar seu conteúdo com a aplicação consciente dos recursos que tem em mãos é uma combinação que pode ser a chave do sucesso de seu projeto.

Fonte: http://www.infowester.com/

Autor(a): Erika Sarti, em 16/04/2007.

Erika Sarti é web designer e trabalha como free-lancer desde 2000. É a responsável pelo novo layout do InfoWester, basicamente feito com tableless, um de seus assuntos preferidos. Seu portfólio está em http://www.erikasarti.net.

Nó cego eu?

É, nem eu acreditei no que aconteceu hoje, fui barrado em um site, serio mesmo, vo contar como aconteceu.

Estava eu lendo um artigo no http://www.codigolaranja.com.br e quando terminei de ler fui ate o rodapé do site e vi um botão com a seguinte frase “Mantedor: Embria Technologies”, resolvi clicar por curiosidade(semre faço isso :D) e logo é aberta uma página que podemos ver abaixo:

Image Hosted by ImageShack.us

Achei muito estranho um empresa de tecnologia selecionar os seus clientes pelo navegador que usam.

Mas vamos criar um exemplo aqui, caso eu fosse uma empresa onde só se usa Software Livre? eu não teria o IE nas minhas máquinas né, conseqüentemente não poderia ser um cliente do site mostrado acima. Não estou afirmando nada, é o site da empresa que esta me dizendo que não posso acessar o pq uso o Firefox(com muito orgulho).

Galera, vamos fazer uma pesquisa rápida aqui, vocês concordam com a atitude da empresa? so precisa responder “Sim” ou “Não” e o pequena justificativa.

[]’s

Menu Editor(Extensão Firefox+Thunderbird)

Uma extensão muito interessante para aqueles que como eu, tem o menu enorme, cheio de opções inúteis.
Menu Editor Options window screenshot
Install for Firefox

Fonte: http://menueditor.mozdev.org/

Atalhos do Firefox

Navegando pela ampla rede achei um site onde mostra atalhos do Firefox, confesso que vários deles nunca tinha visto, vale a pena conferir

Segue a lista

Browser Management Shortcuts Windows Mac OS X Linux
Help F1 n/a F1
Add Bookmark Ctrl+D Cmd+D Ctrl+D
Bookmarks Sidebar (toggle) Ctrl+B
Ctrl+I
Cmd+B Ctrl+B
Browsing History (toggle) Ctrl+H Cmd+Shift+H Ctrl+H
Download History Ctrl+J Cmd+J Ctrl+Y
Clear Private Data Ctrl+Shift+Del n/a Ctrl+Shift+Del
Page Manipulation Shortcuts Windows Mac OS X Linux
Full Screen (toggle) F11 n/a F11
Increase Text Size Ctrl++
Ctrl+Scroll down
Cmd++ Ctrl++
Ctrl+Scroll down
Decrease Text Size Ctrl+-
Ctrl+Scroll up
Cmd+- Ctrl+-
Ctrl+Scroll up
Restore Text Size Ctrl+0 Cmd+0 Ctrl+0
Print Ctrl+P Cmd+P Ctrl+P
Reload Page F5
Ctrl+R
F5
Cmd+R
F5
Ctrl+R
Force Reload Page (override cache) Ctrl+F5
Ctrl+Shift+R
Shift+Reload button
Cmd+Shift+R
Shift+Reload button
Ctrl+F5
Ctrl+Shift+R
Shift+Reload button
Stop Loading Esc Esc
Cmd+.
Esc
Save Page As Ctrl+S
Alt+Left-click
Cmd+S Ctrl+S
Page Source Ctrl+U Cmd+U Ctrl+U
Page Info n/a Cmd+I Ctrl+I
DOM Inspector Ctrl+Shift+I Cmd+Shift+I Ctrl+Shift+I
Page Navigation Shortcuts Windows Mac OS X Linux
Go Down One Line Down
Alt+Scroll down
Down Down
Alt+Scroll down
Go Up One Line Up
Alt+Scroll up
Up Up
Alt+Scroll up
Go Down One Page PageDown
Spacebar
PageDown
Spacebar
PageDown
Spacebar
Go Up One Page PageUp
Shift+Spacebar
PageUp
Shift+Spacebar
PageUp
Shift+Spacebar
Go to Bottom of Page End End End
Go to Top of Page Home Home Home
Move to Next Frame F6 F6 F6
Move to Previous Frame Shift+F6 Shift+F6 Shift+F6
Move Focus to Next Actionable Item Tab Tab Tab
Move Focus to Previous Actionable Item Shift+Tab Shift+Tab Shift+Tab
Open Link Enter Return Enter
Open Link in New Tab Ctrl+Enter Cmd+Return Ctrl+Enter
Open in Background Tab Ctrl+Left-click
Middle-click
Cmd+Click Ctrl+Left-click
Middle-click
Open in Foreground Tab Ctrl+Shift+Left-click
Shift+Middle-click
Cmd+Shift+Click Ctrl+Shift+Left-click
Shift+Middle-click
Paste URL in Tab n/a n/a Middle-click on Tab 1
Open Link in New Window Shift+Enter
Shift+Left-click
Shift+Return
Shift+Click
Shift+Enter
Shift+Left-click
Save Link Target As Alt+Enter Option+Return Alt+Enter
Caret Browsing F7 F7 F7
Navigational Shortcuts Windows Mac OS X Linux
Home Page Alt+Home Option+Home Alt+Home
Back Backspace
Alt+<-
Ctrl+[
Shift+Scroll down
Delete
Cmd+[
Backspace
Alt+<-
Ctrl+[
Shift+Scroll down
Forward Shift+Backspace
Alt+->
Ctrl+]
Shift+Scroll up
Cmd+->
Cmd+]
Shift+Backspace
Alt+->
Ctrl+]
Shift+Scroll up
Open New Tab Ctrl+T
Double-Click on Tab Bar
Cmd+T
Double-Click on Tab Bar
Ctrl+T
Double-Click on Tab Bar
Close Tab
(close Window if only one tab)
Ctrl+W
Ctrl+F4
Middle-click on Tab
Cmd+W
Cmd+F4
Ctrl+W
Ctrl+F4
Next Tab Ctrl+Tab
Ctrl+PageDown
Ctrl+Tab
Ctrl+PageDown
Ctrl+Tab
Ctrl+PageDown
Previous Tab Ctrl+Shift+Tab
Ctrl+PageUp
Ctrl+Shift+Tab
Ctrl+PageUp
Ctrl+Shift+Tab
Ctrl+PageUp
Select Tab [1 to 9] Ctrl+[1 to 9] Cmd+[1 to 9] Alt+[1 to 9]
Open New Window Ctrl+N Cmd+N Ctrl+N
Close Window Ctrl+Shift+W
Alt+F4
Cmd+Shift+W
Option+F4
Ctrl+Shift+W
Alt+F4
Location Shortcuts Windows Mac OS X Linux
Select Location Bar Ctrl+L
Alt+D
Cmd+L Ctrl+L
Alt+D
Complete .com Address 2 Ctrl+Enter Cmd+Return Ctrl+Enter
Complete .net Address 2 Shift+Enter Shift+Return Shift+Enter
Complete .org Address 2 Ctrl+Shift+Enter Cmd+Shift+Return Ctrl+Shift+Enter
Open Address in New Tab 2 Alt+Enter Option+Return Alt+Enter
Open File Ctrl+O Cmd+O Ctrl+O
Web Search Shortcuts Windows Mac OS X Linux
Web Search (Keyword) Ctrl+K Cmd+K Ctrl+K
Ctrl+J
Select Next Search Engine in Search Bar Ctrl+Down Cmd+Down Ctrl+Down
Select Previous Search Engine in Search Bar Ctrl+Up Cmd+Up Ctrl+Up
Form Shortcuts Windows Mac OS X Linux
Select Next Entry Down Down Down
Select Previous Entry Up Up Up
Toggle Checkbox Spacebar Spacebar Spacebar
Auto Complete Shortcuts Windows Mac OS X Linux
Select Next Auto-Complete Entry Down Down Down
Select Previous Auto-Complete Entry Up Up Up
Delete Individual Auto-Complete Entry Shift+Del Shift+Del Shift+Del
Text Manipulation Shortcuts Windows Mac OS X Linux
Select All Ctrl+A Cmd+A Ctrl+A
Alt+A
Cut Ctrl+X Cmd+X Ctrl+X
Copy Ctrl+C Cmd+C Ctrl+C
Paste Ctrl+V Cmd+V Ctrl+V
Delete Del Del Del
Undo Ctrl+Z Cmd+Z Ctrl+Z
Redo Ctrl+Shift+Z
Ctrl+Y
Cmd+Shift+Z Ctrl+Shift+Z
Ctrl+Y
Page Search Shortcuts Windows Mac OS X Linux
Find in This Page Ctrl+F Cmd+F Ctrl+F
Find Again Ctrl+G
F3
Cmd+G
F3
Ctrl+G
F3
Find Previous Ctrl+Shift+G
Shift+F3
Cmd+Shift+G
Shift+F3
Ctrl+Shift+G
Shift+F3
Quick Find Text / / /
Quick Find Link

Fonte: http://www.7is7.com/

Min-Height para Internet Explorer

Não sei por que cargas d’água M$ internet explorer não lê corretamente o “min-height”, bom procurei no google e achei um esquema legal, que funcionou, segue abaixo:

Cascading Style Sheet
/* for understanding browsers */
.container {
width:20em;
padding:0.5em;
border:1px solid #000;
min-height:8em;
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .container {
height: 8em;
}
/**/

Fonte: http://www.cssplay.co.uk/boxes/minheight.html

Saiba quando seus amigos do orkut estão online.

 

Você gostaria que o seu orkut tivessem alertas que nem o MSN? Já imaginou, saber ‘no exato’ momento que um de seus amigos ficou online no orkut? Ou então, receber quase que imediatamente um aviso de que há novos scraps a serem lidos????

Isso agora é possível com HiNew Scrap! Mas para isso é necessário que vc use o programa “Mozilla Firefox” que é um navegador de internet quase que idêntico ao “Internet Explorer”, só que MUITO MAIS SEGURO.

INSTALAÇÃO

•Para instalar a extensão Greasemonkey clique aqui. Veja as imagens a seguir:

01.JPG

02.JPG

03.JPG

Quando terminar de baixar a extensão ele pedira que você reinicie o Firefox, é só fechar todas as janelas e abrir o Firefox novamente.

Note que na barra de status do navegador apareceu o icone de um macaco (Lado inferior direito, logo acima do relógio), quando ele esta cinza a extensão está desativada, se clicar sobre o icone ele ficará colorido, ou seja, Ativado!

Se estiver tudo Ok vamos para o script.

INSTALAÇÃO

Clique aqui para instalar o HiNew Scrap, veja a seguir como proceder:>
04.JPG

Observe que ao lado do icone aparece escrito que, “o script foi instalado com sucesso”.

Agora entre no seu orkut, note que foi adicionado um link no menu lá de cima ( | Notícias | HiNew | ? ) Clicando ali você configura o script.

Assim que um contato seu acessar o orkut ou quando alguém deixar um scrap pra você, você será avisado com uma plaquinha igual a do MSN, quando entra um contato.

imagemhinewscrap222.JPG

Por enquanto é isso, qualquer duvida, reclamação ou problema deixe seu recado na comunidade do autor do Script: http://www.orkut.com/Community.aspx?cmm=9282113

Fonte: http://corumbabaca.wordpress.com/