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.

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!

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):

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):

Como instalar o Google Chrome no Ubuntu pelos repositórios

O Google Chrome é muito fácil de ser instalado no Ubuntu. A instalação pode ser feita pelo modo convencional, com de pacotes .deb, o que dispensa comentários, e também pelos repositórios, como descrito abaixo.

No terminal digite:

sudo gedit /etc/apt/sources.list

Como personalizar o plano de fundo do Gmail

O Gmail, o maior provedor de webmail gratuito do mundo, e também, na opinião da maioria, um dos melhores, oferece várias opções de temas predefinidos. Alguns são muito interessantes porque sofrem alterações com o tempo como, por exemplo, o tema "Árvore" que altera a sua aparência conforme as condições meteorológicas da região para a qual foi configurado.

Como colocar música no Facebook

Quem já utilizou o Orkut deve saber que era, e ainda é, possível adicionar códigos HTML na página do perfil e também nas atualizações (scraps). Com este recurso dá para adicionar conteúdo externo nas postagens e deixar a página do perfil um pouco mais personalizada. Há algum tempo, era possível colocar até um player de música (que alguns usuários deixavam em autoplay e a música começava a tocar sozinha, para desespero de seus amigos), agora este recurso não está mais disponível.

Como hospedar uma página no Google Drive

Muita gente conhece e utiliza o Google Drive para o armazenamento de documentos mas nem todos sabem que também é possível hospedar páginas (webpages) completas.

Não é difícil utilizar este recurso. Uma desvantagem é que o URL da página fica meio estranho, por exemplo, https://googledrive.com/host/0B1UHCeNn0m3qdVVUQ3JlY5hBMlE/index.html, limitando a sua utilização.

Como adicionar HTML no Facebook

Quem já utilizou o velho, e agora esquecido, Orkut deve saber que é possível adicionar códigos HTML em seu perfil (e nas postagens também) e deixá-lo com uma aparência mais personalizada e agradável.

E no Facebook? Será que é possível adicionar códigos HTML? Não no perfil principal e nem tão fácil como é no Orkut, mas é possível adicioná-los em uma página (fan page).

Como conectar o Blogger ao Facebook

Todos nós gostaríamos de aumentar o número de visitantes em nosso blog. Para que isso ocorra, além de um conteúdo de qualidade, é necesssário divulgá-lo da melhor forma possível, inclusive em outras redes sociais como o Facebook, por exemplo. Podemos compartilhar as postagens manualmente mas isso dá um pouco de trabalho. Que tal fazer isso de forma automática?

Como criar uma página no Facebook

Nesta postagem vamos mostrar como criar uma página (Fan Page) no Facebook.

As capturas de tela foram feitas com o Facebook em inglês. Em português a aparência é a mesma diferindo, é claro, apenas o idioma.

Vá para o Facebook e faça login. Clique em "Create a Page":

Como desbloquear o chaveiro padrão no Ubuntu 13.04

Se você não tem a necessidade de se preocupar tanto com a segurança de seus dados, não gosta de ficar digitando senhas a todo momento e está cansado de digitar a senha do chaveiro padrão no Ubuntu 13.04, é o momento de acabar com essa chatice.

Abra o aplicativo Senhas e chaves. Clique em Ver --> Por chaveiro. Clique com o botão direito do mouse em Login e depois em Alterar senha.

Como reativar o systray whitelist no Ubuntu 13.04

Por padrão, a área de notificação do Unity (systray) não está mais disponível no Ubuntu 13.04 (Raring Ringtail). Para reativá-la, abra o terminal digite os seguintes comandos:

Como adicionar sombras em textos com CSS

Sombras em textos produzem um efeito de relevo muito interessante e melhoram o visual da página mas, nem sempre contribuem para facilitar a leitura do texto, pelo contrário, dependendo das cores e do tipo de sombra, a leitura fica prejudicada. Veja o texto abaixo:

Texto sombreado com CSS.

Como otimizar o tamanho das imagens no Blogger

Quando adicionamos uma imagem em uma postagem do blog, na verdade, estamos adicionando uma miniatura (mais conhecida como thumbnail) da imagem original e não a imagem original propriamente dita. A imagem em seu tamanho normal só é carregada quando (ou se) o leitor clicar na miniatura. Isso torna a página mais leve durante o carregamento.

Como adicionar um botão "Curtir" no blog

Nesta postagem vamos aprender como adicionar um botão "Curtir", como este acima, no blog. Não gosto muito desta palavra. "Curtir". Estranho, não é? Mas isso é uma outra história. Na página de Plugins Sociais do Facebook estão disponíveis, além do botão curtir, outros plugins, listados abaixo mas, por enquanto, vamos nos concentrar apenas na primeira opção (Like Button):

Como personalizar a cor de seleção de texto no blog

Já pensou em combinar a cor de seleção de texto com as cores do seu blog? É muito fácil e demonstra que você e bem organizado e se preocupa até com os detalhes menos visíveis.

Como personalizar o rodapé do blog

Através do Designer de modelo do Blogger não podemos personalizar todos os elementos da página (pelo menos da forma que desejamos). Um exemplo é o rodapé. Em alguns modelos podemos personalizar a cor dos links, a cor do background e em outros nem isso. Mas podemos fazer tudo isso (e muito mais) se editar-mos diretamente o código HTML do blog. Note que neste exemplo vamos personalizar a aparência do rodapé e não o seu conteúdo.

Como adicionar um botão "Topo da página" no blog

Em páginas muito extensas um botão para voltar ao topo da página pode ser muito útil. Isto evita que o visitante/leitor tenha que arrastar a barra de rolagem ou girar excessivamente a "rodinha" do mouse. Aqui temos o código bem interessante de um botão desse tipo. Ele só aparece depois que rolamos a página um pouco para baixo e desaparece quando ela está quase no topo novamente. É possível alterar o ponto em que isso ocorre. Além disso, quando clicamos no botão, a página rola suavemente em um tempo também configurável.

Como ocultar a hora das postagens no blog

Para quem posta pouco (menos de uma vez ao dia) a hora da postagem deixa de ter sentido. Para ocultá-la é muito simples: no canto superior direito de seu blog clique em Design. A seguir clique em Layout, como mostrado na figura abaixo.

Como ocultar o título das páginas estáticas

Para ocultar o título das páginas estáticas no Blogger, cole o código abaixo no template do blog antes da tag </head>.

<b:if cond='data:blog.pageType == "static_page"'>
    <style type="text/css"> 
 h3.post-title {
    display: none;
    visibility: hidden;
}
    </style>
</b:if>

Como colocar uma imagem popup no blog

Tem coisa mais irritante do que aquela janelinha popup que se abre automaticamente logo no carregamento de uma página com a pergunta: "Gostou do nosso site? Então curta a nossa página no Facebook." Ora, como o leitor pode dar sua opinião se ainda nem começou a ler? Ainda mais com aquela janelinha atrapalhando?

Como colocar uma imagem aleatória no blog

É fácil inserir uma imagem aleatória, como esta ao lado, em uma página ou postagem do blog (recarregue a página para ver). Para isto, utilize o código abaixo:

<a href="#" title="">
<script language='JavaScript'>
pics = new Array(4)
pics[0] = "<img src='#' />"
pics[1] = "<img src='#' />"
pics[2] = "<img src='#' />"
pics[3] = "<img src='#' />"
random = Math.random() * (pics.length)
random = Math.floor(random)
document.write(pics[random])
</script>
</a>