Arquivo para 'Web Design'
Qual é a velocidade de carregamento do seu site?
Postado em 21. mai, 2013 por Luiz Corte Real.
O desempenho de um site web é muito importante para manter suas visitas. Um site com desempenho ruim pode afastar seus clientes e diminuir suas vendas, como mostram diversos estudos realizados e coletados neste post do Sérgio Lopes, aqui da Caelum. Para otimizar o desempenho de um site, é essencial saber por onde começar. Para more »
Continue Lendo
Internet Explorer, testes cross browsers e a política de compatibilidade
Postado em 18. fev, 2013 por Sérgio Lopes.
Quais versões de que browsers você deve suportar no seu website? Qual política deve ser adotada pela sua empresa? Decisões difíceis, dado que tempo e verba são escassos. Muitos desistiam de suportar versões antigas do Internet Explorer, cortando uma fatia significativa de possíveis consumidores. O fantasma do Internet Explorer assombrou a Web durante muito tempo. more »
Continue Lendo
Seu código CSS pode ser mais limpo, flexível e reaproveitável
Postado em 16. jan, 2013 por Sérgio Lopes.
Bons programadores aprendem boas práticas de código desde criancinhas. Encapsulamento, bons nomes de variáveis e métodos, orientação a objetos e outros conceitos clássicos estão na ponta da língua. Apesar disso, vejo muito programador bom fazendo código front-end ruim. Minha opinião? Fazer um bom código front-end é mais difícil do que parece. Escrever um bom JavaScript more »
Continue Lendo
Aplicando o progressive enhancement
Postado em 31. out, 2012 por Flávio Almeida.
Sempre desejou utilizar recursos modernos do HTML5 e do CSS3, mas era impedido por ter que suportar navegadores mais antigos? Seu site para de funcionar com JavaScript desabilitado? Neste post, mostrarei maneiras de aplicar o conceito de progressive enhancement atacando a tríade estrutura, estilo e comportamento para ajudá-lo na difícil tarefa de agradar gregos e more »
Continue Lendo
WebSockets HTML5 em Java com Jetty: Web em tempo real
Postado em 23. ago, 2012 por Sérgio Lopes.
Navegadores são bons em fazer requisições para o servidor. Mas e o contrário? Fazer o servidor enviar dados pro navegador em momentos arbitrários sempre foi um trabalho. Ajax reverso, comet, long polling são algumas das gambiarrastécnicas usadas. Mas o HTML5 trouxe uma grande novidade: a API de WebSockets. WebSockets permitem abrir uma conexão com o more »
Continue Lendo
Não use jQuery no seu site mobile: conheça o Zepto.JS
Postado em 31. jul, 2012 por Sérgio Lopes.
Já foi dito que boa performance é a melhor funcionalidade que seu site mobile pode oferecer. Ajustar a interface com viewport e media queries é interessante, mas nada adiante se a página for pesada e tornar-se inutilizável. Falamos de otimizações web aqui no blog há bastante tempo. Mas em mobile a figura é outra: dispositivos more »
Continue Lendo
Logging, debugging e profiling de JavaScript com o Firebug
Postado em 17. jul, 2012 por Gabriel Oliveira.
O Firebug — extensão para o Firefox também disponível em versão “Lite” para outros navegadores — é uma das ferramentas essenciais para todo programador Web, principalmente para quem tem o trabalho focado no HTML e CSS. Além disso, o console do Firebug fornece um ambiente amigável para inspecionarmos nosso código JavaScript. Aqui na Caelum, usamos more »
Continue Lendo
CSS fácil, flexível e dinâmico com LESS
Postado em 21. jun, 2012 por Sérgio Lopes.
CSS é o padrão para estilização visual de páginas Web, então não temos muito como fugir dele. Mas ele é cheio de limitações e isso empaca o desenvolvimento. Conheça o LESS e seja mais produtivo no desenvolvimento Web. O LESS é uma linguagem baseada em CSS (mesma ideia, sintaxe familiar) que gera CSS no final. more »
Continue Lendo
Boas práticas com JavaScript e jQuery: código não-obstrusivo
Postado em 04. jun, 2012 por Gabriel Oliveira.
Já há bastante tempo, por conta do amadurecimento da Web como plataforma de aplicações, a programação front-end de aplicações para Web vem adotando alguns padrões e boas práticas. Os benefícios disso são claros, principalmente quando consideramos o fato de que até as mais simples páginas Web não são tão triviais: são compostas de camadas distintas more »
Continue Lendo
Conhecendo o operator new e os protótipos no JavaScript
Postado em 17. mai, 2012 por Ricardo Valeriano.
Como funciona exatamente o new no JavaScript? Podemos utilizá-lo na frente de uma invocação de uma função. Curiosamente, de qualquer função. Quando usado, o new cria um novo objeto e o atribui a palavra chave this de dentro do escopo da função invocada. Podemos então adicionar atributos a esse objeto: Apesar de não existir nenhuma more »
Continue Lendo
As múltiplas personalidades do this em JavaScript
Postado em 07. mai, 2012 por Ricardo Valeriano.
Se você já escreveu algum código JavaScript, não deve mais achar estranho quando alguém atribui uma função a uma variável. Mas o que exatamente acontece quando você faz isso? Em JavaScript, as funções podem ser passadas como parâmetros para outras funções, retornadas como valor e, como já dito, referenciadas por variáveis. A linguagem trata as more »
Continue Lendo
2012 é o ano do mercado mobile no Brasil
Postado em 17. abr, 2012 por Sérgio Lopes.
O mercado mobile está explodindo em todo o mundo, e no Brasil não é diferente. Saiba porque e como aproveitar as oportunidades. É verdade que o Brasil já ultrapassou a marca de mais celulares que gente há algum tempo. Ainda em 2010, batemos a marca de 200 milhões de linhas. Desde então, o volume de more »
Continue Lendo
Flexibilidade em páginas para dispositivos móveis com media queries
Postado em 03. abr, 2012 por Sérgio Lopes.
Já fez seu site mobile? Explore o mercado que mais cresce no Brasil e no mundo com as melhores práticas de Web mobile. No artigo sobre viewport, aqui do Blog, vimos como criar uma página com tamanho adequado aos diversos dispositivos que temos que lidar hoje em dia. Se colocarmos um viewport com width=320, por more »
Continue Lendo
Pixels, pixels ou pixels? Dicas de Web Mobile com viewport
Postado em 27. fev, 2012 por Sérgio Lopes.
Foi-se o tempo em que pixel significava apenas o menor ponto na tela. Bastava dizer que uma imagem tinha 200px, e então ela ocuparia 200 pontos, ou seja, 25% de uma tela de tamanho padrão 800×600. Mas o mundo mobile mudou completamente o jogo e, hoje, o conceito de pixel pode significar várias coisas. (Atualização: more »
Continue Lendo
Por uma Web mais rápida: 26 técnicas de otimização de Sites
Postado em 12. set, 2011 por Sérgio Lopes.
Já escrevi sobre Otimizações Web aqui no blog, além de já ter palestrado algumas vezes sobre o tema. Mas acabo de apresentar um Keynote no QCon SP 2011 com o título Por uma Web mais rápida: técnicas de otimização de Sites. Apesar de entrar em diversos assuntos, uma curta palestra nunca é suficiente para aprofundar more »
ASSINE NOSSO RSS