TidBits - Part 6
Nov 5

Como fazer Accordion Simples com jQuery em 5 linhas de código

O accordion, também conhecido como “menu sanfona”, serve para estruturar conteúdo em tópicos. Ele é bem simples de fazer, a maioria das pessoas que visitam devem saber fazer de olhos vendados. E com a biblioteca jQuery no seu site, é possível fazer um accordion com apenas 5 linhas de código.

Veja os exemplos que também ensinam como fazer.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Nov 5

Market Share Outubro 2008 - Firefox chega atinge 20% do mercado

A Net Aplications disponibiliza mensalmente relatórios com estatísticas (ou curiosidades) para todos nós, desenvolvedores ou até mesmo clientes.

Os relatórios são muitos, sempre em participação, sendo assim. Qual a participação de cada navegador, de cada sistema operacional, cada buscador, resoluções de tela, etc.

Confira os gráficos referente a outubro de 2008:

Navegadores

Market Share Outubro 2008 - Navegadores
O Firefox tem a sua participação mais alta e pela praticamente atinge os 20%.

Navegadores por versão

Market Share Outubro de 2008 - Navegadores por versão
Se compararmos com a pesquisa do mês passado, felizmente o ie6 caiu mais de 1%.

Sistemas Operacionais

Market Share - Sistemas Operacionais - Setembro de 2008
Na comparação com a pesquisa do mês passado, o windows cresceu, e iphone estabilizou.

Buscadores

Market Share Outubro de 2008 - Buscadores
Na comparação com a pesquisa do mês passado, Google subiu, Yahoo! desceu.

Resoluções de Tela

Market Share Outubro de 2008 - Resoluções de tela
Altas resoluções como 1280×800 e 1280×1024 vem crescendo.

Todos os dados são referentes ao último mês (Outubro de 2008). Veja os dados de Setembro para comparar as diferenças no último mês.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Nov 4

Livros com desconto na USP

Me desculpem os preguiçosos, mas ler é fundamental. E a vida não é feita só de blogs e twitters: bons livros possibilitam um conhecimento mais amplo e direcionado (diferente do modelo não linear da web, de hipermídia).

Os livros são também mais perenes, menos fluídos, rígidos e duradouros. E também mais caros do que estudar pela web. Por isso, quando se tem uma promoção, é preciso aproveitar ;) ehhee

Começa a partir do dia 12 de novembro, são dois dias de Festa do Livro na USP. É um evento que reúne várias editoras com os descontos em torno de 50% do valor… Bela oportunidade pra quem precisa completar a biblioteca mas está com as reservas em baixa.

10ª Festa do Livro da USP - Desconto de 50%
Data: 12 a 14 de novembro
Horário: 9h às 21h
Local: Saguão do prédio das faculdades de Geografia e História da USP
Av. Professor Lineu Prestes, 338 - Cidade Universitária - São Paulo (SP)

Dica do Kadu

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Nov 3

Como evitar que seu conteúdo seja copiado na web

Aqui no Tidbits, a gente já passou por isso algumas vezes, e qualquer um que tem blog ou site, e publica conteúdo original já pode ter passado também. Infelizmente, o número de pessoas interessadas em roubar conteúdo alheio, costuma ser maior do que o número de pessoas interessada em produzir material próprio.

Tidbits sendo copiado, no Copyscape

Mas existem algumas dicas que podem ajudar você a encontrar seu conteúdo espalhado por aí, um deles é o Copyscape, nele você cola a url do post ou da página que quer verificar, e ele faz um match dos sites que tem aquele mesmo conteúdo. Uma outra opção é utilizar a busca do Google, retirando trechos do seu site e buscando entre “aspas” para verificar se uma frase exatamente igual a sua está passeando por outros blogs/sites.

Tidbits copiado no Google
Mas não basta somente identificar as cópias. Também é preciso tomar alguma providência contra elas, e uma delas é utilizar os caminhos absolutos (com http://…) para todos os links de imagem do seu post. Isso porque se a pessoa é preguiçosa o bastante para sair copiando conteúdos alheios a torto e a direito, ela muito provavelmente vai copiar sua imagem também. Usando o caminho absoluto, você vai estar recebendo não só o link externo (que é super importante para o PageRank, como eu já publiquei aqui há um tempo atrás) como também vai indicar aos mecanismos de buscas que você é quem tem o conteúdo original - isso significa que na hora de ordenar esse conteúdo, o buscador identifica os conteúdos replicados e joga pra beeem longe dos primeiros resultados o conteúdo copiado, já que ele não será relevante para o usuário.

Outra solução bastante inteligente foi dada pelo site internacional Conversation Marketing em um post que traz 3 maneiras de se livrar do plágio. Uma delas, a mais inteligente que eu já vi por aí, é você colocar uma pequena imagem da mesma cor do background do seu site, em algum lugar onde ela possa ficar bem disfarçada.

Na hora que seu texto for copiado, é muito provavél que ela seja copiada também. Nesse caso, quando você descobrir que está sendo plagiando - e se a conversa não funcionar (o que acontece em 90% dos casos) - você pode se “vingar” do folgado e substituir a imagem que nem existia por um belo “outdoor” mostrando que aquele conteúdo ali não é desse fulano.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Oct 31

CSS background-image em uma imagem

Imagine uma imagem grande, que demora pra ser carregada.
E se colocar um loading na imagem?
É bem simples:


<img src="imagemPesada.jpg" alt="alt da imagem" id="imagemPrincipal"/>

E no css :


img#imagemPrincipal{
	background: url('loading.gif') no-repeatcenter center;
}

Um outro exemplo do que se pode fazer com isso, é colocar níveis de profundidade, veja o exemplo abaixo:

Esse não foi feito por mim, eu achei na internet mas infelizmente não sei quem fez para dar os créditos, se alguém souber, avise-me.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Oct 31

O que esperar do futuro?

Aconteceu ontem (dia 30/10) aqui em SP o multirão do lixo eletrônico. Particularmente, não sei quanto material foi coletado, mas até bem próximo da data do evento, a expectativa girava em torno de 20 toneladas de eletônicos desprezados que deveriam ser recolhidos.

Isso nos faz pensar que a tecnologia causa mudanças irreversíveis na nossa sociedade, algumas das quais podemos prever hoje em dia, e outras que viram que estão longe do nosso alcance. Aproveitando esse ensejo, o post de hoje é pra mostrar o vídeo de uma cidade do futuro, na qual a grande maioria das interações humanas acontecem com o intermédio da tecnologia.

Cooltown é uma cidade fictícia da HP, mas as tecnologias apresentadas estão muito mais para realidade do que para a ficção. Isso nos assusta, de certa forma, pois a mudança não atinge somente as ferramentas do nosso cotidiano, mas também a nós mesmos, nossas necessidades e relações sociais e culturais.

(E levanta um pouco a velha história de perdemos também nossa privacidade, e consequentemente sempre vigiados pelo Grande Irmão).

bookmark bookmark bookmark bookmark bookmark bookmark bookmark