<?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: João Correia</title>
    <description>The latest articles on DEV Community by João Correia (@correiajpv).</description>
    <link>https://dev.to/correiajpv</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%2F780014%2F63d0c486-e212-46be-9d65-7f85b7fecbeb.jpg</url>
      <title>DEV Community: João Correia</title>
      <link>https://dev.to/correiajpv</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/correiajpv"/>
    <language>en</language>
    <item>
      <title>ChatGPT Notification: A Chrome Extension for Convenient Output Notifications</title>
      <dc:creator>João Correia</dc:creator>
      <pubDate>Wed, 12 Apr 2023 11:02:16 +0000</pubDate>
      <link>https://dev.to/correiajpv/chatgpt-notification-a-chrome-extension-for-convenient-output-notifications-25cl</link>
      <guid>https://dev.to/correiajpv/chatgpt-notification-a-chrome-extension-for-convenient-output-notifications-25cl</guid>
      <description>&lt;p&gt;Are you tired of constantly checking your screen for when your ChatGPT-generated outputs are ready? Say hello to &lt;strong&gt;ChatGPT Notification&lt;/strong&gt; – a handy Chrome browser extension that helps you stay on top of your ChatGPT outputs with sound notifications.&lt;/p&gt;

&lt;p&gt;With ChatGPT Notification, you can focus on other tasks while waiting for ChatGPT to do its job. Once installed, the extension automatically detects when your output is ready and sends a unique notification sound alert to let you know.&lt;/p&gt;

&lt;p&gt;Using ChatGPT Notification is simple – just enable the extension and let it do the rest. There's no additional configuration needed, making it the perfect tool for busy developers, students, researchers, and bloggers.&lt;/p&gt;

&lt;p&gt;Here are some key features of ChatGPT Notification:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Convenient sound notifications for ChatGPT-generated outputs&lt;/li&gt;
&lt;li&gt;Unique notification sound that's easy to recognize&lt;/li&gt;
&lt;li&gt;No additional configuration needed – just enable and go&lt;/li&gt;
&lt;li&gt;Simple and easy to use&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Ready to experience the convenience of sound notifications for your ChatGPT outputs? Install ChatGPT Notification and never miss a generated output again.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chrome.google.com/webstore/detail/chatgpt-notification/gjmfhcdnhhjemfplaklmkggephphkkeh"&gt;Get chatGPT Notification from the Chrome Web Store&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/Correia-jpv/ChatGPT-Notification"&gt;Check out the chatGPT Notification GitHub repository&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I hope it makes your workflow more efficient and enjoyable.&lt;/p&gt;

</description>
      <category>chatgpt</category>
      <category>ai</category>
      <category>opensource</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Get more eyes on your GitHub work without hassle</title>
      <dc:creator>João Correia</dc:creator>
      <pubDate>Sat, 19 Feb 2022 22:29:35 +0000</pubDate>
      <link>https://dev.to/correiajpv/how-to-farm-github-followers-on-autopilot-4dcm</link>
      <guid>https://dev.to/correiajpv/how-to-farm-github-followers-on-autopilot-4dcm</guid>
      <description>&lt;h2&gt;
  
  
  TL;DR:
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/Correia-jpv" rel="noopener noreferrer"&gt;
        Correia-jpv
      &lt;/a&gt; / &lt;a href="https://github.com/Correia-jpv/github-follow-bot" rel="noopener noreferrer"&gt;
        github-follow-bot
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      🤖 Automated follow/unfollow bot for GitHub. Follow from multiple sources. Choose which users to unfollow. Custom options to control bot speed and maximum actions.
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  Intro
&lt;/h2&gt;

&lt;p&gt;So you want to have more people following your open source work, or maybe bring attention to some interesting and cool projects you have highlighted on your profile.&lt;br&gt;
Perhaps, you want to show off more authority, or you just want to see that followers count grow bigger for the heck of it.&lt;/p&gt;

&lt;p&gt;Well, you can achieve this by many ways. When your projects are interesting, well-made, and with good documentation, you'll get organic followers. Also, if you engage in others' projects with welcome contributions, discussions, and relevant issues.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.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%2Ff2b0epurnvexe3tfqkmm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2Ff2b0epurnvexe3tfqkmm.png" alt="GitHub Follow Bot logo"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  Automation to the rescue
&lt;/h2&gt;

&lt;p&gt;However, you might want to try to get more followers in a more automated way. Follow back is a decent strategy and this Python &lt;a href="https://github.com/Correia-jpv/github-follow-bot" rel="noopener noreferrer"&gt;GitHub Follow Bot&lt;/a&gt; has options for you to choose the follow sources and how the bot will operate. You can selectively unfollow too.&lt;/p&gt;

&lt;p&gt;For example, follow 30 followers of the most popular users from Germany:&lt;br&gt;
&lt;a href="https://media.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%2F1subkogtyh2pxu8mgjhj.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2F1subkogtyh2pxu8mgjhj.gif" alt="GitHub Follow Bot"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Other follow sources are:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Followers of a target user&lt;/li&gt;
&lt;li&gt;Usernames from a file&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here's another example for unfollowing everyone who doesn't follow you back with a custom random delay between unfollows from 5 to 15 seconds:&lt;br&gt;
&lt;a href="https://media.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%2Fyh1va0gsh88vx7ckewug.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2Fyh1va0gsh88vx7ckewug.gif" alt="GitHub Unfollow Bot"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Download, instructions and more details on the project's repository:&lt;br&gt;
&lt;/p&gt;
&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/Correia-jpv" rel="noopener noreferrer"&gt;
        Correia-jpv
      &lt;/a&gt; / &lt;a href="https://github.com/Correia-jpv/github-follow-bot" rel="noopener noreferrer"&gt;
        github-follow-bot
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      🤖 Automated follow/unfollow bot for GitHub. Follow from multiple sources. Choose which users to unfollow. Custom options to control bot speed and maximum actions.
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;


</description>
      <category>python</category>
      <category>automation</category>
      <category>github</category>
      <category>opensource</category>
    </item>
    <item>
      <title>16 useful resources to design and develop beautiful web apps</title>
      <dc:creator>João Correia</dc:creator>
      <pubDate>Sun, 26 Dec 2021 19:51:33 +0000</pubDate>
      <link>https://dev.to/correiajpv/4-lists-of-16-useful-resources-to-design-and-develop-beautiful-web-apps-2i77</link>
      <guid>https://dev.to/correiajpv/4-lists-of-16-useful-resources-to-design-and-develop-beautiful-web-apps-2i77</guid>
      <description>&lt;h2&gt;
  
  
  Learn &amp;amp; Master 📑
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Resource&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.manning.com/books/css-in-depth"&gt;CSS in Depth - Keith J. Grant&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Highly recommended and reviewed book to improve and master the fundamentals and concepts as well as get introduced to branching technologies.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/AllThingsSmitty/css-protips"&gt;CSS Protips&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of tips to help take your CSS skills pro.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://sparkbox.com/foundry/bem_by_example"&gt;BEM by example&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;BEM is a popular naming convention for CSS class names. This thorough guide covers the fundamental concepts and has plenty of examples.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://drive.google.com/file/d/1sxsRHa20MhW0X8NYuxUvhrIT3XLoGDtM/view"&gt;UI &amp;amp; UX cheat sheet pdf&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;21 Quick, and Easy Tips to help you improve your designs fast.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  Practice &amp;amp; Compete 🤓
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Resource&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mastery.games/flexboxzombies/"&gt;Flexbox Zombies&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSS Flexbox fundamentals educational game.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cssgridgarden.com/"&gt;CSS Grid Garden&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSS Grid layout fundamentals educational game.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.frontendmentor.io/challenges?sort=difficulty|asc&amp;amp;languages=HTML|CSS"&gt;Frontend Mentor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Various challenges from easy, simple and small website sections to advanced and complex full projects. Highly recommended.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cssbattle.dev/"&gt;CSS Battle&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSS competitive code golfing. Fun and thematic small challenges.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  Tools 🛠
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Resource&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://animista.net/"&gt;Animista&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSS animations toolbox.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://css-tricks.com/"&gt;CSS Tricks&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Up-to-date articles, guides and more content you should check out.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://htmlcheatsheet.com/css/"&gt;CSS Cheat Sheet&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;-&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://grid.malven.co/"&gt;Grid Cheat Sheet&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;-&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://flexbox.malven.co/"&gt;Flexbox Cheat Sheet&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;-&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  Inspiration ✨
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Resource&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cssnectar.com/"&gt;CSS Nectar&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSS website design showcase. Websites are submitted and voted as website of the day. Winners are permanently added. You can browse by category, feature and color.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bestwebsite.gallery/"&gt;Best Website Gallery&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Collection of handpicked beautiful websites being updated since 2008.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.siteinspire.com/"&gt;Siteinspire&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Yet another showcase with thousands of websites and plenty of search filters.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Leave a comment with a resource you feel also must be shared here.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;If you found any broken link or want yours removed, please contact me.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>css</category>
      <category>design</category>
      <category>ux</category>
    </item>
  </channel>
</rss>
