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!

A maneira 100% correta de fazer breakpoints em CSS

Depois de anos usando breakpoints, será que a maioria dos desenvolvedores front-end realmente já pararam para pensar se estão fazendo do jeito certo?

Responsive Components: uma solução para container queries

Conheça Responsive Components, uma solução para componentes responsivos que resolve o problema de Container Queries e pode ser usada imediatamente!

Os melhores bancos de imagens (stock images) grátis

Lista com os melhores bancos de imagens grátis (free stock images) em uma compilação sensacional para usar imagens em qualquer projeto web.

Retrospectiva 2017

Retrospectiva com os melhores artigos de 2017 do seu, do meu, do nosso desenvolvimento para web!

Mitos de interface mobile – Mito 3: simplicidade é bom, complexidade é ruim

Terceira parte da série sobre mitos de interface mobile, abordando o mito: simplicidade é bom, complexidade é ruim.

Mitos de interface mobile – Mito 2: sites móveis requerem menos features

Segunda parte da série sobre mitos de interface mobile, abordando o mito: sites móveis requerem menos features.

Mitos de interface mobile – Mito 1: usuários móveis estão sempre com pressa

Primeira parte da série sobre mitos de interface mobile, abordando o mito: usuários móveis estão sempre com pressa.

16 dicas de Sass para facilitar sua vida (parte 1)

Conheça dicas Sass que podem mudar sua maneira de usar o melhor pré-processador CSS da atualidade

Curso “CSS: um passo adiante”

Eleve seu CSS ao próximo nível com CSSOO, SMACSS, BEM, Pré-processadores CSS, Namespaces CSS e Task Runners!

Você não precisa de um framework CSS Grid

Com o advento de CSS Grid Layout, não demorou muito para surgirem frameworks de Grid. Mas há considerações importantes a serem feitas.

O novo esqueumorfismo está no assistente de voz

O novo esqueumorfismo está no assistente de voz. Leia e saiba mais sobre como esqueumorfismo, assistentes de voz e biomimética estão correlacionados.

Acabem com Google AMP antes que ele acabe com a web

Google AMP: a revolução tecnológica da Google; a quebra de barreiras de performance na web; o ideal de uma internet melhor… Será mesmo?

Desenvolvimento Orientado a Modinha (DOM)

Você é adepto do Desenvolvimento Orientado a Modinha? Saiba como escapar dos hypes tecnológicos e se preservar através de importantes análises e dicas.

Ser um generalista não é uma coisa ruim

Já pensou em ser um profissional de web “generalista” ao invés de especialista? Leia este artigo e conheça os prós e contras dessa abordagem na carreira.

Desenvolvedores devem participar do processo de Design

O envolvimento do desenvolvedor no processo de design parece ser algo pouco abordado. Veja neste artigo boas considerações sobre o tema.

Redução Progressiva e Decaimento de Experiência

Redução Progressiva e Decaimento de Experiência: saiba mais sobre estas novas técnicas de UX para personalizar a UI de aplicações web.

Melhores práticas para uma API RESTful pragmática (parte 2)

Na parte final da série sobre melhores práticas para o planejamento e criação de APIs RESTful, confira mais dicas para montar APIs profissionais.

Ícones precisam de labels?

Afinal, ícones precisam de labels ou não? Veja neste artigo uma análise consciente sobre a questão e o que é possível concluir.

A Zona do Polegar: projetando interfaces para polegares

Conheça a Zona do Polegar e como ela ajuda a projetar interfaces para dispositivos móveis mais eficientes e profissionais.

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”.

Checklist de UX para desenvolvedores

Para facilitar desenvolvedores web a formar um melhor pensamento sobre UX em seus projetos, confira esta checklist de UX para desenvolvedores.

Unidades de viewport: controle de tipografia em web design responsivo

Saiba como ter controle absoluto de tipografia em web design responsivo através de unidades de viewport.

UX em validação de formulários com HTML e CSS

Conheça técnicas simples de HTML e CSS que podem incrementar (e muito!) a UX em validação de formulários.

Melhores práticas para uma API RESTful pragmática (parte 1)

Conheça algumas das melhores práticas para o planejamento e criação de APIs RESTful para o mundo real.

Conteúdo Modular e Adaptável

Conheças os 5 elementos do Conteúdo Modular e Adaptável e como essa metodologia de estruturação de conteúdos pode trazer benefícios.

Imagens responsivas com srcset e sizes

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

Device-Agnostic ou Web Design Responsivo Independente de Dispositivo

Conheça a abordagem de web design responsivo Device-Agnostic e saiba mais sobre suas características e limitações.

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!

JavaScript Module Pattern (Padrão de Módulo)

Conheça JavaScript Module Pattern (Padrão de Módulo) e aprenda casos de uso e técnicas básicas e avançadas que permitirão a evolução de seu código!

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.

Pré-processadores CSS e Chrome DevTools

Aprenda como usar o potencial máximo da DevTools ao trabalhar com pré-processadores CSS.

WordPress + Composer: aprimore seu workflow

Simplifique os processos e mantenha as dependências do projeto WordPress utilizando o Composer aprimorando seu workflow.

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.

Genymotion: emulador de Android

Genymotion é um emulador Android simples e fácil de usar. Veja como o Genymotion emula dispositivos Android para testes de maneira simples e rápida!

JavaScript IIFE como contêiner de códigos

Entenda sobre IIFE (Expressão de Função Imediatamente Invocada ou Immediately-Invoked Function Expression) em JavaScript e porque você deve usar já!

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 Fiction

Gulp Fiction é uma interface visual para se trabalhar com Gulp. Assista ao screencast e saiba como o Gulp Fiction pode ajudar em seus projetos web!

Gulp

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

Tipografia responsiva: melhores artigos e tutoriais

Veja uma compilação dos melhores artigos e tutoriais sobre tipografia responsiva e saiba mais sobre como a responsividade tipográfica pode ser útil em seus projetos web

UIkit: framework front-end modular responsivo

UIkit é um framework responsivo modular de front-end projetado para ser leve e simples de se usar. Veja mais informações e conheça seus componentes.

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.

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.

5 armadilhas de web design responsivo a evitar

Conheça 5 armadilhas de web design responsivo que você deve evitar e veja mais dicas sobre responsividade na web para desenvolver projetos responsivos melhores.

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.

Bower: gerenciador de pacotes front-end

Conheça mais sobre o Bower, gerenciador de pacotes para front-end para um melhor gerenciamento dos recursos de front-end necessários para projetos web

Relação cliente e profissional web no mundo real

Você, que está iniciando sua carreira de desenvolvedor web, saiba que é preciso muito mais do que saber criar web sites para ter sucesso! Neste artigo, veja algumas sérias considerações a este respeito.

Grunt: build tool para projetos front-end

Conheça o Grunt, um dos melhores executadores de tarefas (task runner), e veja exemplos de uso para que o processo de automatização de tarefas no front-end em seus projetos seja uma realidade!

HTTP 503: a maneira correta para SEO

Considerações a respeito do status code HTTP 503: o que significa, suas implicações de uso e como usar o HTTP 503 em períodos de manutenção de um site.

As novas regras da web responsiva

Conheça as novas regras da web responsiva e saiba que é preciso acompanhar as mudanças para desenvolver uma web melhor.

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?

Checklist para profissionais de UX manterem a sanidade em projetos complexos

Saiba como conduzir projetos complexos de UX e mudar seus deliverables para usar checklists pode ajudar a manter sua sanidade!

Começando com Git

Começando com Git: vídeo de 3h para você aprender mais sobre o Git, o sistema de controle de versão responsável pelo termo Codificação Social (Social Coding).

O Mercado de Trabalho para os desenvolvedores web

“O Mercado de Trabalho para os desenvolvedores web” foi um bate-papo que deu ensejo à discussão de vários assuntos relacionados ao mercado para webdevs. Assista!

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!

O que SEO pode aprender com UX?

Pontos interessantíssimos sobre UX, SEO, a relação entre ambos e o que pode acontecer a estas carreiras a partir de agora.

Evitando erros comuns de HTML5

Com o advento da HTML5, muitos erros comuns estão ocorrendo devido a equívocos dos desenvolvedores. Leia este artigo e saiba como evitar erros comuns de HTML5.

Microdata API e Schema.org: dando significado ao HTML

Microdata API e Schema.org são a combinação ideal para adicionar mais significado às informações de seu site. Saiba como utilizar essas novas tecnologias!

Desenvolvedores front end e o mercado

Assista à conferência “Desenvolvedores de Front-end e Mercado” e saiba como anda o mercado de frontend e quais as expectativas futuras e como contribuir para a mudança para melhor!

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.

Elementos de design aplicados à web

Conheça os princípios de design que vão mostrar como projetos web designs mais eficientes e funcionais.

Cores na web: guia completo

Guia completo sobre cores na web: indicações de sites, ferramentas, artigos e mais

Erros comuns em desenvolvimento web para campanhas de SEO

Conheça erros comuns em desenvolvimento web para campanhas de SEO e saiba como evitá-los

URLs amigáveis (slug) à WordPress

Apenda a gerar URLs amigáveis como é feito no WordPress e implemente em seu sistema PHP

Estratégia Web de Pirâmide: guia para uma estratégia de web equilibrada

Aprenda uma estratégia de web equilibrada que contempla conteúdo, usabilidade, seo, mídia social e PPC

Ferramentas para criação de wireframes

Conheça ferramentas para criação de wireframes e mockups, gratuitas e pagas, que irão ajudar na prototipação de conceitos para web sites e sistemas virtuais

4 elementos de design para um bom call to action

Aprenda os 4 elementos para fazer call to actions mais eficientes, que agradam mais seus visitantes aumentam as taxas de conversão de suas páginas

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

8 características de User Interfaces (UI) de sucesso

Uma boa user interface garante uma boa usabilidade em seu software ou web site. Conheça 8 características de User Interfaces (UI) de sucesso!

Meta tags

Um guia sobre meta tags, mostrando as principais meta tags, sua função e exemplos de uso para que você saiba qual meta tag utilizar em cada situação, sumo a um trabalho de SEO mais elaborado e profissinoal

CSS float: considerações, dicas e macetes para bons layouts na web

Aprenda sobre CSS float e veja dicas e macetes para fazer bons layouts para a web usando tableless

Gestalt aplicado ao design web (parte 6): princípio da experiência passada

Sexto e último artigo da série sobre Gestalt aplicado ao design web, sobre o princípio da experiência passada

Gestalt aplicado ao design web (parte 5): exemplos web do princípio do alinhamento

Quinto artigo da série sobre Gestalt aplicado ao design para web

Gestalt aplicado ao design web (parte 4): princípio da boa continuidade ou princípio do alinhamento

Quarto artigo da série sobre a Gestalt

As melhores práticas de SEO para seu site ou blog melhorar o posicionamento nos mecanismos de busca

Pratique e tenha um bom posicionamento

Gestalt aplicado ao design web (parte 3): exemplos web do princípio da proximidade

Terceiro artigo da série sobre Gestalt aplicado ao design web

Gestalt aplicado ao design web (parte 2): princípio da proximidade

Segundo artigo da série sobre Gestalt aplicado ao design web: sobre o princípio da proximidade

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade

Primeiro artigo da série sobre Gestalt aplicado ao design web