Artigos sobre Front-End e Programação web
12 de maio de 2015.
Por Kadu Oliveira
Comentários desativados em Imagens em Tela Retina com Compressive Images
Compressive images é a técnica de gerar um JPG grande, com o dobro da resolução original, porém com uma qualidade bem baixa. Incluímos essa imagem na página declarando a metade do seu tamanho. Boa solução para servir telas retina.
4 de maio de 2015.
Por Kadu Oliveira
Comentários desativados em Performance de imagens – acelerando o tempo de carregamento do seu site
Atualmente a maioria dos sites contém uma grande quantidade de imagens. Essas imagens, quase sempre, são responsáveis pela maior parte das requisições, chegando de 50% a 65% da carga total de uma página.
27 de abril de 2015.
Por Kadu Oliveira
1 Comentário
Um bom desempenho no requisito velocidade é o primeiro passo para atrair visitas e melhorar a experiência do usuário. Pessoas detestam esperar, principalmente na Internet. Os buscadores como o Google usam o fator velocidade de carregamento nos rankings de busca. …
23 de abril de 2015.
Por Kadu Oliveira
Comentários desativados em Font Local Storage, Implementando em segundos
Já pensou em poder armazenar suas fontes no navegador do usuário? LocalFont é uma ferramenta online que converte sua família de fontes no formato .woff .woff2 e .ttf para ser armazenada no navegador usando Local Storage do HTML5. A ferramenta …
16 de abril de 2015.
Por Kadu Oliveira
Comentários desativados em Paginação e SEO
Quando temos muito conteúdo em uma mesma página é comum usarmos paginação. Onde o usuário tem que clicar num link para ir para a próxima página ou voltar para página anterior. Mas agora, como o Google trata a paginação? Informar …
15 de abril de 2015.
Por Kadu Oliveira
Comentários desativados em Ativando Breadcrumbs no WordPress
Ative os Breadcrumb no WordPress e crie uma navegação mais elegante, complementando a usabilidade do seu site. Além disso, Breadcrumbs servem para os mecanismos de busca entenderem melhor a estrutura do site, já que eles aparecem nos resultados de busca …
14 de abril de 2015.
Por Kadu Oliveira
Comentários desativados em Centralizar na vertical com três linhas de CSS
Aprenda como alinhar qualquer elemento HTML na vertical com apenas três linhas de CSS. A técnica consiste em usar a propriedade CSS transform, que normalmente é usada para girar elementos. Além dela utilizamos também a função translateY. Dessa forma centralizamos …
7 de abril de 2015.
Por Kadu Oliveira
Comentários desativados em Forçar estado de elementos no navegador
Você já tentou inspecionar um elemento no seu estado hover? Se alguma vez você fez isso deve ter passado um certo apuro, já que quando você move o mouse para o Dev Tools, o elemento perde o estado de hover …
5 de abril de 2015.
Por Kadu Oliveira
Comentários desativados em Convertendo um layout fixo para fluído
Se todos usuários acessassem nossos sites com navegadores cujas janelas fossem todas do mesmo tamanho seria um mundo praticamente perfeito e o desenvolvedor poderia ter um controle perfeito do seu layout. Mas sabemos que nossa realidade é bem diferente, Tempos …
31 de março de 2015.
Por Kadu Oliveira
Comentários desativados em Dica para indexar páginas em minutos no Google
Após publicar um post no seu blog ou criar uma página nova no seu site você pode aguardar que essa página seja indexada. Em algum momento o Google vai indexar essa URL, porém temos menos controle de quando isso vai …