<?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>Forem: Júlio Cézar P. Camargo</title>
    <description>The latest articles on Forem by Júlio Cézar P. Camargo (@juletopi).</description>
    <link>https://forem.com/juletopi</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%2F1066160%2F83e56257-2c56-4126-b3c5-4e14db287ffd.png</url>
      <title>Forem: Júlio Cézar P. Camargo</title>
      <link>https://forem.com/juletopi</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/juletopi"/>
    <language>en</language>
    <item>
      <title>PT-BR | POST: Quer criar interfaces, mas o Figma é muito difícil?</title>
      <dc:creator>Júlio Cézar P. Camargo</dc:creator>
      <pubDate>Sat, 13 May 2023 14:15:42 +0000</pubDate>
      <link>https://forem.com/juletopi/pt-br-post-quer-criar-interfaces-mas-o-figma-e-muito-dificil-35pe</link>
      <guid>https://forem.com/juletopi/pt-br-post-quer-criar-interfaces-mas-o-figma-e-muito-dificil-35pe</guid>
      <description>&lt;p&gt;Se você é um designer ou desenvolvedor de interfaces gráficas, provavelmente já ouviu falar do &lt;strong&gt;Figma&lt;/strong&gt;, uma ferramenta de design muito popular que se tornou uma das principais opções para criar interfaces. &lt;/p&gt;

&lt;p&gt;No entanto, nem todos se adaptam bem a essa plataforma, e muitos podem achar difícil de usar devido ao seu nível de complexidade/profissionalismo.&lt;/p&gt;

&lt;p&gt;Se você é um deles, este post é para &lt;strong&gt;você&lt;/strong&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%2F2ok443iksxam9oqrkfvz.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%2F2ok443iksxam9oqrkfvz.png" alt="Pencil Project - Página Principal" width="492" height="277"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🖌 Pencil Project: Uma Alternativa para Prototipagem de Interfaces Gráficas
&lt;/h3&gt;

&lt;p&gt;Felizmente, existem outras opções de ferramentas de prototipagem de interfaces gráficas disponíveis no mercado. Uma dessas opções é o &lt;strong&gt;Pencil Project&lt;/strong&gt;, uma ferramenta de prototipagem de GUI de código aberto que pode ser usada em todas as plataformas.&lt;br&gt;
⠀&lt;/p&gt;

&lt;h3&gt;
  
  
  ❓ Quais são os seus usos?
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;1. Wireframing Simples&lt;/strong&gt;: O Pencil Project fornece uma ampla variedade de formas e elementos pré-construídos, facilitando a criação rápida de wireframes para sites, aplicativos e outras interfaces gráficas do usuário.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Mockups Detalhados&lt;/strong&gt;: O Pencil Project também pode ser usado para criar mockups detalhados de designs de GUI. Isso pode incluir adicionar cor e tipografia, bem como elementos de UI mais avançados, como menus suspensos e janelas pop-up.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Interações Básicas&lt;/strong&gt;: O Pencil Project também permite que os designers criem protótipos interativos de designs de GUI. Esses protótipos podem incluir botões clicáveis, menus de navegação e outros elementos interativos que permitem que as partes interessadas experimentem o design da GUI de uma maneira mais realista.&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%2F9bg6p2018djqniccw1vm.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%2F9bg6p2018djqniccw1vm.png" alt="Figma vs Pencil Project" width="492" height="277"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  ❓ Figma vs Pencil Project: Quais são as diferenças?
&lt;/h3&gt;

&lt;p&gt;Embora o Pencil Project seja uma alternativa viável ao Figma, é importante observar que as duas ferramentas têm &lt;strong&gt;diferenças importantes&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;O Figma é uma plataforma mais &lt;strong&gt;completa&lt;/strong&gt; e &lt;strong&gt;profissional&lt;/strong&gt;, com recursos de design avançados e uma interface mais intuitiva. Ele também oferece suporte para colaboração em equipe, o que pode ser essencial em projetos maiores.&lt;/p&gt;

&lt;p&gt;Por outro lado, o Pencil Project é mais &lt;strong&gt;simples&lt;/strong&gt; e &lt;strong&gt;fácil&lt;/strong&gt; de usar, tornando-o ideal para quem está começando no mundo do design de interfaces gráficas. Ele oferece uma experiência de design intuitiva e fácil de aprender, além de ser uma opção gratuita para aqueles que não desejam pagar a licença do Figma.&lt;/p&gt;




&lt;h3&gt;
  
  
  📝 Para resumir...
&lt;/h3&gt;

&lt;p&gt;Em resumo, a escolha entre o &lt;strong&gt;Figma&lt;/strong&gt; e o &lt;strong&gt;Pencil Project&lt;/strong&gt; dependerá de suas necessidades específicas.&lt;/p&gt;

&lt;p&gt;Se você precisa de uma plataforma &lt;strong&gt;profissional&lt;/strong&gt; e &lt;strong&gt;completa&lt;/strong&gt;, o Figma pode ser a melhor opção. No entanto, como este post sugere, se você está começando e quer uma ferramenta &lt;strong&gt;fácil&lt;/strong&gt; de usar e &lt;strong&gt;gratuita&lt;/strong&gt;, o Pencil Project pode ser a escolha certa para você.&lt;br&gt;
⠀&lt;/p&gt;

&lt;h3&gt;
  
  
  🔗 Links úteis:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Página de Download do Pencil Project: &lt;a href="https://pencil.evolus.vn/" rel="noopener noreferrer"&gt;https://pencil.evolus.vn/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Como instalar o Pencil Project (Inglês): &lt;a href="https://youtu.be/H9tlK76Urfc" rel="noopener noreferrer"&gt;https://youtu.be/H9tlK76Urfc&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Usando o Pencil Project 1 (Inglês): &lt;a href="https://youtu.be/wT64vMT1Ax0" rel="noopener noreferrer"&gt;https://youtu.be/wT64vMT1Ax0&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Usando o Pencil Project 2 (Pt-Br): &lt;a href="https://youtu.be/dfSbPTuyrCc" rel="noopener noreferrer"&gt;https://youtu.be/dfSbPTuyrCc&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Usando o Pencil Project (Playlist): &lt;a href="https://www.youtube.com/watch?v=49YSNSN0vzE&amp;amp;list=PLJr_Ndo9fWG6y9kwGLma2CiPupBl_lwU-" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=49YSNSN0vzE&amp;amp;list=PLJr_Ndo9fWG6y9kwGLma2CiPupBl_lwU-&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h5&gt;
  
  
  "Click &lt;a href="https://dev.to/juletopi/post-want-to-create-interfaces-but-figma-is-too-much-difficult-4jjh"&gt;here&lt;/a&gt; for an english version of this post".
&lt;/h5&gt;




&lt;p&gt;Espero que esse post tenha te ajudado a escolher uma alternativa para as suas necessidades em prototipagem de GUI.&lt;/p&gt;

&lt;p&gt;Boa sorte na criação de interfaces gráficas pessoal! 👋&lt;/p&gt;

</description>
      <category>design</category>
      <category>ui</category>
      <category>pencilproject</category>
      <category>braziliandevs</category>
    </item>
    <item>
      <title>ENG. | POST: Want to create interfaces, but Figma is too much difficult?</title>
      <dc:creator>Júlio Cézar P. Camargo</dc:creator>
      <pubDate>Sat, 13 May 2023 13:26:55 +0000</pubDate>
      <link>https://forem.com/juletopi/post-want-to-create-interfaces-but-figma-is-too-much-difficult-4jjh</link>
      <guid>https://forem.com/juletopi/post-want-to-create-interfaces-but-figma-is-too-much-difficult-4jjh</guid>
      <description>&lt;p&gt;If you are a graphic interface designer or developer, you have probably already heard about &lt;strong&gt;Figma&lt;/strong&gt;, a very popular design tool that has become one of the main options for creating interfaces. &lt;/p&gt;

&lt;p&gt;However, not everyone adapts well to this platform, and many may find it difficult to use due to its level of complexity/professionalism.&lt;/p&gt;

&lt;p&gt;If you are one of then, this post is &lt;strong&gt;for you&lt;/strong&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%2F2ok443iksxam9oqrkfvz.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%2F2ok443iksxam9oqrkfvz.png" alt="Pencil Project Main Web Page" width="492" height="277"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🖌 Pencil Project: An Alternative for GUI Prototyping
&lt;/h3&gt;

&lt;p&gt;Fortunately, there are other options for graphic interface prototyping tools available on the market. One of these options is the &lt;strong&gt;Pencil Project&lt;/strong&gt;, an open-source GUI prototyping tool that can be used on all platforms.&lt;br&gt;
⠀&lt;/p&gt;

&lt;h3&gt;
  
  
  ❓ What are it's uses for GUI Prototyping?
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;1. Easy Wireframing&lt;/strong&gt;: The Pencil Project provides a wide range of pre-built shapes and elements, making it easy to quickly create wireframes for websites, applications, and other graphical user interfaces.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Detailed Mockups&lt;/strong&gt;: The Pencil Project can also be used to create detailed mockups of GUI designs. This can include adding color and typography, as well as more advanced UI elements like drop-down menus and pop-up windows.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Basic Interactions&lt;/strong&gt;: The Pencil Project also allows designers to create interactive prototypes of GUI designs. These prototypes can include clickable buttons, navigation menus, and other interactive elements that allow stakeholders to experience the GUI design in a more realistic way.&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%2F9bg6p2018djqniccw1vm.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%2F9bg6p2018djqniccw1vm.png" alt="Figma vs Pencil Project" width="492" height="277"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  ❓ Figma vs Pencil Project: What are the Differences?
&lt;/h3&gt;

&lt;p&gt;Although the Pencil Project is a viable alternative to Figma, it is important to note that the two tools have &lt;strong&gt;important differences&lt;/strong&gt;. &lt;/p&gt;

&lt;p&gt;Figma is a more &lt;strong&gt;complete&lt;/strong&gt; and &lt;strong&gt;professional&lt;/strong&gt; platform, with advanced design features and a more intuitive interface. It also offers support for team collaboration, which can be essential in larger projects.&lt;/p&gt;

&lt;p&gt;On the other hand, the Pencil Project is &lt;strong&gt;simpler&lt;/strong&gt; and &lt;strong&gt;easier&lt;/strong&gt; to use, making it ideal for those who are starting in the world of graphic interface design. It offers an intuitive and easy-to-learn design experience, as well as being a free option for those who do not want to pay for the Figma license.&lt;/p&gt;




&lt;h3&gt;
  
  
  📝 To sum up...
&lt;/h3&gt;

&lt;p&gt;In summary, the choice between &lt;strong&gt;Figma&lt;/strong&gt; and the &lt;strong&gt;Pencil Project&lt;/strong&gt; will depend on your specific needs. &lt;/p&gt;

&lt;p&gt;If you need a professional and complete platform, Figma may be the best option. However, as this post suggests, if you are starting out and want an easy-to-use and free tool, the Pencil Project may be the right choice for you.&lt;br&gt;
⠀&lt;/p&gt;

&lt;h3&gt;
  
  
  🔗 Links for use:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Pencil Project Download Page: &lt;a href="https://pencil.evolus.vn/" rel="noopener noreferrer"&gt;https://pencil.evolus.vn/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;How to Install Pencil Project: &lt;a href="https://youtu.be/H9tlK76Urfc" rel="noopener noreferrer"&gt;https://youtu.be/H9tlK76Urfc&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Pencil Project Demonstration 1: &lt;a href="https://youtu.be/wT64vMT1Ax0" rel="noopener noreferrer"&gt;https://youtu.be/wT64vMT1Ax0&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Pencil Project Demonstration 2: &lt;a href="https://youtu.be/cRcbdFq8fN4" rel="noopener noreferrer"&gt;https://youtu.be/cRcbdFq8fN4&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h5&gt;
  
  
  "Clique &lt;a href="https://dev.to/juletopi/pt-br-post-quer-criar-interfaces-mas-o-figma-e-muito-dificil-35pe"&gt;aqui&lt;/a&gt; para ir a uma versão em português deste post".
&lt;/h5&gt;




&lt;p&gt;Hope this post has helped you in choosing an alternative for your needs in GUI prototyping. &lt;/p&gt;

&lt;p&gt;Good luck in creating graphic interfaces folks! 👋&lt;/p&gt;

</description>
      <category>figma</category>
      <category>design</category>
      <category>ui</category>
      <category>pencilproject</category>
    </item>
    <item>
      <title>QUESTION: How many icons can be shown on your Github bio?</title>
      <dc:creator>Júlio Cézar P. Camargo</dc:creator>
      <pubDate>Mon, 17 Apr 2023 04:29:34 +0000</pubDate>
      <link>https://forem.com/juletopi/how-many-icons-can-be-shown-on-your-github-bio-2pgd</link>
      <guid>https://forem.com/juletopi/how-many-icons-can-be-shown-on-your-github-bio-2pgd</guid>
      <description>&lt;h3&gt;
  
  
  💬 Context
&lt;/h3&gt;

&lt;p&gt;Recently, &lt;a href="https://github.com/" rel="noopener noreferrer"&gt;Github&lt;/a&gt; had a update on how many account links you can show on your bio, up to four links in total.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Some of then, like Instagram, Facebook and LinkedIn have an icon. But others don't, like DEV Community.&lt;br&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%2Fndpwg5jgq4q4skt9if21.jpeg" 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%2Fndpwg5jgq4q4skt9if21.jpeg" alt="Github Account Links" width="310" height="230"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;blockquote&gt;
&lt;p&gt;I tried some links, and some shown an icon and some not (you can check it by clicking &lt;a href="https://github.com/juletopi" rel="noopener noreferrer"&gt;here&lt;/a&gt;):&lt;br&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%2Frv2fze4u6pjyi5w1tp2j.jpeg" 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%2Frv2fze4u6pjyi5w1tp2j.jpeg" alt="Github Account Links Editing" width="318" height="226"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h3&gt;
  
  
  🤔 Question
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Has someone discovered how many links had an icon with it on GitHub social account links on bios?&lt;/li&gt;
&lt;li&gt;Is there an post on &lt;a href="https://docs.github.com/pt/account-and-profile/setting-up-and-managing-your-github-profile/customizing-your-profile/personalizing-your-profile" rel="noopener noreferrer"&gt;GitHub Docs&lt;/a&gt; abou it?&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  ❗️ Update: Answer
&lt;/h3&gt;

&lt;p&gt;On April 17th I asked this &lt;a href="https://stackoverflow.com/questions/76031624/how-many-social-accounts-icons-can-be-shown-on-your-github-bio" rel="noopener noreferrer"&gt;question&lt;/a&gt; on Stack Overflow, and on May 6th I got an answer from user &lt;a href="https://stackoverflow.com/users/21838548/yoshiyuki-sato" rel="noopener noreferrer"&gt;yoshiyuki sato&lt;/a&gt;.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;He says that at the moment (2023-05-06), a total of 9 social accounts seem to be supported: &lt;em&gt;twitter&lt;/em&gt;, &lt;em&gt;facebook&lt;/em&gt;, &lt;em&gt;instagram&lt;/em&gt;, &lt;em&gt;linkedin&lt;/em&gt;, &lt;em&gt;reddit&lt;/em&gt;, &lt;em&gt;twitch&lt;/em&gt;, &lt;em&gt;youtube&lt;/em&gt;, &lt;em&gt;mastodon&lt;/em&gt; and &lt;em&gt;hometown&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;And also didn't found any mentions in GitHub Docs.&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%2Fdwgc9t832njp4le777ck.jpeg" 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%2Fdwgc9t832njp4le777ck.jpeg" alt="Stack Overflow Answer" width="628" height="480"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>github</category>
      <category>question</category>
      <category>discuss</category>
      <category>readme</category>
    </item>
  </channel>
</rss>
