Categoria: Web Design
-
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.
-
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.
-
Técnicas e ferramentas para melhorar a performance de sites
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. Entregar um site lento e pesado para seus usuários é um dos Crimes de usabilidade…
-
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 gera o código CSS e o JS necessário para fazer o armazenamento da fonte (localStorage).…
-
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 atrás até dava para o desenvolvedor “enganar” e criar sites com um tamanho padrão como…
-
Conceitos básicos sobre design responsivo em GIFs
O site Froont publicou um artigo esclarecendo alguns princípios básicos sobre web design responsivo. Muito interessante foi a maneira da explicação, tudo feito através de GIFs animados. Nos GIFs é possível compreender conceitos básicos que até mesmo uma pessoa leiga no assunto seria capaz de entender. Criei uma versão semelhante aqui para o blog, porém…
-
Documentações, sites e guias para Front-Ends
Todos os dias me deparo com tantos sites, ferramentas online e documentos em minhas pesquisas no trabalho que resolvi fornecer uma lista de sites que todos que trabalham direta ou indiretamente com Front-End deveriam conhecer. Eu garanto que você vai encontrar alguns links do seu interesse que vão parar em seus favoritos. 1. Cheetyr Uma…
-
Introdução ao Foundation Framework
Zurb Foundation é um framework Front End para o desenvolvimento responsivo de forma rápida priorizando o valor semântico dos elementos, mantendo uma estrutura HTML limpa e de carregamento rápido. Utiliza o conceito mobile first e melhoria progressiva (Progressive Enhancement) para criação de design responsivo. Você pode fazer o download apenas de partes do framework que…
-
Front In POA: Anotações das Palestras
Aconteceu no dia 08 de novembro mais um evento Front In POA. O Evento contou com participantes renomados na área e conhecidos em eventos de Front-End aqui no Brasil. A organização mandou muito bem ao escolher os assuntos das palestras, ficaram bem variadas, porém nunca fugindo do foco principal do evento que era o desenvolvimento…
-
23 Exemplos de Sites com Design Responsivo
Design Responsivo é uma ótima abordagem para a experiência do usuário em todos os dispositivos. Projetar seu site de forma que se adapte em todos dispositivos e ainda com um design poderoso, interativo e bonito é o que vai deixar seu projeto marcante para quem visita seu site. Veja uma lista de 25 sites responsivos…