[
  
      {
          "title": "A melhor e a pior escolha da minha vida",
          "url": "/escolhas-da-vida/",
          "description": "As escolhas que fazemos nas nossas vidas, todos os dias são o que nos define. As vezes precisamos lembrar disso. Um sentimento sobre Design e Tecnologia.",
          "image": "/assets/images/posts/as-escolhas-da-vida/as-escolhas-da-vida.jpg",
          "tags": "vida,carreira,design"
      },
  
      {
          "title": "Network Information API: Obtendo dados da conexão do usuário",
          "url": "/network-information-api/",
          "description": "A Network Information API é uma Web Api que nos fornece dados sobre a conexão do usuário, como largura de banda, tipo de conexão, dentre outros. Vamos descobrir como usá-la!",
          "image": "/assets/images/posts/network-information-api/velocidade-da-conexao-de-internet.jpg",
          "tags": "performance,web api,javascript"
      },
  
      {
          "title": "Testando a performance das páginas web com o Lighthouse",
          "url": "/google-lighthouse/",
          "description": "Usando o Google Lighthouse para testar nossas páginas web. Pois afinal, performance é importante, performance é funcionalidade.",
          "image": "/assets/images/posts/google-lighthouse/logotipo-google-lighthouse.jpg",
          "tags": "performance,ferramentas,google lighthouse"
      },
  
      {
          "title": "Introdução a Web components",
          "url": "/web-components/",
          "description": "Web components permitem a criação de componentes reutilizáveis em aplicações web agnósticos aos frameworks e libs. A plataforma web segue evoluindo e os Web Components estão ai para ficar.",
          "image": "/assets/images/posts/web-components/web-components.jpg",
          "tags": "web components,web api"
      },
  
      {
          "title": "App Shortcuts: Atalhos de aplicativos para sua Progressive Web App",
          "url": "/app-shortcuts/",
          "description": "Os atalhos de aplicativos fornecem acesso rápido a várias ações comuns que os usuários precisam com frequência.",
          "image": "/assets/images/posts/app-shortcuts/app-shortcuts-windows.jpg",
          "tags": "javascript,pwa,progressive web app"
      },
  
      {
          "title": "Drag and Drop API: Aprendendo na prática",
          "url": "/drag-and-drop-api-na-pratica/",
          "description": "Há algumas semanas, demos continuidade a nossa saga de Web APIs com a introdução a Web API do Drag and Drop, com a teoria básica sobre o assunto. Como prometi no final daquele post, hoje vamos criar algo na prática usando a Drag and Drop API.",
          "image": "/assets/images/posts/drag-and-drop-api/drag-and-drop.jpg",
          "tags": "javascript,Web API"
      },
  
      {
          "title": "A importância das rotinas",
          "url": "/a-importancia-das-rotinas/",
          "description": "Hoje vou compartilhar algumas ideias de como criar barreiras físicas ou mentais através das rotinas para melhorar o seu dia-a-dia neste momento de pandemia.",
          "image": "/assets/images/posts/a-importancia-das-rotinas/live-work-create.jpg",
          "tags": "carreira,vida"
      },
  
      {
          "title": "Drag and Drop API: Introdução",
          "url": "/drag-and-drop-api/",
          "description": "Seguindo nossa saga de Web APIs hoje vamos falar sobre uma API que nos permite implementar uma funcionalidade que é usada em muitas aplicações e interfaces web, como Trello, Google Keep, Todoist dentre outros.",
          "image": "/assets/images/posts/drag-and-drop-api/drag-and-drop.jpg",
          "tags": "javascript,HTML,Web API"
      },
  
      {
          "title": "Dark Mode: Como detectar o tema do sistema",
          "url": "/como-detectar-o-tema-do-sistema/",
          "description": "Já que o dark mode chegou para ficar, e se pudéssemos fazer nosso site usar o tema que o usuário selecionou no dispositivo que está usando? É exatamente isso que vamos ver hoje.",
          "image": "/assets/images/posts/como-detectar-o-tema-do-usuario/iphone-dark-mode.jpg",
          "tags": "javascript,css"
      },
  
      {
          "title": "Como implementar o dark mode",
          "url": "/como-implementar-dark-mode/",
          "description": "Nos últimos tempos o tema escuro, ou dark mode se transformou em uma febre, tanto que muitas empresas anunciam o suporte ao tema escuro como uma grande feature. Vamos entender como implementar facilmente no nosso site hoje mesmo.",
          "image": "/assets/images/posts/como-implementar-dark-mode/iphone-dark-mode.jpg",
          "tags": "javascript,css"
      },
  
      {
          "title": "Compartilhando como um aplicativo nativo com a Web Share API",
          "url": "/web-share-api/",
          "description": "Hoje vamos conhecer e entender como usar o compartilhamento nativo dos dispositivos móveis, como a Web Share API.",
          "image": "/assets/images/posts/web-share-api/smartphone.jpg",
          "tags": "javascript,Web API"
      },
  
      {
          "title": "Seletores CSS que vão mudar sua vida (Parte 2) - :not()",
          "url": "/seletores-css-not/",
          "description": "Hoje vamos falar sobre a pseudo-classe :not(), é um seletor muito poderoso que pode nos ajudar a criar regras de estilização muito bacanas.",
          "image": "/assets/images/posts/seletores-css-not/css-logotipo.jpg",
          "tags": "css"
      },
  
      {
          "title": "A era dos upgrades: como saber a hora certa de comprar [Guia Prático]",
          "url": "/a-era-dos-upgrades/",
          "description": "Estamos vivendo em uma era de upgrades. Todos os anos muitas empresas anunciam novas versões de produtos com melhorias que são muito superiores às versões anteriores e é difícil não sentir-se tentado a adquiri-las. Como saber se é o momento certo de fazer o upgrade?",
          "image": "/assets/images/posts/a-era-dos-upgrades/tim-cook-apple.jpg",
          "tags": "vida,minimalismo"
      },
  
      {
          "title": "Como se organizar na vida pessoal e profissional",
          "url": "/como-se-organizar/",
          "description": "Com tudo que tem acontecido no mundo ultimamente, o home office tem ganhado muita força em muitas empresas. Hoje vou trazer algumas da práticas, métodos, fluxos e aplicativos que uso no meu fluxo de trabalho e na minha vida pessoal.",
          "image": "/assets/images/posts/como-se-organizar/todoist.jpg",
          "tags": "produtividade,organização,vida"
      },
  
      {
          "title": "React Fragment: O que é, e por que você deveria usá-lo",
          "url": "/react-fragment/",
          "description": "Quantas vezes já nos pegamos em uma aplicação onde o HTML tem muitos elementos, que quando analisamos, ficamos nos perguntando, por que isso está aqui? Hoje vamos tentar resolver isso!",
          "image": "/assets/images/posts/react-fragments/react-fragments.jpg",
          "tags": "javascript,react"
      },
  
      {
          "title": "Atomic Design",
          "url": "/atomic-design/",
          "description": "Componentes, componentização, modularização. Não são conceitos novos, mas atualmente sua força tem sido maior do que nunca. Hoje vamos ver uma metodologia que vai nos ajudar a construir interfaces melhores, mais consistentes e coesas.",
          "image": "/assets/images/posts/atomic-design/atomic-design.png",
          "tags": "design"
      },
  
      {
          "title": "Lazy loading nativo na web",
          "url": "/lazy-loading-nativo/",
          "description": "Com a atualização do Google Chrome para a versão 76, foi lançada a funcionalidade de lazy load nativo, que já havia sido anunciada em abril, agora está na versão estável e sem precisar alterar nenhuma flag.",
          "image": "/assets/images/posts/lazy-loading-nativo/lazy-loading.jpg",
          "tags": "javascript"
      },
  
      {
          "title": "Introdução ao Intersection Observer’s",
          "url": "/introducao-ao-intersection-observer/",
          "description": "Uma simples API que nos permite verificar se um elemento está visível na tela com mais facilidade e sem custar tanto na performance. Essa é a API do Intersection Observer.",
          "image": "/assets/images/posts/introducao-ao-intersection-observer/intersection-observer.jpg",
          "tags": "javascript,Web API"
      },
  
      {
          "title": "Como se manter atualizado em tecnologia?",
          "url": "/como-se-manter-atualizado-tecnologia/",
          "description": "Como podemos nos manter atualizados em um mundo em constante mudança e onde as informações circulam em uma velocidade nunca antes imaginada?",
          "image": "/assets/images/posts/como-se-manter-atualizado-tecnologia/pessoas-vidradas-em-seus-smartphones.jpg",
          "tags": "carreira"
      },
  
      {
          "title": "O poder do não",
          "url": "/o-poder-do-nao/",
          "description": "Essa palavra que causa arrepios em muitas pessoas. Hoje vamos conversar sobre sua importância e por que ela deveria estar no seu vocabulário.",
          "image": "/assets/images/posts/o-poder-do-nao/o-poder-do-nao.jpg",
          "tags": "carreira"
      },
  
      {
          "title": "React Hooks: O que são e porque eles são importantes",
          "url": "/react-hooks/",
          "description": "Hoje vamos conversar sobre React Hooks. O que são, e porque são importantes e como eles mudam a forma como escrevemos nossos componentes com react.",
          "image": "/assets/images/posts/reactjs-uma-biblioteca-javascript-para-trabalhar-com-views/reactjs.jpg",
          "tags": "javascript,react"
      },
  
      {
          "title": "Uma conversa sobre as coisas importantes",
          "url": "/uma-conversa-sobre-coisas-importantes/",
          "description": "Vamos conversar um pouco sobre a vida, hábitos, consumismo e como podemos viver de uma forma mais simples e com menos distrações.",
          "image": "/assets/images/posts/uma-conversa-sobre-coisas-importantes/minimalism-netflix.jpeg",
          "tags": "carreira"
      },
  
      {
          "title": "O que você busca na vida?",
          "url": "/o-que-voce-busca-na-vida/",
          "description": "Vamos refletir um pouco sobre a vida pessoal e profissional, carreira e sonhos. O que buscamos na vida?",
          "image": "/assets/images/posts/o-que-voce-busca-na-vida/homem-sentado-pensando.jpg",
          "tags": "carreira"
      },
  
      {
          "title": "Internacionalização com React usando Create react app",
          "url": "/internacionalizacao-com-create-react-app/",
          "description": "Como internacionalizar a sua aplicação em react de forma simples, tanto seus componentes react quanto seu código escrito em Vanilla JS.",
          "image": "/assets/images/posts/internacionalizacao-com-create-react-app/internacionalizacao-react.jpg",
          "tags": "javascript,react"
      },
  
      {
          "title": "Usando Sass com Create React App (sem ejetar)",
          "url": "/usando-sass-com-reactjs/",
          "description": "Quem usar Sass em seus projetos com o Create React App? Vamos ver como fazer isso sem ejetar o projeto ou rodar uma task extra.",
          "image": "/assets/images/posts/usando-sass-com-react/usando-sass-com-react.jpg",
          "tags": "javascript,react,sass"
      },
  
      {
          "title": "ReactJS: Uma biblioteca javascript para trabalhar com views.",
          "url": "/reactjs-uma-biblioteca-javascript-para-trabalhar-com-views/",
          "description": "O que é? De onde veio? Para que foi criado? E o que você precisa fazer para começar a brincar hoje mesmo  com ReactJS.",
          "image": "/assets/images/posts/reactjs-uma-biblioteca-javascript-para-trabalhar-com-views/reactjs.jpg",
          "tags": "javascript,react"
      },
  
      {
          "title": "Progressive Web Apps (PWA): O que são? E como transformar seu site em um hoje mesmo",
          "url": "/como-transformar-seu-site-em-um-progressive-web-app/",
          "description": "Como transformar seu site em um Progressive Web App. Vamos dar uma olhada nos três principais passos necessários para transformarmos nosso site em um PWA.",
          "image": "/assets/images/posts/como-transformar-seu-site-em-um-progressive-web-app/pwa-progressive-web-app.jpg",
          "tags": "javascript,pwa,progressive web app"
      },
  
      {
          "title": "Seletores CSS que vão mudar sua vida (Parte 1) - :nth-child()",
          "url": "/seletores-css-nth-child/",
          "description": "Conheça um seletor CSS que é uma mão na roda. É um dos seletores mais versáteis, que facilitam muito nossa vida. Estou falando do pseudo seletor :nth-child()",
          "image": "/assets/images/posts/seletores-css-nth-child/pseudo-seletor-nth-child.jpg",
          "tags": "css"
      },
  
      {
          "title": "Quanto vale o seu tempo?",
          "url": "/quanto-vale-o-seu-tempo/",
          "description": "Vamos refletir um pouco sobre a rotina de quem trabalha na área de tecnologia, os problemas do dia-a-dia e o que podemos fazer para melhorar nosso dia-a-dia.",
          "image": "/assets/images/posts/quanto-vale-seu-tempo/quanto-vale-seu-tempo.jpg",
          "tags": "carreira"
      },
  
      {
          "title": "Olá, meu nome é Everton!",
          "url": "/ola-meu-nome-e-everton/",
          "description": "Colocando em prática esse projeto depois de muito tempo engavetado. Um pequeno apanhado sobre o dia-a-dia de um front end, vida, o universo e tudo mais.",
          "image": "/assets/images/webp/posts/ola-meu-nome-e-everton/everton-strack.jpg",
          "tags": ""
      },
  
  
      {
          "title": "",
          "url": "/404/.html",
          "summary": "                  404      Página não encontrada      "Se você não entrar na página errada, você encontra a página que quer" - Autor desconhecido      Voltar para o site            "
      }
      ,
  
      {
          "title": "Sobre",
          "url": "/sobre/.html",
          "summary": "evertonstrack.com.br › Sobre Escrevo código para pessoas Meu nome é Everton Strack, sou Front-End developer com foco em resolução de problemas, design, performance e SEO. Especialista em HTML, CSS e Javascript, com sólidos conhecimentos em arquitetura do ecosistema Front-End e em tecnologias com Angular, React, TypeScript, StencilJS, Grunt, Gulp, Web..."
      }
      ,
  
      {
          "title": "",
          "url": "/content.json.html",
          "summary": "[ {% for entry in site.posts %} { "title": "{{ entry.title | xml_escape }}", "url": "{{ entry.url | xml_escape }}", "description": "{{ entry.description | xml_escape }}", "image": "{{ entry.image | xml_escape }}", "tags": "{% for tag in entry.tags %}{{tag}}{% unless forloop.last %},{% endunless %}{% endfor %}" }, {% endfor %}..."
      }
      ,
  
      {
          "title": "",
          "url": "/manifest.json.html",
          "summary": "{ "name": "Everton Strack Blog", "short_name": "Everton Blog", "theme_color": "#FDFDFD", "background_color": "#FDFDFD", "display": "standalone", "scope": "/", "start_url": "/", "lang": "pt-BR", "orientation": "any", "shortcuts": [ { "name": "Sobre Everton Strack", "short_name": "Sobre", "description": "Mais sobre Everton Strack, Desenvolvedor Front-end, aspirante a Ux/UI Designer e Co-Fundador da UFA!.", "url": "/sobre", "icons": [{..."
      }
      ,
  
      {
          "title": "",
          "url": "/assets/data/posts.json.html",
          "summary": "{ "posts": [ {% for post in site.posts %} { "title": "{{ post.title | xml_escape }}", "url": "{{ site.url }}{{ post.url }}", "date": "{{ post.date | date_to_xmlschema }}", "tags": ["{% for tag in post.tags %}{{tag}}{% unless forloop.last %},{% endunless %}{% endfor %}"] }{% unless forloop.last %},{% endunless %} {% endfor..."
      }
      ,
  
      {
          "title": "",
          "url": "/service-worker.js.html",
          "summary": "const staticCacheName = 'everton-strack-{{ site.time | date: "%Y-%m-%d-%H-%M" }}';const filesToCache = [ {% for page in site.pages_to_cache %}'{{ page }}', {% endfor %}{% for post in site.posts limit: 27 %}'{{ post.url }}', {% endfor %}{% for asset in site.files_to_cache %}'{{ asset }}', {% endfor %}];// Cache on installthis.addEventListener("install", event =>..."
      }
      ,
  
      {
          "title": "",
          "url": "/sitemap.xml.html",
          "summary": "    {% for page in site.pages %}        {% if page.url == '/assets/main.css' %}        {% else %}                            {{ page.url | prepend: site.baseurl | prepend: site.url }}                    {% endif %}    {% endfor %}    {% for post in site.posts %}                    {{ post.url | prepend: site.baseurl | prepend: site.url }}          {% endfor %}"
      }
      ,
  
      {
          "title": "",
          "url": "/assets/data/tags.json.html",
          "summary": "{    "tags": [        {% for tag in site.tags %}        "{{ tag | first }}"{% unless forloop.last %},{% endunless %}        {% endfor %}    ]}"
      }
      ,
  
      {
          "title": "",
          "url": "/assets/main.css.html",
          "summary": "@import "minima";"
      }
      ,
  
      {
          "title": "Everton Strack - Desenvolvedor Front-End",
          "url": "/index.html.html",
          "summary": "  Sobre Everton Strack                                                                              Everton Strack        Front-end de(sign|velop)er        Tentando mudar o mundo com design e código, as vezes com sucesso! Meu blog com um pequeno apanhado sobre o dia-a-dia de um front-end. As frustrações, as alegrias, vida, o universo e tudo mais.        Mais sobre Everton            "
      }
      ,
  
      {
          "title": "Posts - Página 2",
          "url": "/pagina-2/index.html.html",
          "summary": "  Sobre Everton Strack                                                                              Everton Strack        Front-end de(sign|velop)er        Tentando mudar o mundo com design e código, as vezes com sucesso! Meu blog com um pequeno apanhado sobre o dia-a-dia de um front-end. As frustrações, as alegrias, vida, o universo e tudo mais.        Mais sobre Everton            "
      }
      ,
  
      {
          "title": "Posts - Página 3",
          "url": "/pagina-3/index.html.html",
          "summary": "  Sobre Everton Strack                                                                              Everton Strack        Front-end de(sign|velop)er        Tentando mudar o mundo com design e código, as vezes com sucesso! Meu blog com um pequeno apanhado sobre o dia-a-dia de um front-end. As frustrações, as alegrias, vida, o universo e tudo mais.        Mais sobre Everton            "
      }
      ,
  
      {
          "title": "Posts - Página 4",
          "url": "/pagina-4/index.html.html",
          "summary": "  Sobre Everton Strack                                                                              Everton Strack        Front-end de(sign|velop)er        Tentando mudar o mundo com design e código, as vezes com sucesso! Meu blog com um pequeno apanhado sobre o dia-a-dia de um front-end. As frustrações, as alegrias, vida, o universo e tudo mais.        Mais sobre Everton            "
      }
      ,
  
      {
          "title": "",
          "url": "/feed.xml.html",
          "summary": "{% if page.xsl %}{% endif %}Jekyll{{ site.time | date_to_xmlschema }}{{ page.url | absolute_url | xml_escape }}{% assign title = site.title | default: site.name %}{% if page.collection != "posts" %}{% assign collection = page.collection | capitalize %}{% assign title = title | append: " | " | append: collection %}{% endif..."
      }
      
  
]