Blog (Portuguese)

Usando white-space: nowrap para fallbacks incríveis

Pouco conhecida, essa técnica pode economizar muitas linhas de código e até mesmo melhorar a acessibilidade do seu projeto.

O fodástico :not()

Quando se trata de evitar resetar propriedades, o :not() é o cara.

Dark Theme no DevTools

Que tal deixar o seu DevTools com o tema escuro?

Porquê usar classes para estilizar elementos

É um assunto polêmico, eu sei. Muitas pessoas discordam. Mas vou defender meu ponto de vista que é totalmente favorável ao uso de classes.

Sobre WAI-ARIA, acessibilidade e semântica

WAI-ARIA já é um assunto bem antigo. Porém, observo que muitas pessoas desconhecem sua existência ou não sabem como utilizar nos projetos.

Do Zero a Herói Front-End (Parte II)

Tradução: Um guia completo para aprender desenvolvimento Front-End.

Do Zero a Herói Front-End (Parte I)

Tradução: Um guia completo para aprender desenvolvimento Front-End.

Apresento o Rucksack

Nesse artigo vou mostrar para vocês o Rucksack, um pacote de features desenvolvido em PostCSS que pode ser de grande ajuda no seu workflow.

Uma reflexão sobre salários, valor hora e qualidade de vida

Esses dias estava observando os carros presos no transito e as pessoas na correria maluca do dia-a-dia quando fiz uma reflexão sobre qualidade de vida, salários, valor hora, a vida, o universo e tudo mais.

Otimizando e Organizando as Media Queries

Quando o assunto é Mobile First, Media Queries e otimização de código eu tenho uma regra: Evitar ao máximo resetar propriedades.

Aproximando seus estudos de cenários reais

Sobre aquela velha questão de Teoria x Prática e como solucionar isso.

Sobre trabalhar remoto

Depois de 6 meses, sim, 6 meses, resolvi sair da inércia e voltar a escrever.

Meu dia a dia como desenvolvedor Front-End

Enfim o primeiro post de 2015. Vou contar um pouco sobre meu dia a dia como desenvolvedor Front-End, equipamentos, aplicativos, workflow...

Falando em organização CSS...

Fácil de aprender, difícil de dominar. Não é porque tá funcionando que tá bom - Raphael Fabeni sobre CSS

Falando em organização... - Parte I

O Universo, é um lugar desconcertantemente grande, um fato que, para continuar levando uma vida tranquila, a maioria das pessoas tende a ignorar.

Estamos realmente interessados em formar bons profissionais?

Esse texto não é técnico e também não é direcionado apenas para Desenvolvedores Front-End, é um desabafo de quem também teve dificuldades para iniciar a carreira.

Sobre Data Atributes e JavaScript

Nos últimos projetos comecei a testar o uso do [data-*] do HTML5 como seletor no JavaScript. Agora vou listar algumas coisas que observei com essa prática.

E 5 anos atrás eu me tornava o menino do HTML...

Parece que foi ontem, mas faz 5 anos que oficialmente escrevi a primeira linha de código e dava meus primeiros passos em uma profissão que se quer existia.. ou existia?

Não use Placeholder no lugar da Label

O placeholder ajuda muito com informações complementares do campo de formulário, mas não deveria ser utilizado para substituir o label

É possível utilizar componentes desenvolvidos apenas com CSS?

Após o lançamento do CSS Components, escrevo as minhas impressões sobre o quanto é possível utilizar componentes desenvolvidos apenas com CSS.

CSS Modular com Mobile First

Mobile First vai muito além de código, é um pensamento que precisa existir desde o inicio do projeto. Mas nesse artigo vou abordar apenas codificação para tentar deixar o workflow mais agradável.

Utilizando o Bootstrap de forma consistente

Parte do sucesso do Bootstrap está ligado a facilidade de uso, responsividade e soluções interessantes prontas para usar. Mas será que podemos aperfeiçoar essa utilização?

Retrospectiva 2013

Último dia de trabalho no ano, e é o momento ideal para analisar o que foi feito, reforçar as bases e se preparar para ter um 2014 ainda mais produtivo.

Usando height com CSS Transitions

Hoje me deparei com um problema que alguns de vocês já devem ter passado, e coloco aqui a resolução: A limitação do uso de `height: auto` em CSS Transitions.

Tutorial - Tabela Responsiva

Em layouts responsivos, um dos componentes que sempre me incomodava eram as tabelas. Acredito que isso também ocorra com outros desenvolvedores.

Tutorial - Botão de Progresso

Nesse artigo, vou mostrar mais um tutorial simples... o desenvolvimento de um botão de progresso, que pode fornecer um feedback importante para o usuário.

Um conto sobre componentização e quebra de paradigmas

Melhorar processos é parte essencial do nosso trabalho, mas em algum momento percebemos que só melhorar pode não ser o suficiente, as vezes é preciso quebrar paradigmas.

Sobre organização de componentes com pré-processadores

No último artigo dei uma passada pelo Grunt e mostrei como ele pode ajudar a otimizar suas tarefas. Se você usa pré-processadores a organização dos componentes é essencial..

Grunt - Você deveria estar usando

Dessa vez vou explicar as tarefas que atualmente estou utilizando para automatizar meu trabalho.

Primeiros passos com o Docpad

No último post dei uma breve explicação sobre geradores estáticos. Algumas pessoas me pediram para fazer um tutorial básico do Docpad.

Geradores estáticos - Breve explicação

Quando escutamos falar pela primeira vez em geradores estáticos, normalmente não compreendemos qual vantagem eles poderiam ter em relação a sistemas de CMS como o Wordpress

O que um bom desenvolvedor Front-End precisa saber?

Não tive formação como programador, sempre fui focado no HTML e CSS, apesar de claro, saber fazer integração e trabalhar no ambiente Back-End, além de me virar com JQuery.