<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Gabriel Paiva</title>
    <description>The latest articles on DEV Community by Gabriel Paiva (@gpaiva00).</description>
    <link>https://dev.to/gpaiva00</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F470772%2Fe1d874b0-3080-4d7d-a960-b503bc47c7e0.jpeg</url>
      <title>DEV Community: Gabriel Paiva</title>
      <link>https://dev.to/gpaiva00</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/gpaiva00"/>
    <language>en</language>
    <item>
      <title>Criei Meu Primeiro App para Mac</title>
      <dc:creator>Gabriel Paiva</dc:creator>
      <pubDate>Thu, 05 Jun 2025 14:53:41 +0000</pubDate>
      <link>https://dev.to/gpaiva00/criei-meu-primeiro-app-para-mac-5209</link>
      <guid>https://dev.to/gpaiva00/criei-meu-primeiro-app-para-mac-5209</guid>
      <description>&lt;p&gt;Há um tempo atrás pensei nessa ideia meio estranha: e se a tela do Mac tivesse um aspecto de textura Vintage?&lt;/p&gt;

&lt;p&gt;Fiz uma pesquisa e descobri que muitas pessoas se interessam (apesar de algumas achar estranho). Mas fui com a ideia pra frente e desenvolvi o Granulay.&lt;/p&gt;

&lt;h2&gt;
  
  
  Desafios
&lt;/h2&gt;

&lt;p&gt;Confesso que estou inseguro pois é uma stack que não domino. Além disso estou aprendendo a criar o marketing, divulgação orgânica, compra de domínios...É tudo uma novidade e está sendo muito legal o feedback do pessoal.&lt;/p&gt;

&lt;p&gt;Uma limitação que me incomoda bastante por enquanto é a falta de uma conta de desenvolvedor da Apple para notarizar o app. Não tem como contornar e estou tentando arrecadar fundos pra melhorar a distribuição.&lt;/p&gt;

&lt;h2&gt;
  
  
  Novidades
&lt;/h2&gt;

&lt;p&gt;Esta semana publiquei a primeira atualização, baseada no feedback dos usuários.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;✨ Novidades desta semana:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Otimizações de performance e maior estabilidade.&lt;/li&gt;
&lt;li&gt;Tela de configurações redesenhada: ficou ainda mais fácil ajustar o estilo e a intensidade do grão.&lt;/li&gt;
&lt;li&gt;Nova área de feedback direto nas configurações.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Lembrando alguns recursos do Granulay:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Efeito de grão vintage para toda a tela.&lt;/li&gt;
&lt;li&gt;Configurações personalizáveis de intensidade e estilo.&lt;/li&gt;
&lt;li&gt;Suporte a múltiplos monitores, cada um com seu ajuste.&lt;/li&gt;
&lt;li&gt;Acesso rápido pela barra de menu.&lt;/li&gt;
&lt;li&gt;Possibilidade de manter o brilho original da tela.&lt;/li&gt;
&lt;li&gt;Quatro estilos disponíveis: Fino, Médio, Grosso e Vintage.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F17ev459u4n21vp1rd4yv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F17ev459u4n21vp1rd4yv.png" alt="Home page" width="800" height="422"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9b6latdpsvt7dyl64tmj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9b6latdpsvt7dyl64tmj.png" alt="Settings screen" width="800" height="936"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;Conheça: &lt;a href="https://granulay.com.br" rel="noopener noreferrer"&gt;https://granulay.com.br&lt;/a&gt;&lt;/p&gt;

</description>
      <category>macos</category>
      <category>macapp</category>
      <category>vintage</category>
      <category>apple</category>
    </item>
    <item>
      <title>I created my own time converter</title>
      <dc:creator>Gabriel Paiva</dc:creator>
      <pubDate>Sat, 20 Aug 2022 22:52:46 +0000</pubDate>
      <link>https://dev.to/gpaiva00/i-created-my-own-time-converter-3ol1</link>
      <guid>https://dev.to/gpaiva00/i-created-my-own-time-converter-3ol1</guid>
      <description>&lt;p&gt;recently, I've searched on the web for a time conversor. I wanted to know how many months are in 20 years.&lt;/p&gt;

&lt;p&gt;I found a very complete converter web site, but the main thing wasn't right: the calculation. It showed me that 1 year has 11.000 months! 🫣&lt;/p&gt;

&lt;p&gt;I was outraged, and that motivated me to create my own time converter. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;TIMECON&lt;/strong&gt;: the times converter.&lt;br&gt;
Check out &lt;a href="https://timecon.vercel.app"&gt;here&lt;/a&gt;(only in portuguese for a while)!&lt;/p&gt;

</description>
      <category>time</category>
      <category>converter</category>
      <category>react</category>
      <category>tailwindcss</category>
    </item>
    <item>
      <title>Do you have a little time to test your typing?</title>
      <dc:creator>Gabriel Paiva</dc:creator>
      <pubDate>Mon, 05 Apr 2021 14:00:16 +0000</pubDate>
      <link>https://dev.to/gpaiva00/do-you-have-a-little-time-to-test-your-typing-3lic</link>
      <guid>https://dev.to/gpaiva00/do-you-have-a-little-time-to-test-your-typing-3lic</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvftzhn0nn17r653p5i6n.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvftzhn0nn17r653p5i6n.gif" alt="Demo" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://mintyping.vercel.app"&gt;https://mintyping.vercel.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A simple and minimal app to test your typing.&lt;/p&gt;

&lt;p&gt;Made with Next.js with Vercel.&lt;/p&gt;

</description>
      <category>typing</category>
      <category>react</category>
      <category>javascript</category>
    </item>
    <item>
      <title>5 Visual Studio Code extensions I like to use</title>
      <dc:creator>Gabriel Paiva</dc:creator>
      <pubDate>Wed, 21 Oct 2020 15:24:44 +0000</pubDate>
      <link>https://dev.to/gpaiva00/5-visual-studio-code-extensions-i-like-to-use-2bp</link>
      <guid>https://dev.to/gpaiva00/5-visual-studio-code-extensions-i-like-to-use-2bp</guid>
      <description>&lt;p&gt;Check out some extensions and themes that I've known throughout my career as a programmer and that help me to be more productive.&lt;/p&gt;

&lt;h1&gt;
  
  
  #1 &lt;a href="https://www.tabnine.com"&gt;TabNine&lt;/a&gt;
&lt;/h1&gt;

&lt;p&gt;This is an extension to auto-complete your code. However, it makes use of artificial intelligence for you to code faster since it identifies patterns in your project and thus improves the quality of the suggestions.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F2tr7tgunlkyk5shjz77k.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F2tr7tgunlkyk5shjz77k.png" alt="Captura de Tela 2020-10-21 às 12.21.32" width="800" height="403"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h1&gt;
  
  
  #2 &lt;a href="https://draculatheme.com"&gt;Dracula&lt;/a&gt;
&lt;/h1&gt;

&lt;p&gt;This is a super famous color theme created by the brazilian Zeno Rocha. It can be installed in almost all code editors and terminals.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fm37d92y20xls9iqc7f4x.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fm37d92y20xls9iqc7f4x.png" alt="1*XjBry9powIU3GM4aiO-J-A" width="800" height="688"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h1&gt;
  
  
  #3 Code Spell Checker
&lt;/h1&gt;

&lt;p&gt;Another great help we have is this, which checks if the words were spelled correctly. This avoids, for example, that common mistake of typing the word &lt;em&gt;lenght&lt;/em&gt; instead of &lt;strong&gt;length&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F1q1rzecu31xnlx3zgx8y.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F1q1rzecu31xnlx3zgx8y.gif" alt="1*p_shTMURDx5rDvflBVGMVA" width="800" height="216"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h1&gt;
  
  
  #4 Material Icon Theme
&lt;/h1&gt;

&lt;p&gt;A theme that has a wide variety of icons based on Material Design. It applies an icon corresponding to the folder's name or the extension of the files, which makes it easier to identify them.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F4fn8ekzbgiyupgspmk6d.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F4fn8ekzbgiyupgspmk6d.gif" alt="1*qeTqrzEgUGslpv7snK31hA" width="800" height="263"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h1&gt;
  
  
  #5 &lt;a href="https://github.com/egonyans/vscode-ext-color-highlight"&gt;Color Highlight&lt;/a&gt;
&lt;/h1&gt;

&lt;p&gt;As simple as her name, Color Highlight highlights colors supported by css like HEX and RGB. Very useful for working on the frontend.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F2xsfhdgcq2x3h0ei0mnk.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F2xsfhdgcq2x3h0ei0mnk.gif" alt="1*kF_WOgW6HyGp_ywoiT9RKw" width="800" height="407"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;The cool thing is that in VS Code, when you hover your mouse over the color, it opens a panel to change to any other color or also change its transparency.&lt;/p&gt;

&lt;h1&gt;
  
  
  Use Settings Sync from Visual Studio Code
&lt;/h1&gt;

&lt;p&gt;With this option enabled, you can save settings, keyboard shortcuts and installed extensions to your Microsoft or Github account. Thus, you can share your configuration setup on all your machines.&lt;/p&gt;

&lt;p&gt;Learn how to activate Settings Sync at &lt;a href="https://code.visualstudio.com/docs/editor/settings-sync"&gt;this link&lt;/a&gt;.  &lt;/p&gt;

</description>
      <category>vscode</category>
      <category>extensions</category>
      <category>tips</category>
    </item>
  </channel>
</rss>
