
<?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet href="/feeds/pretty-feed-v3.xsl" type="text/xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="pt-br">
  <title>Bruno Pulis - Blog</title>
  <subtitle></subtitle>
  <link href="https://www.brunopulis.com/feeds/blog/atom.xml" rel="self" />
  <link href="https://www.brunopulis.com/" />
  <updated>2026-06-11T00:00:00Z</updated>
  <id>https://www.brunopulis.com/</id>
  <author>
    <name>Bruno Pulis</name>
    <email>brunopulis@protonmail.com</email>
  </author>
    <entry>
      <title>Como tirar screenshot usando recursos de acessibilidade no iPhone</title>
      <link href="https://www.brunopulis.com/blog/como-tirar-screenshot-usando-recursos-de-acessibilidade-no-iphone/" />
      <updated>2026-06-11T00:00:00Z</updated>
      <id>https://www.brunopulis.com/blog/como-tirar-screenshot-usando-recursos-de-acessibilidade-no-iphone/</id>
      <content xml:lang="pt-br" type="html"><p>Ontem, estava fazendo um teste de acessibilidade no iPhone sempre tive uma certa irritação com o sistema iOS.<br>
Acho que ele utiliza várias combinações de teclas para coisas simples, navegar com o VoiceOver no Mac é uma delas.</p>
<p>Precisamos de pressionar duas teclas mais a ação que queremos fazer, isso me deixa P da vida. Na minha experiência, acho o NVDA mais simples nesse sentido.</p>
<h2 id="meu-problema"><a class="heading-anchor" href="#meu-problema">Meu problema</a></h2>
<p>Tinha que tirar um <em>screenshot</em> de uma tela para avaliar o contraste e simplesmente tinha esquecido a combinação das teclas para tirar a evidência.</p>
<h3 id="forma-padrao"><a class="heading-anchor" href="#forma-padrao">Forma padrão</a></h3>
<p>O jeito tradicional é simples, basta usarmos a tecla <strong>Power</strong> e botão de <strong>Aumentar o volume</strong>, não pode segurar durante muito tempo.</p>
<p>Se segurarmos por muito tempo, ele vai abrir a tela que dá opções para desligar o telefone. E não é isso que queria.<br>
Como sou <em>oldschool</em> recorri ao velho buscador no browser e encontrei algumas soluções.</p>
<p>Uma delas curiosamente foi mais intuitiva do que a tradicional.</p>
<h2 id="forma-alternativa"><a class="heading-anchor" href="#forma-alternativa">Forma alternativa</a></h2>
<p>A forma que descobri para resolver esse problema seria usar os recursos de <strong>acessibilidade</strong> do próprio iPhone.<br>
Para isso, precisamos seguir os seguintes passos:</p>
<ul>
<li>Ir em <strong>Settings</strong>;</li>
<li>Selecionar o item de <strong>Accessibility</strong>;</li>
<li>Ir na opção de <strong>Touch</strong>;</li>
<li>Selecionar <strong>Back Tap</strong>;</li>
<li>Habilitar o <em><strong>double tap</strong></em> ou <em><strong>triple tap</strong></em> para ativar a captura de tela.</li>
</ul>
<p>No meu caso escolhi o <strong>double tap</strong>.</p>
<p>Agora para tirar uma captura de tela no iPhone eu dou dois toque na parte traseira do celular e pronto.</p>
<h2 id="conclusao"><a class="heading-anchor" href="#conclusao">Conclusão</a></h2>
<p>Mais uma vez a acessibilidade prova que ela beneficia a todos, não só as pessoas com deficiência.<br>
Todos podem ser assistidos por esses recursos.</p>
<p>E você conhecia esse recurso?</p>
<p>Espero que possa te ajudar a tirar capturas de telas de forma mais simples.<br>
Te espero em um próximo post.</p>
<h2 id="referencias"><a class="heading-anchor" href="#referencias">Referências</a></h2>
<ul>
<li><a href="https://support.apple.com/en-ie/102616" rel="noopener">Take screenshots on your iPhone</a></li>
</ul>
<p>SDG,<br>
Pulis.</p>
</content>
          <category term="100DaysToOffLoad" />
          <category term="til" />
    </entry>
    <entry>
      <title>O atributo aria-hidden tem três estados, não dois</title>
      <link href="https://www.brunopulis.com/blog/o-atributo-aria-hidden-tem-tres-estados-nao-dois/" />
      <updated>2026-06-02T00:00:00Z</updated>
      <id>https://www.brunopulis.com/blog/o-atributo-aria-hidden-tem-tres-estados-nao-dois/</id>
      <content xml:lang="pt-br" type="html"><p>Ontem, estava navegando no curso de <a href="https://www.udacity.com/course/web-accessibility--ud891" rel="noopener">Acessibilidade Web da Google</a> e deparei com uma informação que nunca tinha percebido.</p>
<p><strong>O que você precisa saber</strong>: a maioria dos desenvolvedores conhece apenas <code>true</code> e <code>false</code>.<br>
Existe um terceiro estado, e ignorá-lo gera comportamento imprevisível em leitores de tela.</p>
<p><strong>Por que isso importa</strong>: usar <code>aria-hidden</code> incorretamente cria barreiras reais para usuários de tecnologia assistiva. Um detalhe de valor de atributo pode tanto ocultar conteúdo necessário quanto expor ruído desnecessário.</p>
<h2 id="os-tres-estados"><a class="heading-anchor" href="#os-tres-estados">Os três estados</a></h2>
<ul>
<li><strong>true</strong>: remove o elemento da API de acessibilidade. Leitores de tela ignoram completamente.</li>
<li><strong>false</strong>: força a exposição do elemento, mesmo que não esteja renderizado.</li>
<li><strong>undefined (padrão)</strong>: o navegador decide, com base na renderização via CSS.</li>
</ul>
<h2 id="o-que-muda-na-pratica"><a class="heading-anchor" href="#o-que-muda-na-pratica">O que muda na prática</a></h2>
<p>Sem valor declarado o comportamento imprevisível:</p>
<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fa fa-tweet<span class="token punctuation">"</span></span> <span class="token attr-name">aria-hidden</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span></code></pre>
<p>Com <strong>true</strong>, o ícone é removido da API de acessibilidade:</p>
<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fa fa-tweet<span class="token punctuation">"</span></span> <span class="token attr-name">aria-hidden</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span></code></pre>
<h3 id="a-regra-mais-importante"><a class="heading-anchor" href="#a-regra-mais-importante">A regra mais importante</a></h3>
<blockquote>
<p>Nunca use aria-hidden=“true” em elementos que podem receber foco.</p>
</blockquote>
<h2 id="referencias"><a class="heading-anchor" href="#referencias">Referências</a></h2>
<ul>
<li><a href="https://www.w3.org/TR/wai-aria/#aria-hidden" rel="noopener">WAI-ARIA spec — aria-hidden</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-hidden" rel="noopener">MDN — aria-hidden</a></li>
</ul>
<p>SDG,<br>
Pulis.</p>
</content>
          <category term="100DaysToOffLoad" />
          <category term="til" />
    </entry>
    <entry>
      <title>GAAD 2026: mais ação menos discurso</title>
      <link href="https://www.brunopulis.com/blog/gaad-2026-mais-acao-menos-discurso/" />
      <updated>2026-05-21T00:00:00Z</updated>
      <id>https://www.brunopulis.com/blog/gaad-2026-mais-acao-menos-discurso/</id>
      <content xml:lang="pt-br" type="html"><p><img src="/assets/images/blog/gaad-2026.webp" alt="" src="/assets/images/blog/gaad-2026.webp" alt="" eleventy:widths="650,960,1400"></p>
<p>No dia 21 de maio, comemoramos o Dia internacional de conscientização sobre a acessibilidade digital.</p>
<p>Essa data é muito importante, pois, traz visibilidade a um tema extremamente urgente. Muitos profissionais disponibilizam conteúdos, palestras e até eventos são realizados.</p>
<p>Mas entra ano e sai ano e percebo que nada melhora. Será que somente eu percebo isso? Tenho a impressão que não.</p>
<p>Se globalmente o problema é grave, <strong>no Brasil é bem pior</strong>.</p>
<h2 id="acessibilidade-no-brasil"><a class="heading-anchor" href="#acessibilidade-no-brasil">Acessibilidade no Brasil</a></h2>
<p>Estudo acessibilidade desde 2015, quando criei o <a href="https://github.com/brunopulis/awesome-a11y" rel="noopener">Awesome A11y</a> foi meu ponto de partida. E de lá pra cá muito se falou.</p>
<p>O problema da acessibilidade brasileira é simples, mas complexo ao mesmo tempo:</p>
<blockquote>
<p>Muito discurso e pouca ação</p>
</blockquote>
<p>Já comentei sobre isso no artigo <a href="https://brunopulis.com/blog/ouro-de-tolo-a-ascensao-dos-especialistas-em-acessibilidade/" rel="noopener">Ouro de Tolo: A Ascensão dos “Especialistas” em Acessibilidade</a>.</p>
<h2 id="um-dos-problemas-reais-do-brasil"><a class="heading-anchor" href="#um-dos-problemas-reais-do-brasil">Um dos problemas reais do Brasil</a></h2>
<p>No Brasil temos muitos problemas sobre acessibilidade, vou pontuar dois:</p>
<ul>
<li>Falta de fiscalização;</li>
<li>Denúncias que não são apuradas.</li>
</ul>
<p>O próprio governo federal não tem eficácia em apurar e seguir adiante com as denúncias.</p>
<p>É preciso ter uma equipe capacitada para avaliar e medir a acessibilidade de modo assertivo.</p>
<p>Temos alguns meios de denúncia como: <strong>Reclame aqui</strong>, <strong>Procon</strong>, <strong>Ministério Público</strong>, mas infelizmente surtem pouco efeito. Como bem sabemos a justiça brasileira funciona quando existe lobby político ou dinheiro.</p>
<p>E isso que me revolta!<br>
Temos leis, boas práticas, diretrizes nacionais, <strong>mas nada é feito</strong>.</p>
<p>O avanço é a passos de tartaruga e tá tudo bem.</p>
<h2 id="inteligencia-artificial-como-catalisador-de-bugs"><a class="heading-anchor" href="#inteligencia-artificial-como-catalisador-de-bugs">Inteligência Artificial como catalisador de bugs</a></h2>
<p>Desde o boom das <em>LLM’s</em>, surgiu uma espécie de programador: o <strong>vibecoder</strong>.</p>
<p>Ele terceiriza algumas decisões para IA e ela realiza, até então, isso não é problema.<br>
Se torna quando o código é todo confiado a IA sem revisão humana.</p>
<h3 id="bugs-em-todos-os-lugares"><a class="heading-anchor" href="#bugs-em-todos-os-lugares">Bugs em todos os lugares</a></h3>
<p>Eu mesmo fiz alguns experimentos com o Lovable, Bolt, Sticth e alguns outros geradores de códigos.<br>
Posso dizer que a entrega deles é razoável, mas peca muito em entregar um código bem estruturado.</p>
<h3 id="fato-curioso"><a class="heading-anchor" href="#fato-curioso">Fato curioso</a></h3>
<p>A <a href="https://webaim.org/projects/million/" rel="noopener">pesquisa Web OneMillion</a>, traz uma constatação interessante:</p>
<blockquote>
<p>Um número significativo de elementos na página (como elementos <code>&lt;div&gt;</code> e <code>&lt;span&gt;</code>, por exemplo) pode resultar em uma densidade de erros menor (sugerindo melhor acessibilidade), quando, na verdade, muitos novos erros de acessibilidade também podem ter sido introduzidos.</p>
</blockquote>
<p>Isso não quer dizer que esteja incorreta em todos os casos, mas a incidência de problemas aumentou cerca de 28% em relação ao ano anterior.</p>
<p>Com essa pressão do mercado por soluções rápidas feitas com IA, prejudica a navegação de todos pela Internet.</p>
<p>Por fim, a pesquisa traz uma conclusão interessante:</p>
<blockquote>
<p>Essas tendências provavelmente refletem mudanças mais amplas no desenvolvimento web, incluindo uma maior dependência de frameworks e bibliotecas de terceiros e práticas de codificação automatizadas ou assistidas por IA.</p>
<p>As páginas iniciais estão ficando maiores e mais complexas tecnologicamente em um ritmo alarmante, tornando a acessibilidade mais difícil de alcançar e manter.</p>
<p>Uma conclusão fundamental do relatório deste ano é que <strong>melhorar a acessibilidade em larga escala exigirá tanto melhores práticas quanto sistemas mais simples</strong><br>
Alternativamente, sistemas complexos precisam se concentrar melhor nos fundamentos da acessibilidade.</p>
</blockquote>
<h2 id="sera-que-existe-solucao"><a class="heading-anchor" href="#sera-que-existe-solucao">Será que existe solução?</a></h2>
<p>Tenho me perguntado sinceramente se existe solução para isso no Brasil. Acreditar que o bondoso governo vai atuar é pura ingenuidade.</p>
<p>Talvez, a saída seja expor as empresas e fazer os direitos prevalecerem.<br>
Usar o poder das redes para algo útil e talvez assim, a população entenda que acessibilidade é.</p>
<p>Acessibilidade não é <strong>empatia</strong>, ela faz parte do trabalho.</p>
<p>O que nos resta?<br>
Aprender com nossos erros e tentar fazer uma web menos inacessível.</p>
<p>SDG,<br>
Pulis.</p>
</content>
          <category term="100DaysToOffLoad" />
          <category term="GAAD26" />
    </entry>
    <entry>
      <title>Estou pensando em migrar de carreira</title>
      <link href="https://www.brunopulis.com/blog/estou-pensando-em-migrar-de-carreira/" />
      <updated>2026-05-10T00:00:00Z</updated>
      <id>https://www.brunopulis.com/blog/estou-pensando-em-migrar-de-carreira/</id>
      <content xml:lang="pt-br" type="html"><p>Recentemente venho pensando em fazer um movimento diferente, <strong>mudar de carreira</strong>.<br>
Esse artigo é um relato do que venho pensando e qual área estou mais interessado.</p>
<h2 id="alguns-motivos-para-esse-mudanca"><a class="heading-anchor" href="#alguns-motivos-para-esse-mudanca">Alguns motivos para esse mudança</a></h2>
<p>Percebo que o papel de <strong>QA de acessibilidade</strong> está com os dias contados, assim como, os <em>QA’s</em> manuais.<br>
Com a adoção em massa das <em>LLM’s</em> tem se tornado desafiador fazer algumas coisas que sempre executavámos.</p>
<p>Na minha opinião, muitas profissões em TI estão com os dias contados da forma que conhecemos.<br>
E a adaptação é extremamente necessária e para ontem.</p>
<p>Em 2026, ser um QA ou programador que não tem um conhecimento minímo em alguma inteligência artificial beira a loucura.<br>
O problema disso é que cada dia surge algo novo e desmonta uma carreira de estudos.</p>
<p>Por isso, não estudo nenhum influenciador de IA, mas deixo uma ressalva para algumas pessoas que entendem do que falam, uma delas é o <a href="https://akitaonrails.com/" rel="noopener">Fábio Akita</a>.<br>
Ele escreveu uma série de artigos sobre o uso de LLM’s de forma magistral.</p>
<p>Meu desejo por mudança não é puramente técnico, mas tem uma carga emocional envolvida. Me dedico desde 2010 para um tema importante, mas que no nosso país não tem nenhuma relevância.</p>
<p>O <strong>poder público</strong> não ajuda, a sensação que tenho que eles estão mais para atrapalhar.</p>
<h2 id="alguns-caminhos-possiveis"><a class="heading-anchor" href="#alguns-caminhos-possiveis">Alguns caminhos possíveis</a></h2>
<p>Pensando em outras carreiras, duas possibilidades vem na minha mente:</p>
<ol>
<li><strong>Fullstack Developer</strong>;</li>
<li><strong>Cibersegurança</strong>.</li>
</ol>
<p>O primeiro caminho seria mais tranquilo, visto que, tenho um <em>background</em> no tema e poderia ser mais simples, mas ao mesmo tempo, percebo que talvez não seja interessante.</p>
<h3 id="ciberseguranca"><a class="heading-anchor" href="#ciberseguranca">Cibersegurança</a></h3>
<p>Esse segundo caminho é uma possibilidade que venho namorando por bons anos, percebo que tem muitas possibilidades de atuação e estou estudando sobre o tema.</p>
<p>Sempre gostei de questões relacionadas a privacidade de dados, segurança e os direitos das pessoas terem sua privacidade respeitada.</p>
<p>Tanto que não uso mais o <strong>Gmail</strong> como e-mail principal e passei a usar o <a href="https://proton.me/mail" rel="noopener">Protonmail</a>.</p>
<p>Além do e-mail, uso a VPN e a suíte deles por um bom tempo e tenho tido alegria nisso.</p>
<p>Outro fato que penso é o uso exorbitante de IA em diversos contextos vai abrir precedentes para grandes vulnerabilidades.<br>
E por consequência isso vai gerar demandas de profissionais dessa área.</p>
<p>Ainda é um plano em aberto, volto aqui para contar mais sobre isso se caso decidir.</p>
</content>
          <category term="100DaysToOffLoad" />
          <category term="til" />
    </entry>
    <entry>
      <title>A paternidade está me mudando</title>
      <link href="https://www.brunopulis.com/blog/a-paternidade-esta-me-mudando/" />
      <updated>2026-04-26T00:00:00Z</updated>
      <id>https://www.brunopulis.com/blog/a-paternidade-esta-me-mudando/</id>
      <content xml:lang="pt-br" type="html"><p>Desde que a Elisa nasceu, percebi que as coisas estão mais devagar. Ou pelo menos parecerem estar.<br>
Acho que essa sensação de estar presente é que me fez sentir isso.</p>
<p>Estava vivendo muito no automático, pensando no futuro, planejando e esquecendo do presente.<br>
E isso foi um dos motivos de ter várias crises de ansiedade.</p>
<p>Agora tudo é diferente, quando dizem que filhos mudam a gente, realmente é verdade.</p>
<p>Suas vontades, prioridades e o olhar para vida mudam.</p>
<p>E mudam para melhor, te fazem ter mais paciência e ser mais atento a necessidade dos outros.</p>
</content>
          <category term="100DaysToOffLoad" />
    </entry>
    <entry>
      <title>Saia da frente, telefone: Semana 4</title>
      <link href="https://www.brunopulis.com/blog/saia-da-frente-telefone-semana-4/" />
      <updated>2026-04-12T00:00:00Z</updated>
      <id>https://www.brunopulis.com/blog/saia-da-frente-telefone-semana-4/</id>
      <content xml:lang="pt-br" type="html"><p>Finalmente cheguei ao fim do desafio!</p>
<p>E nesse artigo, vou trazer algumas percepções mais profundas do que percebi do meu uso de celular.</p>
<p>Para acompanhar toda a saga recomendo, ler todos os artigos anteriores:</p>
<ul>
<li><a href="https://brunopulis.com/blog/saia-da-frente-telefone-semana-1/" rel="noopener">Semana 1</a>;</li>
<li><a href="https://brunopulis.com/blog/saia-da-frente-telefone-semana-2/" rel="noopener">Semana 2</a>;</li>
<li><a href="https://brunopulis.com/blog/saia-da-frente-telefone-semana-3/" rel="noopener">Semana 3</a>.</li>
</ul>
<p>Estou me adaptando a rotina de ser pai, percebo que preciso de ter mais disposição e poder ajudar de forma mais efetiva dentro de casa. O bom é que temos uma rede de apoio boa e isso ajuda bastante.</p>
<p>Por conta da adaptação da nova realidade, eu confesso que abusei muito do uso do celular.<br>
Principalmente nos dias que tive que ficar no hospital durante o dia.</p>
<p>Esqueci que poderia levar um livro ou algum dispositivo fisíco para distrair a mente, mesmo que levasse minha atenção estava limitada a minha esposa e filha.</p>
<p>Alguns dias eu desabilitei os marcadores de uso no celular, me sabotei porque queria um pouco mais de dopamina barata.</p>
<h2 id="comparativo-das-semanas"><a class="heading-anchor" href="#comparativo-das-semanas">Comparativo das semanas</a></h2>
<p>Fazendo um comparativo das semanas constatei que:</p>
<table>
<thead>
<tr>
<th>Semana</th>
<th>Uso semanal</th>
<th>Média diária</th>
</tr>
</thead>
<tbody>
<tr>
<td>Semana 1</td>
<td>1d, 21h</td>
<td>6h 30m</td>
</tr>
<tr>
<td>Semana 2</td>
<td>1d, 13h</td>
<td>5h 22m</td>
</tr>
<tr>
<td>Semana 3</td>
<td>2d, 02h</td>
<td>7h 15m</td>
</tr>
<tr>
<td>Semana 4</td>
<td>2d, 12h</td>
<td>8h 40m</td>
</tr>
</tbody>
</table>
<p>Exagerei bastante no uso na semana do nascimento da Elisa e depois, não que seja desculpa.<br>
Mas foi descuido da minha parte.</p>
<p>Isso só me prova o quanto estou viciado em algo que deveria ser um apetite controlado.<br>
O problema do vício inocente é esse, <strong>não notamos quando se torna um problema</strong>.</p>
<h2 id="grafico-do-resultado-do-experimento"><a class="heading-anchor" href="#grafico-do-resultado-do-experimento">Gráfico do resultado do experimento</a></h2>
<p>Usei o Claude, para criar um gráfico que ilustrasse para mim esse dados em formato visual.<br>
O resultado foi interessante e está representado abaixo:</p>
<p><svg xmlns="http://www.w3.org/2000/svg" aria-describedby="chart-desc" aria-labelledby="chart-title" font-family="sans-serif" style="background:#fff" viewBox="0 0 700 420" aria-label="Tendência de uso diário de celular — 4 semanas" aria-describedby="chart-desc" role="img"><title>Tendência de uso diário de celular — 4 semanas</title><desc>Gráfico de linha mostrando a média diária de uso do celular por semana: semana 1 6h30m, semana 2 5h22m, semana 3 7h15m, semana 4 8h40m. Linha de tendência vermelha tracejada mostra crescimento geral de aproximadamente 45 minutos por semana.</desc><path fill="#fff" d="M0 0h700v420H0z"/><path stroke="#ccc" stroke-width=".5" d="M80 50v260M80 310h560"/><path stroke="#ddd" stroke-dasharray="4 3" stroke-width=".5" d="M80 266.7h560M80 223.3h560M80 180h560M80 136.7h560M80 93.3h560M80 50h560"/><text x="70" y="314" fill="#888" font-size="12" text-anchor="end">4h</text><text x="70" y="270" fill="#888" font-size="12" text-anchor="end">5h</text><text x="70" y="227" fill="#888" font-size="12" text-anchor="end">6h</text><text x="70" y="184" fill="#888" font-size="12" text-anchor="end">7h</text><text x="70" y="141" fill="#888" font-size="12" text-anchor="end">8h</text><text x="70" y="97" fill="#888" font-size="12" text-anchor="end">9h</text><text x="70" y="54" fill="#888" font-size="12" text-anchor="end">10h</text><path fill="#378add" fill-opacity=".08" d="m200 201.8 133 48.9 134-81.4 133-61.4V310H200z"/><path fill="none" stroke="#378add" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m200 201.8 133 48.9 134-81.4 133-61.4"/><path stroke="#e24b4a" stroke-dasharray="7 4" stroke-width="1.5" d="m200 224.3 400-116.4"/><circle cx="200" cy="201.8" r="7" fill="#378add" stroke="#fff" stroke-width="2"/><circle cx="333" cy="250.7" r="7" fill="#378add" stroke="#fff" stroke-width="2"/><circle cx="467" cy="169.3" r="7" fill="#378add" stroke="#fff" stroke-width="2"/><circle cx="600" cy="107.9" r="7" fill="#378add" stroke="#fff" stroke-width="2"/><text x="200" y="192" fill="#185fa5" font-size="12" font-weight="500" text-anchor="middle">6h 30m</text><text x="333" y="265" fill="#185fa5" font-size="12" font-weight="500" text-anchor="middle">5h 22m</text><text x="467" y="159" fill="#185fa5" font-size="12" font-weight="500" text-anchor="middle">7h 15m</text><text x="600" y="98" fill="#185fa5" font-size="12" font-weight="500" text-anchor="middle">8h 40m</text><text x="200" y="330" fill="#888" font-size="13" text-anchor="middle">Semana 1</text><text x="333" y="330" fill="#888" font-size="13" text-anchor="middle">Semana 2</text><text x="467" y="330" fill="#888" font-size="13" text-anchor="middle">Semana 3</text><text x="600" y="330" fill="#888" font-size="13" text-anchor="middle">Semana 4</text><text x="360" y="28" fill="#2c2c2a" font-size="15" font-weight="500" text-anchor="middle">Tendência de uso diário de celular</text><rect width="12" height="3" x="165" y="360" fill="#378add" rx="1"/><text x="182" y="370" fill="#888" font-size="12">Média diária</text><path stroke="#e24b4a" stroke-dasharray="4 3" stroke-width="1.5" d="M270 362h12"/><text x="287" y="370" fill="#888" font-size="12">Linha de tendência</text><text x="18" y="185" fill="#aaa" font-size="12" text-anchor="middle" transform="rotate(-90 18 185)">Horas por dia</text></svg></p>
<h2 id="conclusao"><a class="heading-anchor" href="#conclusao">Conclusão</a></h2>
<p>Notei que não preciso só de boa vontade, mas de <strong>método</strong> para controlar esses impulsos de dopamina barata.<br>
Essa semana, vou experimentar algo que descobri no Instagram do psicológo <a href="https://instagram.com/lucasrocha.psi" rel="noopener">Lucas Rocha</a> um método chamado GAS, que é a sigla de <em>Goal Attainment Scaling</em>.</p>
<p>Basicamente, ele tem uma forma de calcular de forma quantitativa seus hábitos e trazer o que você pode fazer para mudar.</p>
<p>Para mim, trabalhar com o digital e ficar imerso nesse mundo virtual, tem se tornado nocivo. Quero voltar a fazer atividades que amava, como:</p>
<ul>
<li>Ler;</li>
<li>Tocar violão;</li>
<li>Jogar videogame.</li>
</ul>
<p>O que posso te dizer desse experimento é que estamos muito mais viciados do que imaginamos.</p>
<blockquote>
<p>Devemos tomar cuidado para ferramentas não se tornarem pequenos deuses em nossas vidas.<br>
O bezerro de ouro hoje cabe no bolso.</p>
</blockquote>
<p><strong>Fugi da idolatria</strong>.</p>
<p>SDG,<br>
Pulis.</p>
</content>
          <category term="100DaysToOffLoad" />
          <category term="Minimalismo Digital" />
          <category term="Smartphone" />
    </entry>
    <entry>
      <title>O rompimento da barreira de construção de site e seus perigos</title>
      <link href="https://www.brunopulis.com/blog/o-rompimento-da-barreira-de-construcao-de-site-e-seus-perigos/" />
      <updated>2026-04-10T00:00:00Z</updated>
      <id>https://www.brunopulis.com/blog/o-rompimento-da-barreira-de-construcao-de-site-e-seus-perigos/</id>
      <content xml:lang="pt-br" type="html"><p>Esse texto é um reflexão que venho rumindo e algumas coisas estão fazendo sentido na minha cabeça.</p>
<p>Podemos afirmar, que a barreira para construir um site atualmente é quase nula.</p>
<p>As inteligências artificiais generativas, famosas LLM’s auxiliam muito nesse trabalho.</p>
<p>Já usei algumas ferramentas, tais como: Lovable, Bolt.new, Replit e Stitch.</p>
<p>Elas ajudam a romper a barreira estética e programática de um site.</p>
<p>Mas nem tudo são flores, ainda precisamos importar com diversos fatores, como:</p>
<ul>
<li>Semântica;</li>
<li>Performance;</li>
<li>SEO;</li>
<li>Acessibilidade.</li>
</ul>
<p>E isso acontece por algo bem simples: prompts genéricos geram resultados genéricos.</p>
<p>Conseguimos criar arquivos de <em>SKILLS</em> e design para auxiliar nisso.</p>
<p>Mas, a grande questão é um velho conhecido: a semântica da estrutura.</p>
<h2 id="entendendo-a-semantica"><a class="heading-anchor" href="#entendendo-a-semantica">Entendendo a semântica</a></h2>
<p>Quando construímos um site ou app não é um amontoado de código aleatório, mas instruções com <strong>sentido e significado</strong>.</p>
<p>Nesse quesito, todos ganham: <strong>humanos e máquinas</strong>.</p>
<p>Um documento semanticamente correto auxilia seres humanos e diminui sua carga cognitiva.</p>
<p>Para máquinas, contribui para a <strong>indexação</strong>, <strong>categorização</strong> e <strong>taxonomia do conteúdo</strong>. Ou seja, todo mundo sai mais feliz.</p>
<h2 id="o-hype-de-nao-precisamos-de-programadores"><a class="heading-anchor" href="#o-hype-de-nao-precisamos-de-programadores">O hype de “não precisamos de programadores”</a></h2>
<p>Hoje, existe muita gente emocionada com inteligência artificial.</p>
<p>Já mataram e ressucitaram os programadores não sei quantas vezes. 😂</p>
<p>Esses dias, estava conversando com o <a href="https://juanpinheiro.com.br/" rel="noopener">Juan Lucas</a> ele me mostrou uma landing page que construiu usando IA.</p>
<p>Algo para deixar bem claro, ele não é desenvolvedor, mas gestor de trafégo pago. Recomendo se inscrever no <a href="https://youtube.com/@juanlucasgoogleads" rel="noopener">canal do YouTube dele</a>, entrega um conteúdo de alta qualidade de forma gratuita.</p>
<p>A página esteticamente está interessante, atrativa e chamava atenção.</p>
<p>E por curiosidade, fui analisar o código fonte e percebi algumas coisas interessantes. A IA gerou um código com uma taxa de acerto semântico considerável.</p>
<p>Mas pecou em alguns pontos, como:</p>
<ul>
<li>Performance;</li>
<li>Acessibilidade;</li>
<li>Estrutura.</li>
</ul>
<p>Depois de analisar, comentei que poderia melhorar alguns aspectos e marcamos de conversar.</p>
<p>Toquei em alguns pontos como:</p>
<ul>
<li>Ordem de carregamento do documento HTML;</li>
<li>Importância do código semântica;</li>
<li>A acessibilidade como diferencial competitivo;</li>
<li>Performance;</li>
<li>Uso indevido de plugins no WordPress.</li>
</ul>
<hr>
<p>Resultado?  O Juan saiu com a pulga atrás da orelha. 😂</p>
<p>Depois de alguns dias, conversamos de novo e chegamos em uma conclusão.</p>
<p>A IA pode ser um acelerador definitivamente, mas necessita de contexto e instruções adequadas.</p>
<p>Pare de acreditar em promessas falsas de gurus de IA</p>
<h2 id="os-programadores-nao-irao-morrer"><a class="heading-anchor" href="#os-programadores-nao-irao-morrer">Os programadores não irão morrer</a></h2>
<p>Programadores que entendem dos fundamentos computacionais irão se destacar.</p>
<p>Nosso trabalho já vem mudando drasticamente, precisamos de adaptar as necessidades do mercado.</p>
<p>Acredite, terá muita demanda de correção de sites feitos por IA. É questão de tempo de começar a surgir.</p>
<p>Por isso, tenha calma e se prepare.</p>
<p>SDG,<br>
Pulis.</p>
</content>
          <category term="100DaysToOffLoad" />
          <category term="IA" />
    </entry>
    <entry>
      <title>Mudei meu site de novo</title>
      <link href="https://www.brunopulis.com/blog/mudei-meu-site-de-novo/" />
      <updated>2026-04-06T00:00:00Z</updated>
      <id>https://www.brunopulis.com/blog/mudei-meu-site-de-novo/</id>
      <content xml:lang="pt-br" type="html"><p>Esses dias estava conversando com meu amigo <a href="https://wagnerbeethoven.com.br" rel="noopener">Wagner Beethoven</a> sobre meu site.</p>
<p>E sempre tive uma impressão que tinha coisas demais, isso me pertubava muito. Depois de pensar demais decidi tomar uma atitude em relação a isso.</p>
<p>O meu ponto de inflexão sempre era ter um site pessoal com uma pegada comercial.<br>
E isso me dividia bastante, tanto que mudei diversas vezes e nunca fiquei satisfeito.</p>
<p>Por isso, decidi que esse site será meu espaço na internet para reflexão e escrita livre como um bom e velho blog.</p>
<p>E vou criar um outro site para fins comerciais, uma espécie de estúdio digital, em breve vou trazer mais novidades sobre isso.</p>
</content>
          <category term="100DaysToOffLoad" />
          <category term="Minimalismo Digital" />
    </entry>
    <entry>
      <title>Saia da frente, telefone: Semana 3</title>
      <link href="https://www.brunopulis.com/blog/saia-da-frente-telefone-semana-3/" />
      <updated>2026-03-29T00:00:00Z</updated>
      <id>https://www.brunopulis.com/blog/saia-da-frente-telefone-semana-3/</id>
      <content xml:lang="pt-br" type="html"><h2 id="resumo-da-terceira-semana"><a class="heading-anchor" href="#resumo-da-terceira-semana">Resumo da terceira semana</a></h2>
<p>Confira o <a href="https://brunopulis.com/blog/saia-da-frente-telefone-semana-2/" rel="noopener">post da semana passada</a>.</p>
<p>A terceira semana foi um pouco caótica, tive alguns problemas de saúde e usei muito o celular para distrair e tirar o foco nessas questões.</p>
<p>Minha esposa também passou mal de pressão e tivemos que correr para o hospital.</p>
<p>E também minha <strong>Elisa</strong> veio ao mundo.</p>
<p>Sigo ainda com os limitadores de tempo para as redes sociais.</p>
<p>Como tinha falado no último post, deletei algumas redes sociais do meu aparelho e me ajudou a controlar um pouco melhor.</p>
<p>Também deletei <em>ecommercers</em> como a Amazon.</p>
<h2 id="print-semanal"><a class="heading-anchor" href="#print-semanal">Print semanal</a></h2>
<p><img src="/assets/images/blog/screentime-semana-03.webp" alt="Resultado do uso de celular durante a primeira semana total de 2 dias e 02 horas" src="/assets/images/blog/screentime-semana-03.webp" alt="" eleventy:widths="650,960,1400"><br>
“Terceira semana do desafio”</p>
<p>Minha média diária de uso foi de 7 horas muito tempo perdido em um celular.</p>
<h2 id="percepcoes"><a class="heading-anchor" href="#percepcoes">Percepções</a></h2>
<p>O que percebi essa semana foi que o excesso de estímulo e dopamina barata, deixa a gente doente.<br>
E isso só pode ser percebi se dermos alguns passos atrás, por isso quero continuar diminuíndo o meu uso ainda mais.</p>
</content>
          <category term="100DaysToOffLoad" />
          <category term="Minimalismo Digital" />
          <category term="Smartphone" />
    </entry>
    <entry>
      <title>Saia da frente, telefone: Semana 2</title>
      <link href="https://www.brunopulis.com/blog/saia-da-frente-telefone-semana-2/" />
      <updated>2026-03-22T00:00:00Z</updated>
      <id>https://www.brunopulis.com/blog/saia-da-frente-telefone-semana-2/</id>
      <content xml:lang="pt-br" type="html"><h2 id="resumo-da-segunda-semana"><a class="heading-anchor" href="#resumo-da-segunda-semana">Resumo da segunda semana</a></h2>
<p>Confira o <a href="https://brunopulis.com/blog/saia-da-frente-telefone-semana-1/" rel="noopener">post da semana passada</a>.</p>
<p>A segunda semana foi mais desafiadora, percebi que estou viciado.</p>
<p>Encontrei uma maneira simples de diminuir o uso, configurei um limite diário por aplicativo.</p>
<p>Os aplicativos alvos foram:</p>
<ul>
<li>Instagram;</li>
<li>WhatsApp;</li>
<li>LinkedIn.</li>
</ul>
<p>Decidi deletar o LinkedIn do meu celular e usar somente no browser.</p>
<h2 id="print-semanal"><a class="heading-anchor" href="#print-semanal">Print semanal</a></h2>
<p><img src="/assets/images/blog/screentime-semana-02.webp" alt="Resultado do uso de celular durante a primeira semana total de 1 dia e 21 horas" src="/assets/images/blog/screentime-semana-02.webp" alt="" eleventy:widths="650,960,1400"><br>
“Segunda semana do desafio”</p>
<h2 id="resumo-diario"><a class="heading-anchor" href="#resumo-diario">Resumo diário</a></h2>
<p>A minha média diária essa semana foi:</p>
<ul>
<li><strong>Segunda:</strong> 6 horas e 19 minutos;</li>
<li><strong>Terça:</strong> 3 horas e 51 minutos;</li>
<li><strong>Quarta:</strong> 5 horas e 47 minutos;</li>
<li><strong>Quinta:</strong> 6 horas e 05 minutos;</li>
<li><strong>Sexta:</strong> 6 horas e 10 minutos;</li>
<li><strong>Sábado:</strong> 2 horas e 57 minutos;</li>
<li><strong>Domingo:</strong> 3 horas e 52 minutos.</li>
</ul>
<h2 id="percepcoes"><a class="heading-anchor" href="#percepcoes">Percepções</a></h2>
<p>Algo curioso que notei, foi que meu uso é muito mais ativo nos  dias de semana e nos finais de semana são baixos.<br>
Talvez a estratégia seja essa diminuir gradativamente para ter uma média baixa ao longo da semana.</p>
</content>
          <category term="100DaysToOffLoad" />
          <category term="Minimalismo Digital" />
    </entry>
</feed>
