misc 21 de julho de 2017 Meu processo para a Toptal Algumas coisas que aconteceram até eu entrar na Toptal e algumas das dúvidas comuns. remoto toptal
js 7 de julho de 2017 Criando componentes usando só ES6 Muita gente usa React, outros usam Vue e outros Angular. Por que não só ES6? js es6
dev 27 de junho de 2017 65 dicas para ser um programador melhor Algumas dicas que podem ajudar muito a sua maneira de programar e pensar. dev dicas
dev 21 de junho de 2017 Minha trajetoria até me tornar Desenvolvedor Uma pequena entrevista onde falo sobre meus primeiros trabalhos, desafios e meu futuro. dev remoto
svg 15 de junho de 2017 Criando um loader animado em SVG Aprenda a criar um loader com uma animação única em SVG com apenas poucas linhas. svg animacao tutorial
dev 24 de janeiro de 2017 Comandos úteis do Chrome DevTools Aumente sua produtividade em poucos minutos aprendendo esses comandos. frontend tip devtools
misc 8 de janeiro de 2017 Vindo morar e estudar na Irlanda Algumas coisas que eu passei e você precisa saber se deseja vir morar e/ou estudar aqui também. trip ireland exchange
misc 29 de dezembro de 2016 Será que sou bom o suficiente? Essa é uma pergunta bastante comum de nós desenvolvedores, e por que será isso? sindromedoimpostor life
misc 22 de dezembro de 2016 Meu ano de 2016 Um ano super cheio, com vários eventos, projetos, mudanças e muito mais. dev review
js 10 de setembro de 2016 Curso JS com TDD na Prática e Novidades Aprenda uma das melhores culturas de desenvolvimento e tenha portas abertas no mercado. js tdd
dev 3 de setembro de 2016 Como se manter atualizado no Frontend O mundo do Frontend muda muito o tempo todo e fica difícil de acompanhar toda essa mudança, aqui vão umas dicas para ajudar bastante nisso. frontend tip eventos
misc 29 de agosto de 2016 Achievement concluído - BrazilJS Tudo que me aconteceu antes, durante e depois desse que foi meu maior evento de desenvolvimento. dev eventos braziljs
js 14 de agosto de 2016 Vídeo: Iniciando um app React em 3 minutos Iniciar um projeto React não precisa e nem deve ser muito trabalhoso. Vamos aprender como mudar isso =D react js video tutorial
js 30 de julho de 2016 Refatorando componentes React de ES5 para ES6 Aproveite a nova sintaxe e entenda a diferença entre os códigos. react js tutorial
js 16 de julho de 2016 Porque eu evito funções anônimas É muito comum usar funções anônimas o tempo todo, mas porque isso não é tão bom? js tip
dev 10 de julho de 2016 Trabalhando com Git Hooks de forma fácil Garanta a qualidade e evite que código sujo ou não testado suba para o repositório remoto. git tutorial
js 19 de junho de 2016 Configurando o Webpack para rodar React e ES6 Aprenda como utilizar esse module bundler para facilitar sua vida nos projetos com ES6 e React. react es6 tutorial
css 13 de junho de 2016 Video em Background com Object-fit Como criar os famosos heros com vídeos full em background usando o object-fit. css frontend
dev 11 de junho de 2016 HTTPS no Github Pages com Custom Domain Aprenda a colocar a sua página do Github Pages com Custom Domain e HTTPS github pages tutorial https
js 3 de junho de 2016 Utilizando SVG Sprites com React Aprenda a utilizar os famosos ícones SVG dentro do React de forma bem fácil. react js tutorial
css 1 de junho de 2016 Como criar footer fixo Aprenda a criar um footer fixo e evite aqueles saltos feios quando se tem pouco conteúdo na tela. css frontend
misc 19 de maio de 2016 Mudando sua vida através de projetos paralelos Fica aqui um relato de alguém que mudou sua vida e quer mudar ainda mais. dev life
css 8 de maio de 2016 Exemplos de sites com Parallax Se inspire com alguns sites feitos usando a técnica do parallax. css frontend parallax
svg 21 de abril de 2016 Pre-venda: Curso de SVG Se adiante e adquira um dos cursos mais completos de SVG totalmente em português. svg css tutorial
css 16 de abril de 2016 Criando efeito parallax no header Aprenda a fazer esse efeito simples que pode deixar seu site ainda mais bonito. css frontend parallax
misc 3 de abril de 2016 Novo curso de Git e Github para iniciantes Aprenda como funciona o git e o github em vídeos curtos e práticos. dev cursos git github
dev 27 de março de 2016 Novo projeto Awesome Audio Viz Quem já acessou esse blog uma vez na vida já viu como eu amo música, por que não um projeto usando música? dev audio creative
misc 26 de março de 2016 O que ninguém diz para os iniciantes Análise de uma famosa entrevista com Ira Glass sobre iniciantes e o processo criativo. dev creative
dev 21 de março de 2016 Meus plugins favoritos do Sublime Text Confesso que o Sublime é meu amorzinho, nele eu consigo ser produtivo e fazer muitas coisas. Veja o que eu uso no meu workflow. workflow dev
misc 19 de março de 2016 Um novo projeto, um novo desafio Já que eu escrevo, por que não fazer vídeos também? Hoje começa mais um desafio pessoal meu, criar cursos sobre desenvolvimento web em geral. frontend dev cursos jekyll
css 9 de fevereiro de 2016 Organizando seu CSS com ITCSS Organizar CSS em larga escala é difícil, mas não precisa ser tão assim. Aprenda uma arquitetura para te auxiliar nisso. css metodologia frontend
css 7 de fevereiro de 2016 Falando sobre RSCSS Escrevendo CSS sem perder a sanidade. Com essa introdução, Rico St. Cruz o criador chama a atenção de todos sobre uma metodologia melhor para se escrever CSS. css metodologia frontend
svg 6 de fevereiro de 2016 #16 - Criando e Exportando SVG para Web Aprenda como otimizar seu SVG para ter a melhor entrega para web. Se você é designer ajude seu amigo dev. svg css tutorial
misc 1 de janeiro de 2016 Ano novo, blog novo Nada melhor que começar o ano com novidades né? Para isso, preparei um novo visual para blog, espero que gostem e todo feedback é bem vindo! frontend dev theme jekyll
misc 29 de dezembro de 2015 Meu ano de 2015 Foi um ano ruim? Definitivamente NÃO, pelo menos para mim. Aqui vou falar sobre algumas das experiências e coisas que aprendi no ano. dev review
dev 12 de dezembro de 2015 Entendendo Testes de Software Para que servem os testes? O que eu ganho com eles? Que tipos de testes existem? O que fazer e o que não fazer. Algumas dúvidas importantes para começarmos a brincar nesse mundo dos testes e TDD. tdd dev
css 6 de dezembro de 2015 Criando um switch button com CSS Aprenda a criar os famosos botões deslizantes de on/off usados no iOS, Android e WebApps. E deixe a usabilidade do seu sistema melhor. css tutorial
js 4 de dezembro de 2015 Analisando seu código JS com um linter Valide seu código em JS/ES6 em busca de erros, warnings, códigos esquecidos e melhore a sua qualidade. Seu amiguinho agradece um código mais limpo. js linter tutorial
css 1 de novembro de 2015 Criando um menu Off Canvas com CSS3 Aprenda a criar um menu off canvas usando CSS3 Transitions e Transforms e um pouquinho de javascript. css frontend tutorial
dev 31 de outubro de 2015 Versionando seu projeto Como versionar corretamente o seu projeto e assim conseguir informar rapidamente que tipo de mudança ocorreu. projetos semver
misc 25 de outubro de 2015 Links da semana #6 Alguns links sobre coisas importantes que fui vendo pela semana e acho que todos deveriam ler. dev js css
misc 18 de outubro de 2015 Links da semana #5 Alguns links sobre coisas importantes que fui vendo pela semana e acho que todos deveriam ler. dev js css
misc 11 de outubro de 2015 Links da semana #4 Alguns links sobre coisas importantes que fui vendo pela semana e acho que todos deveriam ler. linksdasemana dev
svg 5 de outubro de 2015 #15 - Criando o efeito de desenhar com SVG Um tutorial de como fazer aquele efeito legal de desenhar elementos na tela com SVG e CSS3. svg css tutorial
dev 4 de outubro de 2015 Criando apresentações e hospedando no github Um tutorial de como criar slides para suas apresentações com o RevealJS e hospedá-las online no github pages. js github
svg 11 de setembro de 2015 #14 - Manipulando SVG com JS Veja como manipular SVG com JS e algumas libs para brincar. svg js tutorial
css 26 de julho de 2015 Filtros CSS Transforme o seu browser no seu próprio photoshop e aplique filtros somente com css. css tutorial
css 24 de julho de 2015 Background fixo com CSS Como atrair usuários usando seções com backgrounds fixos usando só css, também conhecidos como Paralax. css tutorial
svg 21 de julho de 2015 #13 - Animando SVG com SMIL Aprenda a criar animações usando só SVG e nada mais, através da api exclusiva de animação SMIL. svg smil tutorial
css 19 de julho de 2015 Como criar seções fullscreen com CSS Vários sites famosos criam divisões grandes na tela que chamam bastante atenção, vamos aprender a fazer essas seções também, usando só css com as famosas viewport units. css tutorial
js 17 de julho de 2015 #3 - O básico da API do ReactJS Aprenda um pouco mais sobre a API do React e como começar a brincar. react js tutorial
js 14 de julho de 2015 #2 - Como usar o ReactJS As diferentes formas de se usar e se iniciar um projeto com ReactJS. Veja usando o famoso JSX, sem ele e alguns boilerplates famosos. react js tutorial
js 10 de julho de 2015 #1 - Começando com ReactJS O ReactJS é a onda do momento! Vamos entender o que é? Para que serve? Por onde começar? react js tutorial
svg 1 de julho de 2015 #12 - Animações em SVG com CSS Veja como criar diferentes animações para o SVG usando só CSS3. E já saia criando loaders e outras coisas mais. svg css tutorial
css 29 de junho de 2015 Alguns seletores css importantes para aprender Porque CSS é muito mais do que só classes e ids. Veja alguns truques legais para facilitar nos seus layouts. css frontend tutorial
dev 28 de junho de 2015 3 meses de globo.com Um pouco do que passei desde o primeiro contato, processo seletivo, contratação, minha mudança e o dia-a-dia na globo.com trabalho globo
svg 24 de maio de 2015 #11 - Usando SVG Sprites Já foi provado que o SVG substitui icon fonts, mas e Sprites? Aprenda como utilizar essa técnica com SVG de várias formas. svg css tutorial
html 1 de maio de 2015 Share Buttons sem dependências Ser social é muito importante, então nada melhor do que fazer com que o seu usuário consiga compartilhar mais fácil seu conteúdo. Saiba como criar botões de share sem dependências. social tutorial
svg 4 de abril de 2015 #10 - Criando um SVG responsivo e adaptativo Hoje em dia com a variedade de telas que temos, o desafio é dar o melhor conteúdo para cada tipo de tela. Saiba como criar um SVG responsivo e adaptativo. svg css tutorial
svg 3 de abril de 2015 #9 - Colorindo em SVG Vamos voltar a ser crianças e colorir as coisas! Aprenda como colorir o SVG usando classes, property-attributes e mais. svg css tutorial
misc 29 de março de 2015 Por que ir em eventos vale a pena? Alguns dos motivos que fazem os eventos de desenvolvimento serem tão sensacionais e que todos deveríamos ir. eventos frontend
misc 14 de março de 2015 Links da semana #3 Alguns links sobre coisas importantes que fui vendo pela semana e acho que todos deveriam ler. linksdasemana
svg 8 de março de 2015 #8 - Estilizando SVG com CSS - Parte 2 Aprenda algumas propriedades que o SVG e como trabalhar com elas. svg css tutorial
svg 7 de março de 2015 #7 - Estilizando SVG com CSS - Parte 1 Aprenda as diferentes formas de mudar o estilo de um SVG somente com CSS, mude suas cores, contornos e mais. svg css tutorial
svg 6 de março de 2015 #6 - Sistemas de Ícones em SVG Como dizem 'Uma imagem vale mais que mil palavras' e isso é um fato. Muitas vezes conseguimos simbolizar uma ação apenas com uma imagem. Então vamos aprender a usar ícones em SVG. svg icons tutorial
dev 24 de fevereiro de 2015 Como se tornar um desenvolvedor Front End Aprenda os caminhos para virar um desenvolvedor Front End de qualidade, seguindo desde o básico, ao intermediário e avançado. Vendo desde o HTML, CSS e JS até Ferramentas de automação e Performance. frontend css js tutorial
dev 10 de fevereiro de 2015 Theme Color Android Lollipop Como fazer a barra de notificações do android ficar com a cor do seu site em uma linha só de código. android theme tutorial
html 9 de fevereiro de 2015 Social Meta Tags Aprenda como ser mais social, ter maior relevância nas redes sociais e atrair mais usuários. Para isso, basta criar as meta tags corretas. social seo tutorial
misc 8 de fevereiro de 2015 Links da semana #2 Alguns links sobre coisas importantes que fui vendo pela semana e acho que todos deveriam ler. linksdasemana
dev 7 de fevereiro de 2015 Devo fazer faculdade? Será que faculdade é importante para quem faz programação? Essa dúvida sempre acontece e nesse post iremos conversar um pouco mais sobre. faculdade programação
misc 1 de fevereiro de 2015 Links da semana #1 Alguns links sobre coisas importantes que fui vendo pela semana e acho que todos deveriam ler. linksdasemana
dev 29 de janeiro de 2015 Como ter Domínio Proprio no Github Pages Um tutorial passo a passo de como colocar um domínio próprio no Github Pages e já sair com seu blog personalizado. github pages jekyll tutorial
misc 28 de janeiro de 2015 Conferência de CSS Brasil 2015 Ganhe 12% de desconto no ingresso para a primeira CSS Conf no Brasil usando o código: divulgawillian. cssconfbr frontend
svg 22 de janeiro de 2015 #5 - Atomic Design no SVG - g, use, defs, symbol Neste artigo iremos saber mais sobre a estruturação de um SVG, como usar groups, , e mais para organizar os elementos, as vantagens disso e um pouco de Atomic Design. svg tutorial
jekyll 21 de janeiro de 2015 Perguntas e Respostas - Jekyll FAQ: Algumas dúvidas comuns sobre o Jekyll. Entenda melhor como funciona esse gerador estático e já saia usando. jekyll
svg 20 de janeiro de 2015 #4 - A estrutura do SVG Saiba como o SVG funciona de verdade, seus elementos, alguns de seus atributos e alguns atalhos para facilitarem nosso trabalho. svg tutorial
svg 16 de janeiro de 2015 #3 - Onde baixar SVG? Eu sou programador e não designer, como é que vou fazer essas coisas aí? Aqui vou mostrar que não precisa ser designer para poder usar SVG. Vários links para baixar SVG de vários sites. svg
misc 15 de janeiro de 2015 Meu dia a dia como dev frontend Um pouco do meu dia a dia como dev frontend. Minha máquina, meus programas, arquivos, configurações. frontend
svg 13 de janeiro de 2015 #2 - Como usar SVG Aqui irei explicar as diferentes formas de se inserir um SVG na sua página web. Um breve início da grandiosidade que se está por vir. svg tutorial
misc 11 de janeiro de 2015 Atualizações O blog cresceu um pouquinho e algumas modificações foram inevitáveis. Vou mostrar um pouco do que mudou, como uma nova busca e um menu para facilitar o acesso. jekyll
dev 9 de janeiro de 2015 Como melhorar meu SEO? Quer aparecer entre os primeiros do Google? Quer vender mais e ter mais acessos? Aprenda algumas técnicas de SEO para ser melhor indexado. seo tutorial
svg 8 de janeiro de 2015 #1 - Por que usar SVG? Alguns motivos para se usar SVG no seu workflow e alguns exemplos bem bacanas de como outros já utilizam. svg frontend trend dicarapida
dev 7 de janeiro de 2015 Dica rápida #1 Qual a importância dos favicons, touch icons e tile icons. Como criá-los automáticamente e como usá-los em seu site. dicarapida
misc 6 de janeiro de 2015 Técnicas de aprendizado Se você tem costume de procrastinar, tem dificuldade de aprender algo rápido. Aprenda técnicas que te permitam aprender melhor e aumentar sua produtividade. estudo produtividade
jekyll 5 de janeiro de 2015 Flame War: Por que usar Jekyll? Alguns motivos para se usar um gerador estático para a criação do seu blog. Mais especificamente sobre o Jekyll, ferramenta usada na criação do meu blog. jekyll
misc 5 de janeiro de 2015 #1postperday! Como eu resolvi ficar maluco e aceitar o desafio de criar um post por dia durante o tempo que eu conseguir. #1postperday rss
jekyll 4 de janeiro de 2015 Making of Parte 2 Uma continuação sobre a criação do meu blog, mostrando um passo a passo de como criar um blog em Jekyll usando Gulp e Stylus e fazendo funcionar no Github Pages. jekyll gulp stylus github pages
jekyll 3 de janeiro de 2015 Making of - Parte 1 Uma explicação básica de cada uma das tecnologias empregadas e os motivos de ter escolhido elas para a criação desse meu lindo blog. jekyll gulp stylus svg