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.
Meu Caderno de Anotações
Tutoriais e dicas de personalização para Blogger, dicas e informações básicas sobre Linux, Ubuntu, HTML e CSS.
sexta-feira, 10 de outubro de 2014
quarta-feira, 30 de abril de 2014
Como compactar códigos CSS
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
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":
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.
Nesta postagem vamos ver como adicionar esse aplicativo. Abra o Google Drive e clique no botão Criar e depois em Conectar mais aplicativos:
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:
domingo, 15 de dezembro de 2013
Como validar um documento HTML
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!
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):
Assinar:
Postagens
(
Atom
)