196 resultados encontrados em 36ms
- misc
Burnout dura mais que você imagina!
A gente pensa que aparece do nada e depois vai melhorar rápido e não é bem assim.
- misc
Mude!
Mude, mas comece devagar, porque a direção é mais importante que a velocidade.
- misc
Burnout dura mais que imagina
Achamos que vem do nada e vai embora do nada, mas não é bem assim.
- misc
Está tudo bem não fazer nada
Vivemos numa corrida sem fim e isso é cansativo! Dê seu tempo!
- misc
Feito é melhor que perfeito
Já se sentiu tão travado que não conseguiu entregar algo? Talvez esse post seja útil.
- misc
Valorize suas conquistas
O poder que valorizar nossas conquistas tem sobre nós.
- misc
Meu ano de 2021
Ano passado já foi complicado para mim, mas esse ano foi ainda mais.
- js
Criando o efeito da chuva do Matrix com JavaScript puro
Aprenda como criar esse efeito em poucas linhas manipulando o Canvas
- js
Usando Netlify CMS com NextJS, Vercel e GitHub
Como utilizar um CMS super simples como criar Pull Requests no GitHub
- js
Usando o Preact no NextJS para mais performance
Diminua ainda mais o bundle do seu projeto NextJS usando o Preact
- js
Como mostrar trechos de código num blog com NextJS
Aprenda a usar um syntax highlighter para mostrar trechos de código mais bonitos no seu blog
- js
Como configurar o Google Analytics no NextJS em 2021
Como configurar corretamente o Google Analytics no NextJS com o next/Script
- dev
Configurando 2 contas de Git no mesmo computador
Aprenda como configurar uma conta pessoal e uma conta da empresa no Git, incluindo chaves SSH e emails.
- dev
Configurando o Macbook M1 para Desenvolvimento Web
Alguns passos dicas de como configurar o seu Macbook M1 para desenvolver na web.
- js
Gatsby e NextJS: Performance e Developer Experience
Uma breve comparação entre os frameworks e a experiência de desenvolvimento.
- js
Migrei meu blog do Gatsby para o NextJS
Um pouco da razão da mudança, coisas que fiz e minhas impressões.
- dev
Como ter um Blog ajuda a conseguir melhores oportunidades
Se você está procurando um emprego ou melhores oportunidades, ter um blog pode ajudar muito!
- misc
Como usar e se comportar melhor em chats
10 dicas para você tirar o melhor do Slack, Discord, etc.
- dev
Criando toda a estrutura de um site usando o Strapi CMS
Nessa aula eu mostro como penso e monto o backend de um site institucional simples.
- misc
Como configuro meu editor e desktop para gravar código
São muitos anos gravando aulas, então aqui compartilho algumas coisas que descobri.
- misc
Como deixar a imagem da webcam redonda no OBS
Como utilizar filtro e máscara para ter seu vídeo mais legal
- js
Criando componente de Tipografia com styled-components
Utilizando o poder do polymorphic no styled-components
- misc
Adicionando ícone de GitHub nos projetos opensource
Já pensou como o pessoal sempre usa aquele ícone bonitinho no canto? Agora vai saber!
- js
Fazendo o browser falar por você - Web Speech API
Nesse post eu vou mostrar como utilizei a Web Speech API para meu projeto Japanese Words.
- js
Juntando arrays e objetos com Spread syntax no JavaScript
Evite usar bibliotecas externas para coisas simples como fazer merge de objetos e arrays.
- js
Formatando datas com JS puro
Nem sempre precisamos de bibliotecas enormes para resolver um problema simples.
- js
Formatando número em dinheiro com JS puro
Evite usar bibliotecas externas para coisas simples como formatar números em dinheiro.
- misc
Criando imagens bonitas de código
Já viu blocos de código bonitos no Twitter e sempre quis fazer? Chegou sua vez!
- js
Debugando e agilizando testes na React Testing Library
Como um método tão simples pode te ajudar a acelerar os seus testes e também descobrir erros escondidos.
- misc
Meu ano de 2020
Um ano complicado, mas com boas vitórias também.
- misc
Happy Halloween! Caça ao tesouro!
Tenha a chance de ganhar 1 curso de React Avançado de graça!
- misc
Mostrando últimos posts e vídeos no Github Profile
Como utilizar o Github Actions para manter seu profile atualizado e bonito.
- dev
Mantendo seu projeto atualizado com Dependabot e Github Actions
Atualizar dependências é algo bem chato e demorado, mas não precisa ser.
- js
NextJS, Gatsby ou Create React App? Entendendo os conceitos de SSR, SSG e SPA.
Antes de escolher um deles, é importante saber as diferenças e suas necessidades.
- dev
Como criar e publicar um pacote de extensões do VSCode
Um jeito ainda mais fácil de compartilhar seus plugins com os outros.
- misc
A história por trás do meu curso de React Avançado
As primeiras ideias do curso, desistências, saída da Toptal e reinicio de tudo!
- dev
Introdução ao Strapi - Headless CMS
O que é um Headless CMS, quais as vantagens do Strapi e como ele funciona.
- misc
Mulheres na tecnologia
Nossa área é predominante masculina, mas não precisa ser assim. Como um pequeno gesto pode ajudar.
- js
Mini Curso gratuito de TypeScript
Aprenda o que é TypeScript, como funciona, por que usar e muito mais!
- css
Criando uma animacao de Card com Hover
Aprenda a fazer uma animação bem legal utilizar os pseudo-seletores :after e :before
- js
Erros comuns com o React Testing Library
Aprenda com os erros dos outros e melhore seu código também.
- dev
Um tema para todos os lugares: Dracula PRO
Deixe seu editor, terminal e muito mais com seu tema favorito.
- css
Criando um tooltip animado com CSS clip-path
Aprenda a fazer uma micro interação bem sútil, mas que vai fazer toda a diferença no seu layout.
- dev
Trabalhando com a tela útil do iPhone
Como lidar com o notch no topo e a navegação sem botões na parte inferior do iPhone num Web App.
- css
Criando uma animação de ondas com CSS e SVG
Aprenda a animar ondas feitas em SVG somente com CSS puro e cria um hero muito mais criativo e bonito.
- css
Criando Textos Responsivos com CSS
Aprenda a deixar seus textos responsivos e fluidos em qualquer tela com viewport units e funções min-max do CSS.
- dev
Como habilitar builds incrementais do Gatsby no Netlify
Tenha builds muito mais rápidos com a nova atualização do Gatsby Incremental Build.
- css
Criando um background com gradiente animado com CSS Puro
Aprenda a criar um background animado para os seus sites e acaba com a monotonia dos fundos estáticos.
- css
Criando uma animação de Reveal Block com CSS
Como fazer um efeito de mostrar um bloco e então revelar o conteúdo por trás com CSS.
- css
Criando uma animação de digitação com CSS
Como fazer um efeito parecido com uma máquina de escrever digitando na tela somente só CSS.
- dev
Talk: Uma conversa sobre Trabalho Remoto
Será que remoto é para todo mundo? Quais os desafios? Quais os ganhos? Por onde começar?
- css
Utilizando CSS Counters
Vamos aprender a fazer o CSS contar!
- js
Criando um React Custom Hook com Testes
Aprenda como criar um react hook de Konami Code a partir do zero com TDD.
- css
Entendendo especificidade em CSS
O CSS não é difícil, mas é fundamental entender suas regras para não ficar tentando as coisas na sorte.
- dev
Novo Curso: Criando um ambiente de Desenvolvimento no Windows
Aprenda a ter um terminal bom, node e muito mais dentro do Windows
- misc
Meu ano de 2019
Um ano movimentado na Toptal, blog novo, curso novo e viagens como sempre.
- dev
Como um patinho me ajudou a ser um programador melhor
Sim, é isso mesmo, um patinho de borracha pode ajudar demais a você encontrar seus bugs.
- js
Novo Curso - GatsbyJS: Crie um site PWA com React, GraphQL e Netlify CMS
Crie e coloque no ar um site extremamente rápido, utilizando boas práticas e as ferramentas mais utilizadas no mercado.
- dev
Lista de dicas de SEO para Devs
Algumas dicas que podem ajudar o seu site se destacar nas pesquisas do Google.
- misc
Diga não ao Medium: tenha sua própria plataforma
Algumas razões para você ter sua própria plataforma ao invés de soluções como o Medium.
- misc
Meus 15 dias no Chile
Meu roteiro, lugares que me hospedei, passeios que fiz e outras curiosidades.
- dev
Como usar o Google Analytics Events Tracker?
Qual a importância de rastrear eventos no seu site e como fazer isso de forma simples.
- misc
Usando um agregador de conteúdo
Como não perder nenhum post dos seus blogs favoritos.
- css
Dica de CSS: Scroll Snap
Criando fullpage scroll com simples linhas de CSS.
- js
Making of - Criando meu Blog Novo com GatsbyJS
Coisas que usei por trás desse blog, escolhas de visual, performance e muitas outras coisas.
- js
Convertendo um Class Based Component para React Hooks
Como converter um class based component para o novo React Hooks.
- js
Criando uma lib JS com testes do Zero
Uma mini-série de vídeos no Youtube onde eu ensino a criar uma lib JS simples usando testes do zero.
- js
Habemus React Hooks
Uma das features mais interessantes do React foi finalmente lançada, o famoso Hooks! Por que é tão legal assim?
- js
Fundamentos JavaScript antes de aprender React
Na necessidade você pode ir direto para o React sem saber alguns conceitos e se complicar ainda mais. Esse post pode te ajudar nisso.
- misc
Coisas que eu não sei em TI
Eu faço bastante coisa, mas existem outras mil coisas que eu não sei e não tem problema nisso.
- misc
Meu ano de 2018
Cursos novos, canal no Youtube, foco em saúde e um pouco mais. Um pouquinho desse meu ano e algumas metas para o ano que vem.
- dev
Minhas experiências com Trabalho Remoto em TI
Após mais de 2 anos trabalhando remoto, venho compartilhar algumas das minhas experiências e também responder muitas perguntas
- misc
Como criar um Curso Online
Algumas dicas de como dividir seu curso, materiais de apoio, softwares que utilizo e outras coisas mais.
- misc
Meu Setup
Quais ferramentas eu tenho, que programas eu uso e outras coisinhas mais.
- js
Novo Curso - Aprenda a criar sites animados com Greensock
Aprenda a criar animações avançadas de uma forma fácil e divertida!
- misc
Nem React, nem VueJs. Saúde deve ser uma prioridade
Uma conversa séria de um dev que se arrepende de algumas escolhas.
- css
Como criar um loader com CSS puro e uma div
Todos nós já tivemos que usar um loader na vida, aprenda a criar o seu do zero com pouquíssimas linhas de código.
- css
Criando Menu Fullscreen animado com CSS puro
Nesse post/video eu vou ensinar a segunda do nosso experimento, onde vamos criar um menu fullscreen animado e aprender um pouco de cubic bezier.
- css
Criando ícone menu hamburguer animado com CSS puro
Nesse post/vídeo eu ensino como criar esse ícone animado para na segunda parte integrar a um menu real e bem legal.
- css
Menu Sticky e Smooth Scroll com CSS puro
Aprenda algumas propriedades bem interessantes do CSS e já saia brincando por aí.
- dev
Performance Web: Evite escrever HTML demais
Calma, HTML ainda é importante, mas é legal ficarmos atentos a quantidade de nós criados.
- js
Criando um Codepen simples em poucas linhas
Aprenda a criar um live editor na web com poucas linhas de código.
- misc
Meus 20 dias no Peru
Um pouco do roteiro que fiz, lugares que me hospedei, trilhas que fiz, meus equipamentos e mais.
- dev
Como colocar seu site no ar de graca
Calma, não é click-bait, é hospedagem grátis mesmo! Conheça e domine o Netlify para subir todos os seus projetos e freelas de um jeito fácil, rápido e otimizado.
- jekyll
Customizando o Disqus
Como adaptar esse sistema de comentários para funcionar melhor no seu site.
- js
Adicionando Night Mode no seu site
Aprenda como criar um botão para mudar as cores do seu site com JS puro.
- dev
Como fazer seu site funcionar offline com PWA
O passo-a-passo de como criar um site PWA que funciona até offline.
- dev
Varrendo seu site atrás de links quebrados
Não perca a credibilidade do seu site com imagens ou links quebrados.
- dev
Perfomance Web: Critical CSS e Jekyll
A web é lenta, mas sempre podemos deixar mais rápido, mais uma dica simples para melhorar seus sites.
- dev
Performance Web: Usando fontes do sistema
Como algo tão simples como as fontes podem ajudar na performance do seu site.
- dev
Medindo a performance do seu site com Lighthouse
Uma ferramenta perfeita para dizer tudo que está bom e ruim no seu site.
- misc
Meus 50 dias na Espanha
Um pouco sobre como me locomovi, hospedagem, gastos e meu trabalho remoto.
- dev
Guia: Como contribuir em Open Source
Quer contribuir em open source e não sabe como e nem por onde começar? Esse pequeno guia pode te ajudar.
- misc
Lançamento Curso de Git e Github na Vida Real
Um curso direto ao ponto, aprenda workflows e comandos realmente úteis do dia-a-dia no Git.
- svg
Mask e Clip com CSS e SVG
Dois efeitos simples que podem transformar seu site com estilo.
- misc
Chamada Curso Git e Github na Vida Real
Vamos dominar o Git e não ficar mais desesperado com conflitos e arquivos perdidos!
- misc
Meu ano de 2017
Muitos países e cidades visitadas, nova plataforma de cursos e recordes de alunos!
- dev
O que preciso saber para trabalhar no exterior?
Algumas coisinhas que você precisa saber para poder conseguir um trabalho no exterior e/ou remoto.
- dev
Devs Brasileiros, Gringos e trabalhar no exterior
Será que a diferença é tão grande assim? Vamos conversar um pouco sobre isso.
- js
Novidades do React 16
Veja o que tem de novo com o novo lançamento do React.
- js
Criando Componentes React com Testes - Lyef-flag
Como escrever um componente React com Mocha, Chai, Enzyme e Storybook.
- js
Lyef - Criando componentes desacoplados em ReactJS
Um boilerplate para criar componentes reutilizáveis e desacoplados em ReactJS
- misc
Caçada do Justen
Vamos jogar? O vencedor leva dois cursos FREE!
- misc
Mais de 10 mil alunos na Udemy
Um pouco sobre esse número, processo de criação de cursos e mais.
- css
Criando botao animado com CSS e SVG
Aprenda a criar uma interação mais bonita para os botões de sua aplicação.
- css
Criando Reading Progress com CSS Variables
Uma forma fácil de implementar uma barra de reading progress em poucas linhas.
- dev
A importância do Github para Desenvolvedores
Alguns motivos do porque eu acho que o Github é importante para os desenvolvedores.
- js
JS com TDD na Prática na Udemy
Aprenda uma das melhores culturas de desenvolvimento e tenha portas abertas no mercado agora na Udemy!
- dev
Migrei para o Visual Studio Code e estou feliz!
Um pouco da minha experiência com esse editor que me fez aposentar o Sublime e plugins que uso.
- misc
Meu processo para a Toptal
Algumas coisas que aconteceram até eu entrar na Toptal e algumas das dúvidas comuns.
- js
Criando componentes usando só ES6
Muita gente usa React, outros usam Vue e outros Angular. Por que não só ES6?
- dev
65 dicas para ser um programador melhor
Algumas dicas que podem ajudar muito a sua maneira de programar e pensar.
- dev
Minha trajetoria até me tornar Desenvolvedor
Uma pequena entrevista onde falo sobre meus primeiros trabalhos, desafios e meu futuro.
- svg
Criando um loader animado em SVG
Aprenda a criar um loader com uma animação única em SVG com apenas poucas linhas.
- dev
Comandos úteis do Chrome DevTools
Aumente sua produtividade em poucos minutos aprendendo esses comandos.
- misc
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.
- misc
Será que sou bom o suficiente?
Essa é uma pergunta bastante comum de nós desenvolvedores, e por que será isso?
- misc
Meu ano de 2016
Um ano super cheio, com vários eventos, projetos, mudanças e muito mais.
- js
Curso JS com TDD na Prática e Novidades
Aprenda uma das melhores culturas de desenvolvimento e tenha portas abertas no mercado.
- dev
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.
- misc
Achievement concluído - BrazilJS
Tudo que me aconteceu antes, durante e depois desse que foi meu maior evento de desenvolvimento.
- js
Vídeo: Iniciando um app React em 3 minutos
Iniciar um projeto React não precisa e nem deve ser muito trabalhoso.
- js
Refatorando componentes React de ES5 para ES6
Aproveite a nova sintaxe e entenda a diferença entre os códigos.
- js
Porque eu evito funções anônimas
Funções anônimas podem esconder uma má prática.
- dev
Trabalhando com Git Hooks de forma fácil
Evite que código sujo ou não testado suba para o repositório remoto.
- js
Configurando o Webpack para rodar React e ES6
Aprenda como utilizar esse module bundler para facilitar sua vida nos projetos com ES6 e React.
- css
Video em Background com Object-fit
Como criar os famosos heros com vídeos full em background usando o object-fit.
- dev
HTTPS no Github Pages com Custom Domain
Aprenda a colocar a sua página do Github Pages com Custom Domain e HTTPS
- js
Utilizando SVG Sprites com React
Aprenda a utilizar os famosos ícones SVG dentro do React de forma bem fácil com Stateless Functions.
- css
Como criar footer fixo
Aprenda a criar um footer fixo e evite aqueles saltos feios quando se tem pouco conteúdo na tela.
- misc
Mudando sua vida através de projetos paralelos
Fica aqui um relato de alguém que mudou sua vida e quer mudar ainda mais.
- css
Exemplos de sites com Parallax
Se inspire com alguns sites feitos usando a técnica do parallax.
- svg
Pre-venda: Curso de SVG
Se adiante e adquira um dos cursos mais completos de SVG totalmente em português.
- css
Criando efeito parallax no header
Aprenda a fazer esse efeito simples que pode deixar seu site ainda mais bonito.
- misc
Novo curso de Git e Github para iniciantes
Aprenda como funciona o git e o github em vídeos curtos e práticos.
- dev
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?
- misc
O que ninguém diz para os iniciantes
Análise de uma famosa entrevista com Ira Glass sobre iniciantes e o processo criativo.
- dev
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.
- misc
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.
- css
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
Falando sobre RSCSS
Escrevendo CSS sem perder a sanidade. Aprenda uma metodologia que pode salvar muitas dores de cabeça.
- svg
#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.
- misc
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!
- misc
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
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.
- css
Criando um switch button com CSS
Aprenda a criar os famosos botões deslizantes de on/off usados no iOS, Android e WebApps.
- js
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.
- css
Criando um menu Off Canvas com CSS3
Aprenda a criar um menu off canvas usando CSS3 Transitions e Transforms.
- dev
Versionando seu projeto
Como versionar corretamente o seu projeto e assim conseguir informar rapidamente que tipo de mudança ocorreu.
- misc
Links da semana #6
Links da semana #6 - Links sobre coisas interessantes que fui vendo pela semana.
- misc
Links da semana #5
Links da semana #5 - Links sobre coisas interessantes que fui vendo pela semana.
- misc
Links da semana #4
Links da semana #4 - Links sobre coisas interessantes que fui vendo pela semana.
- svg
#15 - Criando o efeito de desenhar com SVG
Um tutorial de como fazer aquele efeito legal de desenhar elementos na tela com SVG.
- dev
Criando apresentações e hospedando no github
Aprenda a criar slides para suas apresentações e hospedá-las online no github pages.
- svg
#14 - Manipulando SVG com JS
Veja como manipular SVG com JS e algumas libs para brincar.
- css
Filtros CSS
Transforme o seu browser no seu próprio photoshop e aplique filtros somente com css.
- css
Background fixo com CSS
Como atrair usuários usando seções com backgrounds fixos usando só css.
- svg
#13 - Animando SVG com SMIL
Aprenda a criar animações usando só SVG e nada mais!
- css
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 também.
- js
#3 - O básico da API do ReactJS
Aprenda um pouco mais sobre a API do React e como começar a brincar.
- js
#2 - Como usar o ReactJS
As diferentes formas de se usar e se iniciar um projeto com ReactJS.
- js
#1 - Começando com ReactJS
Tentando entender o que é? Para que serve? Por onde começar?
- svg
#12 - Animações em SVG com CSS
Aprenda como criar animações para o SVG usando só CSS e tenha um site leve e bonito.
- css
Alguns seletores css importantes para aprender
Porque CSS é muito mais do que só classes e ids. Aprenda alguns truques legais para facilitar nos seus layouts.
- dev
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.
- svg
#11 - Usando SVG Sprites
Já foi provado que o SVG substitui icon fonts, mas e Sprites? Aprenda a utilizar essa técnica com SVG de várias formas.
- dev
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.
- svg
#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.
- svg
#9 - Colorindo em SVG
Vamos voltar a ser crianças e colorir as coisas! Aprenda as técnicas para mudar as cores do SVG.
- misc
Por que ir em eventos vale a pena?
Alguns dos motivos que fazem os eventos serem tão sensacionais e que todos deveríamos ir.
- misc
Links da semana #3
Links da semana #3 - Links sobre coisas interessantes que fui vendo pela semana.
- svg
#8 - Estilizando SVG com CSS - Parte 2
Aprenda quais as propriedades que o SVG possui e como trabalhar com elas.
- svg
#7 - Estilizando SVG com CSS - Parte 1
Aprenda as diferentes formas de mudar o estilo de um SVG somente com CSS.
- svg
#6 - Sistemas de Ícones em SVG
Como usar ícones em SVG e por que ele é bem melhor que outras alternativas?
- dev
Como se tornar um desenvolvedor Front End
Aprenda os caminhos para virar um desenvolvedor Front End de qualidade.
- dev
Theme Color Android Lollipop
Como fazer a barra de notificações do android ficar com a cor do seu site.
- dev
Social Meta Tags
Aprenda como ser mais social, ter maior relevância nas redes sociais e atrair mais usuários.
- misc
Links da semana #2
Links da semana #2 - Links sobre coisas interessantes que fui vendo pela semana.
- dev
Devo fazer faculdade?
Essa dúvida sempre acontece, principalmente para quem trabalha com programação. Vamos conversar mais sobre o assunto.
- misc
Links da semana #1
Links da semana #1 - Links sobre coisas interessantes que fui vendo pela semana.
- dev
Como ter Domínio Proprio no Github Pages
O passo a passo para deixar seu blog com seu domínio.
- svg
#5 - Atomic Design no SVG - g, use, defs, symbol
Neste artigo iremos saber mais sobre a estruturação de um SVG, seus elementos, suas vantagens e um pouco de Atomic Design.
- jekyll
Perguntas e Respostas - Jekyll
Algumas dúvidas comuns sobre o Jekyll. Entenda melhor como funciona esse gerador estático.
- svg
#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
#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.
- misc
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.
- svg
#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.
- misc
Atualizações
O blog cresceu um pouquinho e algumas modificações foram inevitáveis. Vou mostrar um pouco do que mudou.
- dev
Como melhorar meu SEO?
Algumas dicas para fazer com que seu site ou blog seja melhor indexado pelos buscadores.
- svg
#1 - Por que usar SVG?
O SVG finalmente começa dar o ar das graças e você vai saber aqui o porquê disso.
- dev
Dica rápida #1
Detalhes fazem a diferença, vamos falar sobre Favicons, Touch Icons e Tile Icons e como eles fazem a diferença.
- misc
Técnicas de aprendizado
Se você tem costume de procrastinar, tem dificuldade de aprender algo rápido. Aprenda técnicas que te permitem aprender melhor e aumentar sua produtividade.
- jekyll
Flame War: Por que usar Jekyll?
Depois de várias dúvidas, aqui vai uma lista de razões para se utilizar o Jekyll para criação de Blogs de desenvolvimento.
- misc
#1postperday!
A ideia é postar pelo menos uma vez por dia, quanto mais conteúdo de web em PT-BR melhor!
- jekyll
Making of Parte 2
Aqui vou mostrar o passo a passo de como criei o blog em Jekyll, usando Gulp e Stylus e coloquei para funcionar no Github Pages.
- jekyll
Making of - Parte 1
Quais ferramentas foram utilizadas para montar esse blog e o porquê de ter escolhido cada uma delas.