Como fazer code review de CSS
Já pensou em fazer code review de CSS e que este é um passo importante para garantir a qualidade do seu código? Veja como fazer code review de CSS.
10 dicas para manter a Especificidade CSS baixa
Manter a Especificidade CSS baixa em todos os seletores é uma meta válida. Conheça 10 dicas para manter a Especificidade CSS baixa.
Tira-dúvidas sobre BEM
BEM pode trazer muitas vantagens e benefícios ao front end de qualquer projeto Web. Tira-dúvidas sobre BEM, a metodologia CSS mais popular do mundo!
CUBE CSS: uma nova metodologia CSS
CUBE CSS é uma nova metodologia CSS, chegando ao cenário frontend com bases sólidas e robustez. Saiba mais sobre CUBE CSS.
BEM: guia definitivo do padrão CSS mais famoso
Saiba tudo sobre BEM, metodologia CSS / convenção de nomenclatura para deixar seu código front end no padrão internacional.
6 vantagens em usar BEM ao escrever CSS
BEM é uma convenção de nomenclatura de CSS bastante usada no front end. Conheça 6 vantagens de usar BEM ao escrever CSS.
Source Maps em produção?
Source Maps são muito bem vindos em ambientes de desenvolvimento para pré-processadores CSS. Mas você já tinha pensando em source maps em produção?
Como detectar touch com CSS puro
Como identificar touch com CSS puro é uma questão antiga no mundo webdev. Leia este artigo e saiba mais sobre como Interaction Media Features podem ajudar.
Tipografia: um processo para escolher fontes
Escolher fontes é processo complexo, que exige experiência (e uma pitada de talento). Para ajudar, conheça este guia com um processo para escolher fontes.
Planejamento com imagens responsivas
Aprenda a fazer um planejamento com imagens responsivas através de técnicas como CSS Grid, direção de arte e resolution switching.
Animações web: garantindo a consistência entre design e código
Quando o assunto são animações web, é preciso garantir a consistência entre design e código. Veja como ter certeza de que o design será bem codificado.
Local Maximum
Você sabe o que é “Local Maximum”? Leia o artigo e saiba se está na hora de fazer uma mudança completa em seu projeto a partir do Local Maximum.
10 dicas para menus responsivos
Lidar com menus responsivos pode ser uma tarefa árdua. Neste artigo, conheça 10 dicas para menus responsivos para fazer da experiência mobile algo melhor.
Introdução à gamificação (parte 3): exemplos do mundo real
Na última parte da série sobre Introdução à gamificação, conheça exemplos do mundo real de produtos de sucesso que souberam gamificar suas aplicações para obter excelentes resultados!
Introdução à gamificação (parte 2): vantagens da gamificação
Segunda parte do artigo “Introdução à gamificação”, apresentando as principais vantagens em gamificar uma aplicação.
Introdução à gamificação (parte 1): princípios da gamificação
Primeira parte do artigo “Introdução à gamificação”, apresentando o que é gamificação e 5 componentes essenciais para gamificar uma aplicação.
Retrospectiva 2018
Retrospectiva com os melhores artigos de 2018 do seu, do meu, do nosso desenvolvimento para web! ;-)
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 imagem grátis (stock images)
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.
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
Utilize Composer com WordPress para aprimorar seu workflow e manter as dependências do projeto de uma maneira mais profissional.
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).
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 princípios de web design que contribuem para projetos Web 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
Saiba como otimizar imagens para Web através de nosso guia de otimização de imagens. Os benefícios de imagens otimizadas são muitos!
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
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