sexta-feira, 10 de outubro de 2014

Como inverter a ordem dos links de paginação no Blogger

Por padrão, os links de paginação dos blogs da plataforma Blogger estão dispostos da seguinte maneira: Postagens mais recentes à esquerda e Postagens mais antigas à direita. O link da página inicial está posicionado ao centro.

Eu, particularmente, acho esta disposição pouco intuitiva. Prefiro a disposição contrária, com as postagens mais antigas à esquerda e as mais recentes à direita.

quarta-feira, 30 de abril de 2014

Como compactar códigos CSS

developers_logo.png Se você utiliza PageSpeed Insights do Google Developers já deve ter notado que entre as sugestões para melhorar o desempenho do seu site está a opção "Compactar CSS". Mas como compactar um código CSS? Não é com programas de compactação de arquivos como RAR ou ZIP, claro!

terça-feira, 22 de abril de 2014

Como instalar o Spotify no Linux

spotify-logo.jpg
O Spotify, maior serviço comercial de streaming de músicas do mundo, está chegando ao Brasil. Muitas pessoas já estão sendo convidadas para participarem da fase de testes antes do lançamento oficial previsto para o final de maio (data não divulgada oficialmente).

quinta-feira, 27 de fevereiro de 2014

Como excluir todos os cookies de uma vez no Firefox

Pelo método descrito a seguir podemos apagar não só os cookies de uma única vez mas também todos os outros dados de navegação.

Vá em "Editar/Preferências". Selecione a aba "Privacidade". Clique em "limpar os dados de navegação mais recentes":

quarta-feira, 26 de fevereiro de 2014

Como editar arquivos HTML no Google Drive

Se você utiliza o Google Drive para hospedar páginas da web já deve ter notado que não é possível editar os documentos HTML hospedados diretamente no site. No entanto, esse problema pode ser resolvido com a adição de um aplicativo específico para esta finalidade: o HTML Editey.

HTML Editey logo Nesta postagem vamos ver como adicionar esse aplicativo. Abra o Google Drive e clique no botão Criar e depois em Conectar mais aplicativos:

quinta-feira, 23 de janeiro de 2014

Como exibir sua foto nos resultados de busca do Google

Você já deve ter notado que muitos sites e blogs aparecem nos resultados de busca do Google com snippets um pouco diferentes: além do texto tradicional aparece também a foto do autor. Veja um exemplo:

figura0.png

domingo, 15 de dezembro de 2013

Como validar um documento HTML

W3C Logo
Você termina de criar um documento HTML com todo capricho e, mesmo que seja experiente no assunto, surge aquela dúvida: será que não tem erros? Será que está tudo de acordo com as normas de padronização? Para tirar essas dúvidas, o melhor é utilizar o Serviço de Validação de Marcação (HTML, XHTML e outros) do W3C.

domingo, 8 de dezembro de 2013

Como converter um documento PDF em uma imagem

Frequentemente temos a necessidade de converter um documento no formato PDF em uma imagem (JPG, PNG, etc.). Nesta postagem vamos ver que é muito simples fazer isso com o editor de imagens GIMP.

Abra o documento PDF com o GIMP. Exporte-o substituindo a extensão .pdf por .png, .jpg ou outra. Só isso!

domingo, 1 de dezembro de 2013

Como personalizar a borda de um link através da propriedade outline

Na postagem anterior vimos como remover a borda dos links ativos ou em foco. Também aprendemos que esta borda não é uma simples decoração e que removê-la não é recomendável porque prejudica a acessibilidade do site. Nesta postagem vamos aprender a fazer justamente ao contrário: destacar a visibilidade dos links melhorando a acessibilidade. Experimente navegar nos links abaixo sem usar o mouse (utilize a tecla tab):

domingo, 24 de novembro de 2013

Como remover a borda de um link

Por padrão, todo navegador adiciona um retângulo em torno de um link quando ativo ou em foco. Isso é feito de forma diferente em cada navegador. O Firefox, por exemplo, cria uma borda estreita e pontilhada, indiferentemente se usamos o mouse ou o teclado, enquanto o Chrome cria uma borda mais larga e contínua, somente quando usamos o teclado. Veja um exemplo abaixo (selecione o link sem usar o mouse, use a tecla tab):