Como encontrar CSS morto e otimizar estilos

Conheça uma técnica simples e de baixíssimo custo para identificar CSS morto e otimizar o código e performance de projetos web. Você vai se surpreender!

CSS Blocks: introdução à API

Veja neste artigo uma introdução à API de CSS Blocks e comece a entender porque este é um dos melhores compiladores CSS da atualidade.

LinkedIn anuncia CSS Blocks, o novo otimizador de CSS

Saiba mais sobre CSS Blocks, o novo projeto open source da LinkedIn de um otimizador CSS que promete contribuir muito para o desenvolvimento front-end.

rel=noopener para benefícios de performance e segurança

Saiba mais sobre rel=noopener, um simples atributo que se coloca em links externos para obter melhorias em performance e segurança.

Retrospectiva 2016

Retrospectiva com os melhores artigos de 2016 do desenvolvimento para web!

Desmistificando o CSS crítico “acima da borda”

Usar CSS crítico inline “acima da borda” é uma técnica infalível? Leia mais para saber que a melhor resposta para dilemas web continua sendo “depende”.

Accelerated Mobile Pages (AMP): 1 ano depois

O projeto da Google Accelerated Mobile Pages (AMP) foi lançado há 1 ano. Veja quais foram os impactos na web do mundo todo.

Delegação de Evento (Event Delegation) em JavaScript puro

Delegação de Eventos (Events Delegation) em JavaScript puro: mais informações e exemplos de como usar corretamente.

Retrospectiva 2015

Retrospectiva dos melhores artigos de 2015 para fechar o ano em grande estilo!

Accelerated Mobile Pages

Accelerated Mobile Pages (AMP): saiba mais sobre o projeto da Google para que suas páginas carreguem instantaneamente!

Imagens responsivas com srcset e sizes

Conheça mais sobre srcset e sizes, seus novos amigos na hora de implementar imagens responsivas

Melhore o tempo de carregamento com subconjuntos de fontes

Aprenda como usar subconjuntos de fontes para poupar preciosos KB, diminuindo o tamanho total das páginas e melhorando a performance geral!

Prevenindo “layout thrashing” com FastDom

Saiba o que é “layout thrashing”, suas consequências e como é possível evitar usando a biblioteca FastDom.

O que todo desenvolvedor front-end deve saber sobre renderização de páginas web

Saiba mais sobre renderização de páginas web (rendering tree, reflow, repaint) e como isso é importante para melhorar a performance web.

Como criar a ilusão de páginas mais rápidas

Dicas valiosas sobre como criar a ilusão de performance no seu site e garantir uma melhor experiência percebida para seus visitantes.

Namespacing em JavaScript

Aprenda mais sobre namespacing em JavaScript através de várias técnicas e exemplos e melhore a organização e qualidade de seu código JavaScript.

dpw2014 – parte 2: desempenho / performance

Segundo artigo com informações sobre o novo tema do blog, focado em desempenho/performance. Leia e conheça as tecnologias usadas.

Gulp

Conheça o Gulp, melhor automatizador de tarefas de front-end da atualidade, num artigo repleto de informações, dicas e exemplos.

Eventos JavaScript

Introdução a eventos JavaScript: saiba mais sobre eventos, event handlers, tipos de eventos, eventos JavaSript comuns e mais.

Conhecimentos essenciais de JavaScript para quem já usa jQuery

JavaScript puro e suas funções, métodos e maneiras de trabalhar estão ficando cada vez mais simples e eficientes. Veja uma série de comparações de funções e métodos em JavaScript nativo comparados com jQuery.

Imagens em web design responsivo: atributo srcset e elemento picture

A solução oficial W3C para imagens responsivas está perto de chegar! Conheça mais sobre o atributo srcset e o elemento picture para sites com web design responsivo.

Equivalentes nativos de JavaScript para funções jQuery

Conheça equivalentes nativos de JavaScript para funções jQuery e saiba como aumentar o desempenho de seus projetos web.

Media queries e download de imagens

Media queries e download de imagens: veja os resultados de uma bateria de testes feitos para testar qual o comportamento de vários navegadores.

Como loading de JavaScript funciona: DOMContentLoaded e OnLoad

Aprenda como o loading de JavaScript funciona e saiba mais sobre os eventos DOMContentLoaded e OnLoad e como posicionar e usar apropriadamente seus códigos JS.

Performance como design

Performance de sites é assunto de desenvolvedores web. Mas será que já não é hora de a discussão passar para o design e planejamento do projeto?

Webshims Lib: Polyfills de recursos de HTML5 e CSS3

Conheça a Webshims Lib e saiba como ter polyfills de recursos de HTML5 e CSS3 carregados sob demanda!

Pré-carregamento de recursos com HTML5

Saiba como pré-carregar recursos com HTML5 e melhorar a performance e experiência do usuário através de sites mais rápidos

Como melhorar a performance do site limpando HTML, CSS e imagens

Aprenda como melhorar a performance e tempo de carregamento do site limpando HTML, CSS e imagens e fazendo um bom planejamento de recursos.

Escrevendo CSS eficiente

Escrever CSS performático e de qualidade é algo que nem todos desenvolvedores front-end sabem fazer. Se você se encaixa neste grupo, leia o artigo!

Usando Modernizr para detectar features de HTML5 e CSS3

Conheça e aprenda a usar Modernizr, biblioteca JavaScript que permite detectar features de HTML5 e CSS3 do navegador e prover soluções, caso necessário.

Não use IDs como seletores CSS

À primeira vista, pode parecer estranho não usar IDs como seletores em CSS, mas, através argumentos bem embasados, entenda porque isso é verdade.

Como usar .ready() antes de incluir a jQuery

Aprenda como usar o .ready() da jQuery até mesmo antes de incluir a própria jQuery, que permite executar códigos inline que dependem da bilbioteca mesmo antes de ela ser incluída! Saiba mais!

Como otimizar códigos jQuery e aumentar a performance do front-end

Dicas simples de como otimizar códigos jQuery e aumentar a performance do front-end

5 dicas para temas WordPress melhores

Leia este artigo e conheça dicas de como desenvolver temas WordPress melhores

8 maneiras de melhorar a performance de um site

Confira dicas de como melhorar a performance e desempenho de um site através de técnicas comprovadas

Como otimizar imagens para web: guia de otimização de imagens

Aprenda como otimizar imagens para web através de técnicas especiais e melhore a qualidade de seu site

Truques de configuração do WordPress

Aprenda truques e dicas de configuração do WordPress e veja que existem diretivas no wp-config que podem aumentar a performance de seu WordPress

Pergunte-se a si mesmo: questões para desenvolver um bom site

Questões simples para planejar e executar de forma excelente o desenvolvimento de sites e projetos web

Dicas para otimizar códigos PHP

Fazer programação em PHP é fácil; fazer uma boa programação exige um pouco mais de conhecimento. Saiba de dicas rápidas e fáceis para aumentar a performance de seus códigos!