<?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: Hackertab.dev 🖥️</title>
    <description>The latest articles on DEV Community by Hackertab.dev 🖥️ (@hackertab).</description>
    <link>https://dev.to/hackertab</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%2F696980%2F7e14ec34-a770-4829-8e02-3a2c93ab8bb6.jpeg</url>
      <title>DEV Community: Hackertab.dev 🖥️</title>
      <link>https://dev.to/hackertab</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hackertab"/>
    <language>en</language>
    <item>
      <title>50 Chat GPT Prompts Every Software Developer Should Know (Tested)</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Sat, 13 May 2023 10:00:42 +0000</pubDate>
      <link>https://dev.to/hackertab_org/50-chat-gpt-prompts-every-software-developer-should-know-tested-9al</link>
      <guid>https://dev.to/hackertab_org/50-chat-gpt-prompts-every-software-developer-should-know-tested-9al</guid>
      <description>&lt;p&gt;In this article, we'll explore some awesome ChatGPT-4 prompts specifically tailored for software developers. These prompts can assist with tasks such as code generation, code completion, bug detection, code review, API documentation generation, and more.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Code Generation&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Generate a boilerplate &lt;code&gt;[language]&lt;/code&gt; code for a &lt;code&gt;[class/module/component]&lt;/code&gt; named [name] with the following functionality: &lt;code&gt;[functionality description].&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Create a [language] function to perform &lt;code&gt;[operation]&lt;/code&gt; on &lt;code&gt;[data structure]&lt;/code&gt; with the following inputs: [input variables] and expected output: &lt;code&gt;[output description]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Generate a &lt;code&gt;[language]&lt;/code&gt; class for a &lt;code&gt;[domain]&lt;/code&gt; application that includes methods for &lt;code&gt;[methods list]&lt;/code&gt; and properties &lt;code&gt;[properties list]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Based on the [design pattern], create a code snippet in [language] that demonstrates its implementation for a [use case].&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Generate a boilerplate Python code for a shopping cart module named "ShoppingCart" with the following functionality:

- A constructor that initializes an empty list to store cart items.

- A method called "add_item" that takes in an item object and adds it to the cart.

- A method called "remove_item" that takes in an item object and removes it from the cart if it exists.

- A method called "get_items" that returns the list of items in the cart.

- A method called "get_total" that calculates and returns the total price of all items in the cart.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Code Completion&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;In &lt;code&gt;[language]&lt;/code&gt;, complete the following code snippet that initializes a [data structure] with &lt;code&gt;[values]&lt;/code&gt;: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Finish the &lt;code&gt;[language]&lt;/code&gt; function that calculates [desired output] given the following input parameters: &lt;code&gt;[function signature]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Complete the &lt;code&gt;[language]&lt;/code&gt; code to make an API call to &lt;code&gt;[API endpoint]&lt;/code&gt; with [parameters] and process the response: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example&lt;/strong&gt; : Finish the Python function that calculates the average of a list of numbers given the following input parameters:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;def calculate_average(num_list)

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Bug Detection&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Identify any potential bugs in the following [language] code snippet: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Analyze the given [language] code and suggest improvements to prevent [error type]: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Find any memory leaks in the following [language] code and suggest fixes: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example&lt;/strong&gt; : Identify any potential bugs in the following Python code snippet:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;def calculate_sum(num_list):
    sum = 0
    for i in range(len(num_list)):
        sum += num_list[i]
    return sum

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Code Review&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Review the following &lt;code&gt;[language]&lt;/code&gt; code for best practices and suggest improvements: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Analyze the given &lt;code&gt;[language]&lt;/code&gt; code for adherence to &lt;code&gt;[coding style guidelines]&lt;/code&gt;: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Check the following [language] code for proper error handling and suggest enhancements: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Evaluate the modularity and maintainability of the given &lt;code&gt;[language]&lt;/code&gt; code: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example&lt;/strong&gt; : Review the following Python code for best practices and suggest improvements:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;def multiply_list(lst):
    result = 1
    for num in lst:
        result *= num
    return result

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;API Documentation Generation&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Generate API documentation for the following &lt;code&gt;[language]&lt;/code&gt; code: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Create a concise API reference for the given &lt;code&gt;[language]&lt;/code&gt; class: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Generate usage examples for the following &lt;code&gt;[language]&lt;/code&gt; API: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example&lt;/strong&gt; : Generate API documentation for the following JavaScript code:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;/**
 * Returns the sum of two numbers.
 * @param {number} a - The first number to add.
 * @param {number} b - The second number to add.
 * @returns {number} The sum of a and b.
 */
function sum(a, b) {
  return a + b;
}

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Query Optimization&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Optimize the following SQL query for better performance: &lt;code&gt;[SQL query]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Analyze the given SQL query for any potential bottlenecks: &lt;code&gt;[SQL query]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Suggest indexing strategies for the following SQL query: &lt;code&gt;[SQL query]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Optimize the following NoSQL query for better performance and resource usage: &lt;code&gt;[NoSQL query]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example&lt;/strong&gt; : Optimize the following SQL query for better performance:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;SELECT *
FROM orders
WHERE order_date BETWEEN '2022-01-01' AND '2022-12-31'
ORDER BY order_date DESC
LIMIT 100;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;User Interface Design&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Generate a UI mockup for a &lt;code&gt;[web/mobile]&lt;/code&gt; application that focuses on [&lt;code&gt;user goal or task]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Suggest improvements to the existing user interface of &lt;code&gt;[app or website]&lt;/code&gt; to enhance &lt;code&gt;[usability, accessibility, or aesthetics]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Design a responsive user interface for a &lt;code&gt;[web/mobile]&lt;/code&gt; app that adapts to different screen sizes and orientations.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example&lt;/strong&gt; : Generate a UI mockup for a mobile application that focuses on managing personal finances.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Automated Testing&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Generate test cases for the following [language] function based on the input parameters and expected output: &lt;code&gt;[function signature]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Create a test script for the given [language] code that covers [unit/integration/system] testing: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Generate test data for the following [language] function that tests various edge cases: &lt;code&gt;[function signature]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Design a testing strategy for a [web/mobile] app that includes [unit, integration, system, and/or performance] testing.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; Generate test cases for the following Python function based on the input parameters and expected output:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;def divide(a: float, b: float) -&amp;gt; float:
    if b == 0:
        raise ZeroDivisionError('division by zero')
    return a / b
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Code refactoring&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Suggest refactoring improvements for the following [language] code to enhance readability and maintainability: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Identify opportunities to apply [design pattern] in the given [language] code: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Optimize the following [language] code for better performance: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example&lt;/strong&gt; : Optimize the following Python code for better performance:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;def find_max(numbers):
    max_num = numbers[0]
    for num in numbers:
        if num &amp;gt; max_num:
            max_num = num
    return max_num

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Design pattern suggestions&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Based on the given [language] code, recommend a suitable design pattern to improve its structure: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Identify opportunities to apply the [design pattern] in the following [language] codebase: &lt;code&gt;[repository URL or codebase description]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Suggest an alternative design pattern for the given [language] code that may provide additional benefits: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; Based on the given Python code, recommend a suitable design pattern to improve its structure:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;class TotalPriceCalculator:
    def calculate_total(self, items):
        pass

class NormalTotalPriceCalculator(TotalPriceCalculator):
    def calculate_total(self, items):
        total = 0
        for item in items:
            total += item.price * item.quantity
        return total

class DiscountedTotalPriceCalculator(TotalPriceCalculator):
    def calculate_total(self, items):
        total = 0
        for item in items:
            total += item.price * item.quantity * 0.9 # apply 10% discount
        return total

class Order:
    def __init__ (self, items, total_price_calculator):
        self.items = items
        self.total_price_calculator = total_price_calculator

    def calculate_total(self):
        return self.total_price_calculator.calculate_total(self.items)

class Item:
    def __init__ (self, name, price, quantity):
        self.name = name
        self.price = price
        self.quantity = quantity

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Algorithm development&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Suggest an optimal algorithm to solve the following problem: &lt;code&gt;[problem description]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Improve the efficiency of the given algorithm for &lt;code&gt;[specific use case]&lt;/code&gt;: &lt;code&gt;[algorithm or pseudocode]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Design an algorithm that can handle &lt;code&gt;[large-scale data or high-throughput]&lt;/code&gt; for &lt;code&gt;[specific task or operation]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Propose a parallel or distributed version of the following algorithm to improve performance: &lt;code&gt;[algorithm or pseudocode]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Code translation&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Translate the following &lt;code&gt;[source language]&lt;/code&gt; code to &lt;code&gt;[target language]&lt;/code&gt;: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Convert the given &lt;code&gt;[source language]&lt;/code&gt; class or module to &lt;code&gt;[target language]&lt;/code&gt; while preserving its functionality and structure: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Migrate the following &lt;code&gt;[source language]&lt;/code&gt; code that uses &lt;code&gt;[library or framework]&lt;/code&gt; to [target language] with a similar library or framework: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; Translate the following Python code to JavaScript:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;def factorial(n):
    if n == 0:
        return 1
    else:
        return n * factorial(n-1)

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Personalized learning&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Curate a list of resources to learn &lt;code&gt;[programming language or technology]&lt;/code&gt; based on my current skill level: &lt;code&gt;[beginner/intermediate/advanced]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Recommend a learning path to become proficient in &lt;code&gt;[specific programming domain or technology]&lt;/code&gt; considering my background in &lt;code&gt;[existing skills or experience]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Suggest project ideas or coding exercises to practice and improve my skills in &lt;code&gt;[programming language or technology]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Code visualization&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Generate a UML diagram for the following &lt;code&gt;[language]&lt;/code&gt; code: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Create a flowchart or visual representation of the given &lt;code&gt;[language]&lt;/code&gt; algorithm: &lt;code&gt;[algorithm or pseudocode]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Visualize the call graph or dependencies of the following &lt;code&gt;[language]&lt;/code&gt; code: &lt;code&gt;[code snippet]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example&lt;/strong&gt; : Generate a UML diagram for the following Java code:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;public abstract class Vehicle {
    private String model;

    public Vehicle(String model) {
        this.model = model;
    }

    public String getModel() {
        return model;
    }

    public abstract void start();

    public abstract void stop();
}

public class Car extends Vehicle {
    public Car(String model) {
        super(model);
    }
    @Override
    public void start() {
        System.out.println("Starting car engine");
    }
    @Override
    public void stop() {
        System.out.println("Stopping car engine");
    }
}
public class Motorcycle extends Vehicle {
    public Motorcycle(String model) {
        super(model);
    }
    @Override
    public void start() {
        System.out.println("Starting motorcycle engine");
    }
    @Override
    public void stop() {
        System.out.println("Stopping motorcycle engine");
    }
}

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Data visualization&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Generate a bar chart that represents the following data: &lt;code&gt;[data or dataset description]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Create a line chart that visualizes the trend in the following time series data: &lt;code&gt;[data or dataset description]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Design a heatmap that represents the correlation between the following variables: &lt;code&gt;[variable list]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Thanks for reading&lt;/em&gt;&lt;/strong&gt;&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%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1682700725820%2F7dfeecb5-0495-414d-96e8-47a9a7784b87.jpeg" 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%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1682700725820%2F7dfeecb5-0495-414d-96e8-47a9a7784b87.jpeg" alt="Hackertab"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;a href="https://hackertab.dev/" rel="noopener noreferrer"&gt;&lt;strong&gt;All Developer news in one tab!&lt;/strong&gt;&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;As a developer, it can be difficult to stay on top of everything happening in the field. &lt;a href="https://hackertab.dev/" rel="noopener noreferrer"&gt;&lt;strong&gt;Hackertab&lt;/strong&gt;&lt;/a&gt; makes it easy by allowing you to customise your default tab page to include news, tools and events from top sources such as GitHub Trending, Hacker News, DevTo, Medium, and Product Hunt.&lt;/p&gt;

</description>
      <category>chatgpt</category>
      <category>webdev</category>
      <category>ai</category>
    </item>
    <item>
      <title>Chat GPT Down? Try these 6 tested alternatives!</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Tue, 09 May 2023 18:37:10 +0000</pubDate>
      <link>https://dev.to/hackertab_org/chat-gpt-down-try-these-top-6-tested-alternatives-25o</link>
      <guid>https://dev.to/hackertab_org/chat-gpt-down-try-these-top-6-tested-alternatives-25o</guid>
      <description>&lt;p&gt;Chat GPT is a popular AI communication tool. However, it may go down, causing inconvenience to users who rely on it for work or personal projects. Fortunately, tested alternatives are available. In this article, we'll introduce you to some of the top alternatives.&lt;/p&gt;

&lt;h2&gt;
  
  
  Hugging Face
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--8Zu6OG98--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683654398748/d1851e15-0143-4285-8c7a-08b691cef084.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8Zu6OG98--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683654398748/d1851e15-0143-4285-8c7a-08b691cef084.jpeg" alt="Hugging Face" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Hugging Face Chat provides access to several chatbots, including GPT-2, GPT-3, and DialoGPT. It offers a user-friendly interface and a range of customization options.&lt;/p&gt;

&lt;p&gt;💰 Price: Free/Paid&lt;/p&gt;

&lt;p&gt;🔓 Open Source: ✅&lt;/p&gt;

&lt;p&gt;🏢 Parent company: Hugging Face&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://huggingface.co/chat"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Koala
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--AkOJSgDI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683654410479/c5487646-ac85-4986-9079-4cc711c108a5.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AkOJSgDI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683654410479/c5487646-ac85-4986-9079-4cc711c108a5.jpeg" alt="Koala" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Koala is a chatbot platform that uses GPT-3 technology to provide natural language processing and conversation capabilities. It offers integration with various platforms, including Slack and Microsoft Teams.&lt;/p&gt;

&lt;p&gt;💰 Price: Paid&lt;/p&gt;

&lt;p&gt;🔓 Open Source: ❌&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://koala.sh/"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  LMSYS Chatbot
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CtJRyUw3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683654786787/035086b9-fe3e-48f9-8eb4-f6c66cfbb499.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CtJRyUw3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683654786787/035086b9-fe3e-48f9-8eb4-f6c66cfbb499.jpeg" alt="LMSYS Chatbot" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;LMSYS Chatbot provides AI-powered chatbots for businesses that can be customized to suit specific needs. It offers a range of features, including natural language processing and voice recognition.&lt;/p&gt;

&lt;p&gt;💰 Price: Free&lt;/p&gt;

&lt;p&gt;🔓 Open Source: ✅&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chat.lmsys.org/"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  POE
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--E0UbNMI7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683654794161/885194aa-a597-49c7-996a-09af3bb93008.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--E0UbNMI7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683654794161/885194aa-a597-49c7-996a-09af3bb93008.jpeg" alt="POE" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;POE is an open-source conversational AI platform that uses GPT-2 and GPT-3 technology. It offers a range of features, including language translation and sentiment analysis.&lt;/p&gt;

&lt;p&gt;💰 Price: Free&lt;/p&gt;

&lt;p&gt;🔓 Open Source: ✅&lt;/p&gt;

&lt;p&gt;🏢 Parent company: Quora&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://poe.com/"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Ora
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--pK1bcnye--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683656216905/61a02e0d-5fba-4897-9615-0e65beb8ff99.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pK1bcnye--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683656216905/61a02e0d-5fba-4897-9615-0e65beb8ff99.jpeg" alt="Ora" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ora is a conversational AI platform that uses machine learning and natural language processing to provide chatbot capabilities. It offers integration with various platforms, including Facebook Messenger and Slack.&lt;/p&gt;

&lt;p&gt;💰 Price: Free&lt;/p&gt;

&lt;p&gt;🔓 Open Source: ❌&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://ora.ai/explore"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Perplexity AI
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--yiRSTkDN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683655190673/d7958008-cf19-494c-8083-8b4708f16e5a.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--yiRSTkDN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1683655190673/d7958008-cf19-494c-8083-8b4708f16e5a.jpeg" alt="Perplexity AI" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Perplexity AI is a conversational AI platform that uses GPT-3 technology to provide chatbot capabilities. It offers a range of features, including customization and integration with various platforms.&lt;/p&gt;

&lt;p&gt;💰 Price: Free/Paid&lt;/p&gt;

&lt;p&gt;🔓 Open Source: ❌&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://www.perplexity.ai/"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;if you know of any other better alternatives, don't hesitate to share them with us.&lt;/strong&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Thanks for reading
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9_-Yy_0v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700725820/7dfeecb5-0495-414d-96e8-47a9a7784b87.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9_-Yy_0v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700725820/7dfeecb5-0495-414d-96e8-47a9a7784b87.jpeg" alt="Hackertab" width="640" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;a href="https://hackertab.dev/"&gt;&lt;strong&gt;All Developer news in one tab!&lt;/strong&gt;&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;As a developer, it can be difficult to stay on top of everything happening in the field. &lt;a href="https://hackertab.dev/"&gt;&lt;strong&gt;Hackertab&lt;/strong&gt;&lt;/a&gt; makes it easy by allowing you to customise your default tab page to include news, tools and events from top sources such as GitHub Trending, Hacker News, DevTo, Medium, and Product Hunt.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>chatgpt</category>
      <category>programming</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Dark Mode vs. Light Mode: Which is Better for Your Productivity?</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Wed, 03 May 2023 07:56:41 +0000</pubDate>
      <link>https://dev.to/hackertab_org/dark-mode-vs-light-mode-which-is-better-for-your-productivity-3adf</link>
      <guid>https://dev.to/hackertab_org/dark-mode-vs-light-mode-which-is-better-for-your-productivity-3adf</guid>
      <description>&lt;p&gt;💡 Light mode or 🌙 dark mode for coding? The debate continues! We've created a comparison table to help you decide which mode is right for you. Check it out and let us know which side you're on!&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;strong&gt;Topic&lt;/strong&gt;&lt;/th&gt;
&lt;th&gt;&lt;strong&gt;Dark Mode&lt;/strong&gt;&lt;/th&gt;
&lt;th&gt;&lt;strong&gt;Light Mode&lt;/strong&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Eye Strain and Fatigue&lt;/td&gt;
&lt;td&gt;✅ Reduced eye strain and fatigue, especially when working for extended periods of time&lt;/td&gt;
&lt;td&gt;❌ Can cause eye strain and fatigue when working for extended periods of time, especially in low-light environments&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Color Representation&lt;/td&gt;
&lt;td&gt;❌ May not accurately represent color accuracy, especially in situations where accurate color representation is important&lt;/td&gt;
&lt;td&gt;✅ Generally provides more accurate color representation&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Compatibility&lt;/td&gt;
&lt;td&gt;❌ May not be compatible with certain applications or websites that are optimized for Light Mode&lt;/td&gt;
&lt;td&gt;✅ Generally more compatible with applications and websites&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Visibility&lt;/td&gt;
&lt;td&gt;✅ Can be less visible in bright environments, making it more difficult to read or distinguish certain elements on the screen&lt;/td&gt;
&lt;td&gt;✅ Better visibility in bright environments, such as outdoors or in direct sunlight&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Blue Light Emission&lt;/td&gt;
&lt;td&gt;✅ Reduced blue light emission, which can disrupt sleep patterns and cause eye strain&lt;/td&gt;
&lt;td&gt;❌ Increased blue light emission, which can disrupt sleep patterns and cause eye strain&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Contrast&lt;/td&gt;
&lt;td&gt;✅ Increased contrast between text and background, making it easier to distinguish elements on the screen&lt;/td&gt;
&lt;td&gt;✅ Better visibility in bright environments, such as outdoors or in direct sunlight&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Visual Artifacts&lt;/td&gt;
&lt;td&gt;❌ Can cause visual artifacts, such as banding or dithering, which can be more noticeable in darker environments&lt;/td&gt;
&lt;td&gt;✅ Can reduce the appearance of visual artifacts, such as banding or dithering, which can be more noticeable in darker environments&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Aesthetics&lt;/td&gt;
&lt;td&gt;✅ Can enhance the look and feel of certain types of content, such as photography or video&lt;/td&gt;
&lt;td&gt;✅ A more familiar and traditional look, which may be preferred by some users&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Accessibility&lt;/td&gt;
&lt;td&gt;❌ May not be ideal for certain types of content, such as photography or video, which may require accurate color representation&lt;/td&gt;
&lt;td&gt;✅ Generally easier to read for people with certain types of color vision deficiencies&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;So, as you can see, there are pros and cons to both Dark Mode and Light Mode. Ultimately, &lt;strong&gt;the decision should be made based on your specific needs&lt;/strong&gt; and preferences as a developer. Maybe try experimenting with both modes and see which one works best for you. Happy developing!&lt;/p&gt;

&lt;h2&gt;
  
  
  Thanks for reading
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--jpvEcCDa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hb4zhtz3mouh1ehafh13.jpeg"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ibcGcPVF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--jpvEcCDa--/c_limit%252Cf_auto%252Cfl_progressive%252Cq_auto%252Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hb4zhtz3mouh1ehafh13.jpeg" alt="Hackertab.dev" width="640" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;a href="https://hackertab.dev/"&gt;&lt;strong&gt;All Developer news in one tab!&lt;/strong&gt;&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;As a developer, it can be difficult to stay on top of everything happening in the field. &lt;a href="https://hackertab.dev/"&gt;&lt;strong&gt;Hackertab&lt;/strong&gt;&lt;/a&gt; makes it easy by allowing you to customise your default tab page to include news, tools and events from top sources such as GitHub Trending, Hacker News, DevTo, Medium, and Product Hunt.&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>webdev</category>
      <category>programming</category>
    </item>
    <item>
      <title>6 Repositories recommended by GitHub to Boost Your Programming Productivity</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Tue, 02 May 2023 20:59:16 +0000</pubDate>
      <link>https://dev.to/hackertab_org/6-repositories-recommended-by-github-to-boost-your-programming-productivity-24a0</link>
      <guid>https://dev.to/hackertab_org/6-repositories-recommended-by-github-to-boost-your-programming-productivity-24a0</guid>
      <description>&lt;p&gt;Want to work more efficiently as a programmer? Check out these 6 Github repositories that can help you get more done. They include tools to manage your shell settings and screen capture software that makes it easy to share your work. These repos are the secret weapons that every programmer should have in their toolkit.&lt;/p&gt;

&lt;h2&gt;
  
  
  ohmyzsh
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--5zeoJ4ON--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682699644949/97a2e39d-67bc-497b-a115-779d9883e34c.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5zeoJ4ON--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682699644949/97a2e39d-67bc-497b-a115-779d9883e34c.jpeg" alt="ohmyzsh" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you're not already using ohmyzsh, a popular open-source framework for managing your Zsh configuration, you're missing out. With its user-friendly command-line interface, wide variety of plugins, and themes, ohmyzsh makes it easy to customize your shell environment and work more efficiently.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/ohmyzsh/ohmyzsh"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  git-sweep
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--xScviUFW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682699896875/642ca01e-d543-4f86-9c74-494a06dff0f1.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xScviUFW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682699896875/642ca01e-d543-4f86-9c74-494a06dff0f1.jpeg" alt="git-sweep" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This useful tool helps Git users manage and clean up their local branches, reducing clutter and streamlining the process of finding and managing active branches. Git-sweep can analyze Git commit history to identify abandoned or merged branches, making it a must-have for anyone working on complex projects with multiple contributors.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/arc90/git-sweep"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  JSONView
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--or1rAf04--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700211826/a8db3d7f-689c-4d8f-bf7c-5f91126a3fba.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--or1rAf04--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700211826/a8db3d7f-689c-4d8f-bf7c-5f91126a3fba.jpeg" alt="JSONView" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you work with JSON data, you'll love JSONView. This browser extension provides a more user-friendly way to view and manipulate JSON data within your browser. With its hierarchical display format, search functionality, and ability to modify data directly within the browser, JSONView makes working with JSON data easier and more efficient than ever before.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/bhollis/jsonview"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Zoxide
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CqQthj1U--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682619025771/7e560373-5aeb-4a74-baa1-0ef6686f3452.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CqQthj1U--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682619025771/7e560373-5aeb-4a74-baa1-0ef6686f3452.jpeg" alt="Zoxide" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Zoxide is a useful tool for improving your productivity as a programmer. This command-line tool helps you navigate your file system more efficiently by keeping track of your most frequently used directories and providing a convenient way to navigate to them. With its support for fuzzy matching, Zoxide makes it easy to quickly jump to frequently accessed directories with just a few keystrokes.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/ajeetdsouza/zoxide"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ActivityWatch
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DIc1OBHC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700425637/e7cb5a2b-3c8f-453c-b6a1-e564de7e6b3b.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DIc1OBHC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700425637/e7cb5a2b-3c8f-453c-b6a1-e564de7e6b3b.jpeg" alt="ActivityWatch" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you're looking to improve your time management skills and boost your productivity, give ActivityWatch a try. This free and open-source time-tracking software helps you monitor your computer usage and identify areas where you might be wasting time or getting distracted. With its customizable dashboard and detailed statistics on your activity, ActivityWatch is a powerful tool for anyone looking to optimize their work habits.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/ActivityWatch/activitywatch"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ShareX
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--MQM9Tx3T--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700600591/e3fbb84c-2fd6-4a5b-8177-2087d9a5a061.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MQM9Tx3T--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700600591/e3fbb84c-2fd6-4a5b-8177-2087d9a5a061.jpeg" alt="ShareX" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Finally, there's ShareX, the ultimate screen capture and file sharing tool for Windows users. Its customizable and user-friendly interface makes it easy to capture screenshots or screen recordings and share them with others through a variety of file hosting services. Whether you're a developer, designer, or anyone who frequently needs to share their work, ShareX is a must-have tool for boosting productivity and streamlining workflow.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/ShareX/ShareX"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Thanks for reading
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9_-Yy_0v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700725820/7dfeecb5-0495-414d-96e8-47a9a7784b87.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9_-Yy_0v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700725820/7dfeecb5-0495-414d-96e8-47a9a7784b87.jpeg" alt="Hackertab" width="640" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;a href="https://hackertab.dev/"&gt;&lt;strong&gt;All Developer news in one tab!&lt;/strong&gt;&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;As a developer, it can be difficult to stay on top of everything happening in the field. &lt;a href="https://hackertab.dev/"&gt;&lt;strong&gt;Hackertab&lt;/strong&gt;&lt;/a&gt; makes it easy by allowing you to customise your default tab page to include news, tools and events from top sources such as GitHub Trending, Hacker News, DevTo, Medium, and Product Hunt.&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>github</category>
      <category>webdev</category>
    </item>
    <item>
      <title>6 Repositories recommended by GitHub to Boost Your Programming Productivity</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Tue, 02 May 2023 20:38:41 +0000</pubDate>
      <link>https://dev.to/hackertab/6-repositories-recommended-by-github-to-boost-your-programming-productivity-3kfa</link>
      <guid>https://dev.to/hackertab/6-repositories-recommended-by-github-to-boost-your-programming-productivity-3kfa</guid>
      <description>&lt;p&gt;Want to work more efficiently as a programmer? Check out these 6 Github repositories that can help you get more done. They include tools to manage your shell settings and screen capture software that makes it easy to share your work. These repos are the secret weapons that every programmer should have in their toolkit.&lt;/p&gt;

&lt;h2&gt;
  
  
  ohmyzsh
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--5zeoJ4ON--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682699644949/97a2e39d-67bc-497b-a115-779d9883e34c.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5zeoJ4ON--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682699644949/97a2e39d-67bc-497b-a115-779d9883e34c.jpeg" alt="ohmyzsh" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you're not already using ohmyzsh, a popular open-source framework for managing your Zsh configuration, you're missing out. With its user-friendly command-line interface, wide variety of plugins, and themes, ohmyzsh makes it easy to customize your shell environment and work more efficiently.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/ohmyzsh/ohmyzsh"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  git-sweep
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--xScviUFW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682699896875/642ca01e-d543-4f86-9c74-494a06dff0f1.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xScviUFW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682699896875/642ca01e-d543-4f86-9c74-494a06dff0f1.jpeg" alt="git-sweep" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This useful tool helps Git users manage and clean up their local branches, reducing clutter and streamlining the process of finding and managing active branches. Git-sweep can analyze Git commit history to identify abandoned or merged branches, making it a must-have for anyone working on complex projects with multiple contributors.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/arc90/git-sweep"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  JSONView
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--or1rAf04--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700211826/a8db3d7f-689c-4d8f-bf7c-5f91126a3fba.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--or1rAf04--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700211826/a8db3d7f-689c-4d8f-bf7c-5f91126a3fba.jpeg" alt="JSONView" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you work with JSON data, you'll love JSONView. This browser extension provides a more user-friendly way to view and manipulate JSON data within your browser. With its hierarchical display format, search functionality, and ability to modify data directly within the browser, JSONView makes working with JSON data easier and more efficient than ever before.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/bhollis/jsonview"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Zoxide
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CqQthj1U--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682619025771/7e560373-5aeb-4a74-baa1-0ef6686f3452.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CqQthj1U--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682619025771/7e560373-5aeb-4a74-baa1-0ef6686f3452.jpeg" alt="Zoxide" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Zoxide is a useful tool for improving your productivity as a programmer. This command-line tool helps you navigate your file system more efficiently by keeping track of your most frequently used directories and providing a convenient way to navigate to them. With its support for fuzzy matching, Zoxide makes it easy to quickly jump to frequently accessed directories with just a few keystrokes.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/ajeetdsouza/zoxide"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ActivityWatch
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DIc1OBHC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700425637/e7cb5a2b-3c8f-453c-b6a1-e564de7e6b3b.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DIc1OBHC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700425637/e7cb5a2b-3c8f-453c-b6a1-e564de7e6b3b.jpeg" alt="ActivityWatch" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you're looking to improve your time management skills and boost your productivity, give ActivityWatch a try. This free and open-source time-tracking software helps you monitor your computer usage and identify areas where you might be wasting time or getting distracted. With its customizable dashboard and detailed statistics on your activity, ActivityWatch is a powerful tool for anyone looking to optimize their work habits.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/ActivityWatch/activitywatch"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ShareX
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--MQM9Tx3T--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700600591/e3fbb84c-2fd6-4a5b-8177-2087d9a5a061.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MQM9Tx3T--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700600591/e3fbb84c-2fd6-4a5b-8177-2087d9a5a061.jpeg" alt="ShareX" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Finally, there's ShareX, the ultimate screen capture and file sharing tool for Windows users. Its customizable and user-friendly interface makes it easy to capture screenshots or screen recordings and share them with others through a variety of file hosting services. Whether you're a developer, designer, or anyone who frequently needs to share their work, ShareX is a must-have tool for boosting productivity and streamlining workflow.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://github.com/ShareX/ShareX"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Thanks for reading
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9_-Yy_0v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700725820/7dfeecb5-0495-414d-96e8-47a9a7784b87.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9_-Yy_0v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682700725820/7dfeecb5-0495-414d-96e8-47a9a7784b87.jpeg" alt="Hackertab" width="640" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;a href="https://hackertab.dev/"&gt;&lt;strong&gt;All Developer news in one tab!&lt;/strong&gt;&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;As a developer, it can be difficult to stay on top of everything happening in the field. &lt;a href="https://hackertab.dev/"&gt;&lt;strong&gt;Hackertab&lt;/strong&gt;&lt;/a&gt; makes it easy by allowing you to customise your default tab page to include news, tools and events from top sources such as GitHub Trending, Hacker News, DevTo, Medium, and Product Hunt.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>7 game-changing extensions that made me love Github even more!</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Mon, 01 May 2023 10:21:28 +0000</pubDate>
      <link>https://dev.to/hackertab_org/7-game-changing-extensions-that-made-me-love-github-even-more-1e0i</link>
      <guid>https://dev.to/hackertab_org/7-game-changing-extensions-that-made-me-love-github-even-more-1e0i</guid>
      <description>&lt;p&gt;If you're a developer who uses GitHub regularly, you might be interested in some browser extensions that can enhance your GitHub experience. These extensions can provide useful features like project management tools, code navigation and intelligence, file downloading, and even GIF searching.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;ZenHub for GitHub&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--rK_ZKZfG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682618536814/fb5bf252-7f19-4443-a8fd-2a91d481a10a.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--rK_ZKZfG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682618536814/fb5bf252-7f19-4443-a8fd-2a91d481a10a.jpeg" alt="ZenHub" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Zenhub&lt;/strong&gt; is a project management tool that integrates with GitHub's user interface, allowing developers to stay in the environment they love while providing total visibility into the development process for project managers.&lt;/p&gt;

&lt;p&gt;It offers features like multi-repo task boards for visualizing issues and tracking dependencies, planning sprints and epics, and actionable reports for release reports, velocity tracking, and burndowns. Zenhub is trusted by dev teams at companies like NASA, Microsoft, Adobe, and others.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/zenhub-for-github/ogcgkffhplmphkaahpmffcafajaocjbd"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;GitZip for Github&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--jcoop87U--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682618628845/7319d321-6ed2-4ab0-9a89-b51e434352d3.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--jcoop87U--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682618628845/7319d321-6ed2-4ab0-9a89-b51e434352d3.jpeg" alt="GitZip" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;GitZip&lt;/strong&gt; is a browser extension that allows you to download specific files or folders from a GitHub repository as a zip file, without having to download the entire project.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/gitzip-for-github/ffabmkklhbepgcgfonabamgnfafbdlkn"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Material Icons for GitHub
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--bWoatVcK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682618861189/62542599-d376-4114-b5a1-bd4f2f19a932.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--bWoatVcK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682618861189/62542599-d376-4114-b5a1-bd4f2f19a932.jpeg" alt="Material Icons for GitHub" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The Material Icons for GitHub&lt;/strong&gt; browser extension replaces file/folder icons on the GitHub file browser with icons that represent the file's type and which tool it is used by. It uses icons from Visual Studio Code's Material Icon Theme icons, making it easy to quickly identify file types, configuration files, and project scaffolding at a glance.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/material-icons-for-github/bggfcpfjbdkhfhfmkjpbhnkhnpjjeomc"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;GIFs for GitHub&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--AW8bfNDa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682618941954/8971c153-8c9b-4ddc-9793-501d165f2f1a.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AW8bfNDa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682618941954/8971c153-8c9b-4ddc-9793-501d165f2f1a.jpeg" alt="GIFs for GitHub" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;With the browser extension &lt;strong&gt;GIFs for GitHub&lt;/strong&gt;, responding to comments with a GIF has never been easier. The GIPHY dropdown is accessible through the GIF button in the top right corner of the comment box, making it effortless to search and add your favorite GIFs to any GitHub comment.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/gifs-for-github/dkgjnpbipbdaoaadbdhpiokaemhlphep"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;GitHub Code Folding&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1iuGmhUQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682619070688/572dab44-0766-40a7-8fbe-0773073619b2.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1iuGmhUQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682619070688/572dab44-0766-40a7-8fbe-0773073619b2.jpeg" alt="GitHub Code Folding" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can use code folding to hide and display sections of code when viewing files in GitHub. This feature is commonly found in text editors and IDEs and is now available using this Chrome extension.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/github-code-folding/lefcpjbffalgdcdgidjdnmabfenecjdf"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Sourcegraph&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--jzwo30Gd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682619188738/7b91e5ba-944e-4914-8ce9-f0b4e11ef87c.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--jzwo30Gd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682619188738/7b91e5ba-944e-4914-8ce9-f0b4e11ef87c.jpeg" alt="Sourcegraph" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The &lt;strong&gt;Sourcegraph&lt;/strong&gt; browser extension adds code navigation and intelligence to GitHub, GitLab, Bitbucket Server, and Phabricator. It provides hover tooltips with documentation and type information, go-to definition, and find references features. The extension also integrates with third-party services with Sourcegraph extensions, and it has a browser shortcut (src + Space) that performs the search on the user's Sourcegraph instance.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/sourcegraph/dgjhfomjieaadpoljlnidmbgkdffpack"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Notifier for GitHub
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vCNB09J2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682701960299/c7857154-f879-475e-bdca-192923d84060.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vCNB09J2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1682701960299/c7857154-f879-475e-bdca-192923d84060.jpeg" alt="Notifier for GitHub" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can see how many unread notifications you have on GitHub using this tool. It checks the GitHub Notifications API every minute and works with GitHub Enterprise. You can also choose to display the unread count only for the issues you're participating in.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/notifier-for-github/lmjdlojahmbbcodnpecnjnmlddbkjhnn"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🚀 After testing these Chrome extensions, I can confirm they greatly improved my GitHub experience, making my workflows smoother and more efficient. Give them a try!&lt;/p&gt;

&lt;h2&gt;
  
  
  Thanks for reading
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--jpvEcCDa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hb4zhtz3mouh1ehafh13.jpeg"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ibcGcPVF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--jpvEcCDa--/c_limit%252Cf_auto%252Cfl_progressive%252Cq_auto%252Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hb4zhtz3mouh1ehafh13.jpeg" alt="Hackertab.dev" width="640" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;a href="https://hackertab.dev/"&gt;&lt;strong&gt;All Developer news in one tab!&lt;/strong&gt;&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;As a developer, it can be difficult to stay on top of everything happening in the field. &lt;a href="https://hackertab.dev/"&gt;&lt;strong&gt;Hackertab&lt;/strong&gt;&lt;/a&gt; makes it easy by allowing you to customise your default tab page to include news, tools and events from top sources such as GitHub Trending, Hacker News, DevTo, Medium, and Product Hunt.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>productivity</category>
      <category>tooling</category>
    </item>
    <item>
      <title>5 Cool Chat GPT Project Ideas Any Developer Can Build!</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Wed, 12 Apr 2023 18:44:42 +0000</pubDate>
      <link>https://dev.to/hackertab_org/5-cool-chat-gpt-project-ideas-any-developer-can-build-5f3k</link>
      <guid>https://dev.to/hackertab_org/5-cool-chat-gpt-project-ideas-any-developer-can-build-5f3k</guid>
      <description>&lt;p&gt;Are you interested in exploring the Open AI Chat GPT world? This article shares 5 cool side project ideas that aren't too complex to develop. Let's get started!&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%2Fmedia.tenor.com%2Fu-2oPYC2kaEAAAAd%2Fcat-thuglife.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%2Fmedia.tenor.com%2Fu-2oPYC2kaEAAAAd%2Fcat-thuglife.gif" alt="Gif cat"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  1 - The LinkedIn AI-powered Resume Builder
&lt;/h3&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%2Fkdoni9gfermupchqplj0.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%2Fkdoni9gfermupchqplj0.png" alt="The LinkedIn AI-powered Resume Builder"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The LinkedIn AI-powered Resume Builder 🤖📝 is a web application that leverages the LinkedIn API and Chat GPT to help job seekers create high-quality resumes.&lt;/p&gt;

&lt;p&gt;The app will use AI to extract key information from a user's LinkedIn profile, including experiences, education, and skills. The app will then pass this data to Chat GPT, which will generate a tailored resume that highlights the user's most interesting experiences and skills. The user can tweak the resume according to a job offer or their preferences. 💻👨‍💼&lt;/p&gt;

&lt;h3&gt;
  
  
  2 - VsCode Documentation Generator
&lt;/h3&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%2Fea6xsjwtqkel469ctk57.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%2Fea6xsjwtqkel469ctk57.png" alt="VsCode Documentation Generator"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;💻📝 The VsCode Documentation Generator is a plugin for Visual Studio Code that aims to automate the documentation process by automatically generating documentation for code as it is being written. The plugin will leverage machine learning algorithms, specifically Chat GPT, to analyse the code, extract key information, and generate documentation for each function, class, and variable.&lt;/p&gt;

&lt;h3&gt;
  
  
  3 - Tweet Like Me
&lt;/h3&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%2F8wnh3baezelf6iraznms.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%2F8wnh3baezelf6iraznms.png" alt="Tweet Like Me"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🐦🤖💡 The Tweet Like Me project aims to create a smart tweet generator that analyzes a user's previous tweets and generates new ones that mimic their writing style. This project will use Chat GPT, a machine learning algorithm, to analyze the user's tweets and extract key information about their writing style, including their 📚, 🗣️, and 🎵. Based on this analysis, the tool will generate new tweets that match the user's style and interests.&lt;/p&gt;

&lt;h3&gt;
  
  
  4 - Add Autocomplete to Any Field
&lt;/h3&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%2Fk9m9iumxjwsifkmi5qmv.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%2Fk9m9iumxjwsifkmi5qmv.png" alt="Add Autocomplete to Any Field"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🔍💻💡 The "Add Autocomplete to Any Field" project aims to create a web plugin that helps users by providing pre-made autocomplete suggestions for commonly used fields such as search bars, forms, and other fields that require user input. This project will use Chat GPT, a machine learning algorithm, to analyze the user's input and suggest relevant autocomplete options based on the context of the input.&lt;/p&gt;

&lt;h3&gt;
  
  
  5 - Job Interview Preparation Bot
&lt;/h3&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%2Fq8ostjb6hy6u6zucuue8.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%2Fq8ostjb6hy6u6zucuue8.png" alt="Job Interview Preparation Bot"&gt;&lt;/a&gt;&lt;br&gt;
🤖💼💬 A chatbot that uses Chat GPT to assist developers in preparing for job interviews. The bot will first ask the user about their technical skills, experience, and job preferences using LinkedIn API or Github to tailor the interview questions.&lt;/p&gt;

&lt;p&gt;It will then provide commonly asked questions in job interviews for the user's stack and experience level. The bot will give feedback on the user's answer, highlighting areas that need improvement or areas that were answered well. The bot can also simulate a live interview experience by providing a set time limit ⏰ for each question and creating a report 📊 with the user's performance at the end of the session.&lt;/p&gt;

&lt;h2&gt;
  
  
  Thanks for reading
&lt;/h2&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%2Fhb4zhtz3mouh1ehafh13.jpeg" 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%2Fhb4zhtz3mouh1ehafh13.jpeg" alt="Hackertab.dev"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;a href="https://hackertab.dev" rel="noopener noreferrer"&gt;&lt;strong&gt;All Developer news in one tab!&lt;/strong&gt;&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;As a developer, it can be difficult to stay on top of everything happening in the field. &lt;a href="https://hackertab.dev" rel="noopener noreferrer"&gt;&lt;strong&gt;Hackertab&lt;/strong&gt;&lt;/a&gt; makes it easy by allowing you to customise your default tab page to include news, tools and events from top sources such as GitHub Trending, Hacker News, DevTo, Medium, and Product Hunt.&lt;/p&gt;

</description>
      <category>chatgpt</category>
      <category>javascript</category>
      <category>sideprojects</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Singleton Design Pattern in Typescript</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Fri, 30 Dec 2022 14:45:32 +0000</pubDate>
      <link>https://dev.to/hackertab/singleton-design-pattern-in-typescript-53i4</link>
      <guid>https://dev.to/hackertab/singleton-design-pattern-in-typescript-53i4</guid>
      <description>&lt;p&gt;The &lt;strong&gt;singleton&lt;/strong&gt; design pattern is a software design pattern that ensures that a class has only one instance and provides a global point of access to it. This is useful in situations where you need to ensure that a resource is shared among all the users of a system, or when you need to keep track of the global state for example ensuring that there is only one database connection in your application.&lt;/p&gt;

&lt;p&gt;Here's an example of how to implement the singleton design pattern in TypeScript using a database connection class:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight typescript"&gt;&lt;code&gt;&lt;span class="kd"&gt;class&lt;/span&gt; &lt;span class="nx"&gt;DatabaseConnection&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;private&lt;/span&gt; &lt;span class="k"&gt;static&lt;/span&gt; &lt;span class="nx"&gt;instance&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;DatabaseConnection&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

  &lt;span class="k"&gt;private&lt;/span&gt; &lt;span class="kd"&gt;constructor&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{}&lt;/span&gt;

  &lt;span class="k"&gt;static&lt;/span&gt; &lt;span class="nx"&gt;getInstance&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt; &lt;span class="nx"&gt;DatabaseConnection&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;if&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="o"&gt;!&lt;/span&gt;&lt;span class="nx"&gt;DatabaseConnection&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;instance&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="nx"&gt;DatabaseConnection&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;instance&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nx"&gt;DatabaseConnection&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;
    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;DatabaseConnection&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;instance&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;To use the singleton, you can call the &lt;code&gt;getInstance&lt;/code&gt; method and store the returned instance in a variable. You can then use this variable to access the methods and properties of the singleton.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight typescript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;connection&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;DatabaseConnection&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getInstance&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;span class="nx"&gt;connection&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;runQuery&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;SELECT * FROM users&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The singleton design pattern can be useful in a variety of situations, such as creating a database connection, managing global configuration, logging messages, or caching data. By using the singleton design pattern, you can ensure that your application is efficient, maintainable, and easy to use.&lt;/p&gt;




&lt;p&gt;Get the latest in tech with &lt;a href="https://hackertab.dev"&gt;HackerTab&lt;/a&gt;! Our browser extension helps you stay up-to-date with the latest development news, tools, and events. Try it out today!&lt;/p&gt;

</description>
      <category>typescript</category>
      <category>architecture</category>
      <category>programming</category>
    </item>
    <item>
      <title>12 hand-picked chrome extensions that will change the way you do web development in 2023</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Wed, 28 Dec 2022 11:29:50 +0000</pubDate>
      <link>https://dev.to/hackertab_org/12-hand-picked-chrome-extensions-that-will-change-the-way-you-do-web-development-in-2023-ni9</link>
      <guid>https://dev.to/hackertab_org/12-hand-picked-chrome-extensions-that-will-change-the-way-you-do-web-development-in-2023-ni9</guid>
      <description>&lt;p&gt;This guide recommends &lt;strong&gt;12 Chrome extensions&lt;/strong&gt; that can help developers increase their productivity.&lt;/p&gt;

&lt;p&gt;The extensions include tools suitable for developers of all types, including front-end, back-end, and full-stack developers. By using these extensions, developers can save time and get more work done efficiently. The guide suggests using these Chrome extensions to boost productivity and make coding easier.&lt;/p&gt;

&lt;h2&gt;
  
  
  Responsive Viewer
&lt;/h2&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%2Fdoszri941qq51g3pxn4q.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%2Fdoszri941qq51g3pxn4q.jpeg" alt="Responsive viewer" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;As a front-end developer, you know how important it is to make sure your responsive designs look great on all screen sizes. That's where &lt;strong&gt;Responsive Viewer&lt;/strong&gt; comes in!&lt;/p&gt;

&lt;p&gt;The Chrome extension allows you to preview your website or app on multiple screens at once, so you can easily identify and fix any issues. With Responsive Viewer, testing your responsive designs has never been easier. Give it a try and see the difference it can make in your workflow!"&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Material Icons for Github
&lt;/h2&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%2Fnxec0up6v5ts0xrumjp6.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%2Fnxec0up6v5ts0xrumjp6.jpeg" alt="Material Icons for Github" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Material icons extension changes the file and folder icons in the &lt;strong&gt;GitHub&lt;/strong&gt; file browser to icons representing the file's type and the tool it is used by. The icons used are from Visual Studio Code's Material Icon Theme. The extension can be used on &lt;strong&gt;multiple websites&lt;/strong&gt;, including GitHub, Gitlab, Bitbucket and more&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/material-icons-for-github/bggfcpfjbdkhfhfmkjpbhnkhnpjjeomc" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Hackertab&lt;/strong&gt;
&lt;/h2&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%2Fnkikdwx3akj770i328yg.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%2Fnkikdwx3akj770i328yg.jpeg" alt="Hackertab" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Hackertab&lt;/strong&gt; helps developers to stay up-to-date with the &lt;strong&gt;latest developer news&lt;/strong&gt;, tools, and events.&lt;/p&gt;

&lt;p&gt;With &lt;a href="https://hackertab.dev" rel="noopener noreferrer"&gt;Hackertab&lt;/a&gt;, you can customize your feed to focus on your specific area of interest, whether that's frontend, backend, full-stack, mobile, or data science. Hackertab fetches content from the best developer news sources, including GitHub, Hacker News, DevTo, Hashnode, and more.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/hackertabdev-developer-ne/ocoipcahhaedjhnpoanfflhbdcpmalmp" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Grepper&lt;/strong&gt;
&lt;/h2&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%2Foyrp5g7r7qamnwicmv0x.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%2Foyrp5g7r7qamnwicmv0x.jpeg" alt="Grepper" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Code Grepper&lt;/strong&gt; helps you develop faster by showing you code snippets instantly right from your google search results.&lt;/p&gt;

&lt;p&gt;Having answers at the top of your search results keeps you from having to scour forums for the correct answer, having quick access to the right answer allows you to stay in the "developer zone".&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/grepper/amaaokahonnfjjemodnpmeenfpnnbkco" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Clear Session
&lt;/h2&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%2Fcgvr7z737mshh65z56ge.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%2Fcgvr7z737mshh65z56ge.jpeg" alt="Clear Session" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This extension does exactly what it promises: it deletes all cookies, session data, and local storage from the website you're currently on. This can be useful in some edge cases, such as sending an invitation or testing permissions per user type…&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/clear-session/maejjihldgmkjlfmgpgoebepjchengka?hl=en" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Better history
&lt;/h2&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%2Favcjl4b8wfdue4zx8xs3.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%2Favcjl4b8wfdue4zx8xs3.jpeg" alt="Better history" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Better History is a Chrome extension that &lt;strong&gt;enhances your browsing&lt;/strong&gt; history. It allows you to search through your history more easily, group and organize history entries by domain or date, and even import and export your history for safekeeping. With Better History, you can get more out of your browsing history and make it work for you.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/better-history/egehpkpgpgooebopjihjmnpejnjafefi" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Octolinkr
&lt;/h2&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%2Fkc4oc3rs81qx5utw6eeg.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%2Fkc4oc3rs81qx5utw6eeg.jpeg" alt="Octolinkr" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;OctoLinker&lt;/strong&gt; helps users navigate through projects more efficiently. It turns language-specific statements into links and allows users to quickly link to relative files, discover dependencies, access API documentation, and review code in pull requests.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/octolinker/jlmafbaeoofdegohdhinkhilhclaklkp?hl=en" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Resource Override&lt;/strong&gt;
&lt;/h2&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%2Fk1u71qfqw7sfe34trnk7.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%2Fk1u71qfqw7sfe34trnk7.jpeg" alt="Resource Override" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you're a web developer, you know how frustrating it can be to debug production websites. But with &lt;strong&gt;Resource Override&lt;/strong&gt;, you can easily edit and inject code on the fly, making your debugging process much smoother. Plus, you don't have to sift through minified code anymore – you can simply redirect to an unminified version or use the integrated file editor to paste it in. Overall, this extension is a game-changer for anyone working with production websites.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/resource-override/pkoacgokdfckfpndoffpifphamojphii" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Screenshot.rocks
&lt;/h2&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%2Feue8z3b5wbyne5xjsv4r.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%2Feue8z3b5wbyne5xjsv4r.jpeg" alt="Screenshot.rocks" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This extension allows you to quickly and easily create beautiful browser and mobile mockups with just one click. You can wrap your screenshots in customizable frames, apply different styles and colours, and even export them in popular formats. With &lt;strong&gt;screenshot.rocks&lt;/strong&gt;, you can make your screenshots stand out and never send a boring one again.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://chrome.google.com/webstore/detail/screenshotrocks-one-click/oolmphedpohnagciifbnfpemadolahki" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Gimli Tailwind
&lt;/h2&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%2F55srcdj1odt570yp3f8n.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%2F55srcdj1odt570yp3f8n.jpeg" alt="Gimli Tailwind" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Gimli Tailwind&lt;/strong&gt; is a DevTools extension that helps developers work with Tailwind CSS more efficiently.&lt;/p&gt;

&lt;p&gt;It provides instant feedback and allows developers to preview changes by hovering or using keyboard shortcuts. Gimli Tailwind groups inputs in the same way as the official documentation and only shows relevant inputs for flex and grid elements. Its goal is to help developers build better websites faster.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chrome.google.com/webstore/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  DevTools z-index
&lt;/h2&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%2Fy2yv30yhi9y1ob6gjp4z.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%2Fy2yv30yhi9y1ob6gjp4z.jpeg" alt="DevTools z-index" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This extension displays a &lt;strong&gt;"z-index" pane&lt;/strong&gt; that shows the ranking of elements, helping users to reduce the number of z-index values and make it easier to manage their web page's layout. This extension is particularly useful for developers working with the CSS z-index property, which specifies the stack order of elements on a webpage.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chrome.google.com/webstore/detail/devtools-z-index/bcnpmhefiohkpmjacfoanhbjhikegmoe" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Pixel Perfect
&lt;/h2&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%2Fmgxzmf4kph33a4uvpq15.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%2Fmgxzmf4kph33a4uvpq15.jpeg" alt="Pixel Perfect" width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;PerfectPixel helps both developers and designers ensure their code matches a design exactly by overlaying a semi-transparent image on top of the developed HTML.&lt;/p&gt;

&lt;p&gt;It has multiple layers support, layer inversion and scaling, and the ability to save layers between sessions. PerfectPixel is useful for creating websites with pixel-perfect accuracy and has a convenient UI with drag-and-drop file upload and keyboard arrow and mousewheel support.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🚀 To sum it up, there are many ways to increase your productivity as a developer. By using helpful Chrome extensions and implementing effective strategies, you can streamline your workflow and achieve greater success. 💪 Happy coding! 💻&lt;/p&gt;




&lt;p&gt;Get the latest in tech with &lt;a href="https://hackertab.dev" rel="noopener noreferrer"&gt;HackerTab&lt;/a&gt;! Our browser extension helps you stay up-to-date with the latest development news, tools, and events. Try it out today!&lt;/p&gt;

</description>
      <category>softwaredevelopment</category>
    </item>
    <item>
      <title>🔥 Trending News, Repos and Products of the day - Digest #127</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Fri, 14 Jan 2022 12:00:16 +0000</pubDate>
      <link>https://dev.to/hackertab/trending-news-repos-and-products-of-the-day-digest-127-4470</link>
      <guid>https://dev.to/hackertab/trending-news-repos-and-products-of-the-day-digest-127-4470</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--j8xX_gT6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/kVzXltq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--j8xX_gT6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/kVzXltq.png" alt="articleImg" width="740" height="205"&gt;&lt;/a&gt;Each day we handpick the best web content across different websites eg: Hackernews, Github, Reddit... to help you stay updated with the hottest trends!&lt;/p&gt;




&lt;h2&gt;
  
  
  Level up your 🚀 skills with these Github repositories:
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PimnZsxI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/http://www.prodapt.com/wp-content/uploads/github.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PimnZsxI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/http://www.prodapt.com/wp-content/uploads/github.png" alt="Github" width="800" height="297"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📙 &lt;a href="https://link.hackertab.dev/jgxJ"&gt;leveldb&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 google | ⭐ +27,836 stars LevelDB is a fast key-value storage library written at Google that provides an ordered mapping from string keys to string values.&lt;/p&gt;

&lt;h3&gt;
  
  
  📙 &lt;a href="https://link.hackertab.dev/sarj"&gt;jadx&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 skylot | ⭐ +28,649 stars Dex to Java decompiler&lt;/p&gt;

&lt;h3&gt;
  
  
  📙 &lt;a href="https://link.hackertab.dev/1rn3"&gt;protobuf&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 protocolbuffers | ⭐ +52,627 stars Protocol Buffers - Google's data interchange format&lt;/p&gt;




&lt;h2&gt;
  
  
  🎉 🔥 Hottest Devto posts :
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📝 &lt;a href="https://dev.to/appwrite/become-a-master-of-the-database-using-appwrites-new-query-api-5ge4"&gt;Become a master of the database using Appwrite's new query API&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 Bradley Schofield | 👍 +30 reactions &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--zWkiCHsI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--qwiHEnqk--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79hkmjnsn2968t4a7bfg.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--zWkiCHsI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--qwiHEnqk--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79hkmjnsn2968t4a7bfg.jpg" alt="" width="800" height="336"&gt;&lt;/a&gt;With Appwrite 0.12, we made Appwrite harder, better, faster, stronger with many new additions to the...&lt;/p&gt;

&lt;h3&gt;
  
  
  📝 &lt;a href="https://dev.to/godspowercuche/introduction-to-middleware-in-express-2d8p-temp-slug-7553953"&gt;Introduction to using middleware in Express&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 Naftali Murgor | 👍 +23 reactions &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--TRUZLkf9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--KPp_7Dp4--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lz20q61y9kog932vvsjf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--TRUZLkf9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--KPp_7Dp4--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lz20q61y9kog932vvsjf.png" alt="" width="800" height="336"&gt;&lt;/a&gt;Introduction This tutorial will learn about middleware and how middleware makes Express...&lt;/p&gt;

&lt;h3&gt;
  
  
  📝 &lt;a href="https://dev.to/crespire/learning-tdd-was-hard-but-worth-it-2eaj"&gt;Learning TDD was hard, but worth it.&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 crespire | 👍 +23 reactions &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Xq5faobT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--QCr_5hQj--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cqvvo4xok5skcb6bqsjz.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Xq5faobT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--QCr_5hQj--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cqvvo4xok5skcb6bqsjz.jpg" alt="" width="800" height="336"&gt;&lt;/a&gt;Cover Photo by Yan Krukov from Pexels. As part of my learning journey with The Odin Project, I was...&lt;/p&gt;




&lt;h2&gt;
  
  
  👀 Keep an eye on these cool products too:
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🔧 &lt;a href="https://www.producthunt.com/posts/popwork?utm_campaign=producthunt-api&amp;amp;utm_medium=api-v2&amp;amp;utm_source=Application%3A+Hackertab+%28ID%3A+42881%29"&gt;Popwork&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;🔺 +153 | 💬 +75 Turn boring 1:1s into actionable &amp;amp; meaningful conversations &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vST8YCm1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/9714917d-e91a-4046-9f54-7c2a580cea24.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vST8YCm1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/9714917d-e91a-4046-9f54-7c2a580cea24.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" alt="Popwork" width="100" height="100"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🔧 &lt;a href="https://www.producthunt.com/posts/community-tools-index-by-orbit-2?utm_campaign=producthunt-api&amp;amp;utm_medium=api-v2&amp;amp;utm_source=Application%3A+Hackertab+%28ID%3A+42881%29"&gt;Community Tools Index by Orbit&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;🔺 +21 | 💬 +1 300+ tools ranked by usage among community builders &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--eLAIglIq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/a2bfd25e-b678-49c6-8176-11071fef3020.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--eLAIglIq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/a2bfd25e-b678-49c6-8176-11071fef3020.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" alt="Community Tools Index by Orbit" width="100" height="100"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🔧 &lt;a href="https://www.producthunt.com/posts/snippet-3?utm_campaign=producthunt-api&amp;amp;utm_medium=api-v2&amp;amp;utm_source=Application%3A+Hackertab+%28ID%3A+42881%29"&gt;Snīppet&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;🔺 +17 | 💬 +2 A macOS quick link finder &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--eCiaFTFp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://ph-files.imgix.net/0ec6ba65-1233-4606-8796-72eead0a8e3d.png%3Fauto%3Dformat%26w%3D100%26h%3D100" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--eCiaFTFp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://ph-files.imgix.net/0ec6ba65-1233-4606-8796-72eead0a8e3d.png%3Fauto%3Dformat%26w%3D100%26h%3D100" alt="Snīppet" width="100" height="100"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;🙌 Wrap Up! That was all for this week.&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Hackertab on Twitter for more tips: &lt;a href="https://twitter.com/hackertabdev"&gt;@hackertabdev&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--S6i1NSNd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/sYGs3ep.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--S6i1NSNd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/sYGs3ep.png" alt="Hackertab" width="800" height="443"&gt;&lt;/a&gt;&lt;a href="https://hackertab.dev"&gt;Hackertab&lt;/a&gt; turns your New Tab page into a geeky one that keeps you as a developer updated with the best tools, news, jobs and events.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>html</category>
      <category>css</category>
      <category>hackertab</category>
    </item>
    <item>
      <title>🔥 Trending News, Repos and Products of the day - Digest #126</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Thu, 13 Jan 2022 12:00:17 +0000</pubDate>
      <link>https://dev.to/hackertab/trending-news-repos-and-products-of-the-day-digest-126-4n7m</link>
      <guid>https://dev.to/hackertab/trending-news-repos-and-products-of-the-day-digest-126-4n7m</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--j8xX_gT6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/kVzXltq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--j8xX_gT6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/kVzXltq.png" alt="articleImg" width="740" height="205"&gt;&lt;/a&gt;Each day we handpick the best web content across different websites eg: Hackernews, Github, Reddit... to help you stay updated with the hottest trends!&lt;/p&gt;




&lt;h2&gt;
  
  
  Level up your 🚀 skills with these Github repositories:
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PimnZsxI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/http://www.prodapt.com/wp-content/uploads/github.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PimnZsxI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/http://www.prodapt.com/wp-content/uploads/github.png" alt="Github" width="800" height="297"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📙 &lt;a href="https://link.hackertab.dev/E8KV"&gt;plutus-pioneer-program&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 input-output-hk | ⭐ +1,153 stars&lt;/p&gt;

&lt;h3&gt;
  
  
  📙 &lt;a href="https://link.hackertab.dev/HpB3"&gt;colors.js&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 Marak | ⭐ +4,741 stars get colors in your node.js console&lt;/p&gt;

&lt;h3&gt;
  
  
  📙 &lt;a href="https://link.hackertab.dev/cWFQ"&gt;interviews.ai&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 BoltzmannEntropy | ⭐ +2,647 stars It is my belief that you, the postgraduate students and job-seekers for whom the book is primarily meant will benefit from reading it; however, it is my hope that even the most experienced researchers will find it fascinating as well.&lt;/p&gt;




&lt;h2&gt;
  
  
  🎉 🔥 Hottest Devto posts :
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📝 &lt;a href="https://dev.to/godspowercuche/revisiting-conditionals-in-javascript-and-typescript-1hak-temp-slug-6184753"&gt;Revisiting Conditionals in JavaScript and TypeScript&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 TK | 👍 +21 reactions &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--2C_LeTcE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--iHpJlW7M--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://www.iamtk.co/_next/image%253Furl%253D%25252Fseries%25252Fmastering-javascript%25252Fconditionals.jpg%2526w%253D640%2526q%253D75" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--2C_LeTcE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--iHpJlW7M--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://www.iamtk.co/_next/image%253Furl%253D%25252Fseries%25252Fmastering-javascript%25252Fconditionals.jpg%2526w%253D640%2526q%253D75" alt="" width="800" height="336"&gt;&lt;/a&gt;The original post was published at iamtk.co. This post is part of the Mastering JavaScript...&lt;/p&gt;

&lt;h3&gt;
  
  
  📝 &lt;a href="https://dev.to/preethi_dev/emmet-series1-boost-your-productivity-2l34"&gt;Emmet Series1🎉- Boost your productivity&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 ⚡Preethi | 👍 +21 reactions &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--01aVT5uU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--L6I4sOxG--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m8un3jximmsm8wtbywpp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--01aVT5uU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--L6I4sOxG--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m8un3jximmsm8wtbywpp.png" alt="" width="800" height="336"&gt;&lt;/a&gt;Hey There, Header seems weird right😵. Don't panic it's not heavy handed. Sometimes feel getting...&lt;/p&gt;

&lt;h3&gt;
  
  
  📝 &lt;a href="https://dev.to/godspowercuche/how-has-your-relationship-with-complexity-changed-over-time-262p-temp-slug-4086553"&gt;How has your relationship with complexity changed over time?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 Ben Halpern | 👍 +31 reactions &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ir2FmdR1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--cQOr1-y6--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l9jt92a1tyvfne5r2795.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ir2FmdR1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--cQOr1-y6--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l9jt92a1tyvfne5r2795.png" alt="" width="800" height="336"&gt;&lt;/a&gt;How do you deal with, avoid, or accept complexity — differently than you might have earlier in your...&lt;/p&gt;




&lt;h2&gt;
  
  
  👀 Keep an eye on these cool products too:
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🔧 &lt;a href="https://www.producthunt.com/posts/akiflow-3-0?utm_campaign=producthunt-api&amp;amp;utm_medium=api-v2&amp;amp;utm_source=Application%3A+Hackertab+%28ID%3A+42881%29"&gt;Akiflow 3.0&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;🔺 +200 | 💬 +38 Get your tasks and calendars together and plan your day &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0Q6R_c6t--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/5d91f50d-054e-450b-820d-678e11a5015d.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0Q6R_c6t--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/5d91f50d-054e-450b-820d-678e11a5015d.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" alt="Akiflow 3.0" width="100" height="100"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🔧 &lt;a href="https://www.producthunt.com/posts/lusha-prospecting-platform?utm_campaign=producthunt-api&amp;amp;utm_medium=api-v2&amp;amp;utm_source=Application%3A+Hackertab+%28ID%3A+42881%29"&gt;Lusha Prospecting Platform&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;🔺 +176 | 💬 +11 Find your ideal prospects in seconds &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sK0gvPwW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://ph-files.imgix.net/fb51ae4a-8dc2-4200-bce6-0eb2a77ded41.png%3Fauto%3Dformat%26w%3D100%26h%3D100" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sK0gvPwW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://ph-files.imgix.net/fb51ae4a-8dc2-4200-bce6-0eb2a77ded41.png%3Fauto%3Dformat%26w%3D100%26h%3D100" alt="Lusha Prospecting Platform" width="100" height="100"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🔧 &lt;a href="https://www.producthunt.com/posts/prospero-2-0?utm_campaign=producthunt-api&amp;amp;utm_medium=api-v2&amp;amp;utm_source=Application%3A+Hackertab+%28ID%3A+42881%29"&gt;Prospero 2.0&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;🔺 +92 | 💬 +30 Impress your clients with beautiful proposals &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--95wPXF0h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/45bcdef5-79da-4fc5-b27a-9e2f27977507.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--95wPXF0h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/45bcdef5-79da-4fc5-b27a-9e2f27977507.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" alt="Prospero 2.0" width="100" height="100"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;🙌 Wrap Up! That was all for this week.&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Hackertab on Twitter for more tips: &lt;a href="https://twitter.com/hackertabdev"&gt;@hackertabdev&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--S6i1NSNd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/sYGs3ep.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--S6i1NSNd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/sYGs3ep.png" alt="Hackertab" width="800" height="443"&gt;&lt;/a&gt;&lt;a href="https://hackertab.dev"&gt;Hackertab&lt;/a&gt; turns your New Tab page into a geeky one that keeps you as a developer updated with the best tools, news, jobs and events.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>html</category>
      <category>css</category>
      <category>hackertab</category>
    </item>
    <item>
      <title>🔥 Trending News, Repos and Products of the day - Digest #125</title>
      <dc:creator>Hackertab.dev 🖥️</dc:creator>
      <pubDate>Wed, 12 Jan 2022 12:00:14 +0000</pubDate>
      <link>https://dev.to/hackertab/trending-news-repos-and-products-of-the-day-digest-125-1e34</link>
      <guid>https://dev.to/hackertab/trending-news-repos-and-products-of-the-day-digest-125-1e34</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--j8xX_gT6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/kVzXltq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--j8xX_gT6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/kVzXltq.png" alt="articleImg" width="740" height="205"&gt;&lt;/a&gt;Each day we handpick the best web content across different websites eg: Hackernews, Github, Reddit... to help you stay updated with the hottest trends!&lt;/p&gt;




&lt;h2&gt;
  
  
  Level up your 🚀 skills with these Github repositories:
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PimnZsxI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/http://www.prodapt.com/wp-content/uploads/github.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PimnZsxI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/http://www.prodapt.com/wp-content/uploads/github.png" alt="Github" width="800" height="297"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📙 &lt;a href="https://link.hackertab.dev/nuVo"&gt;30-Days-Of-JavaScript&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 Asabeneh | ⭐ +13,712 stars 30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace.&lt;/p&gt;

&lt;h3&gt;
  
  
  📙 &lt;a href="https://link.hackertab.dev/HpB3"&gt;colors.js&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 Marak | ⭐ +4,628 stars get colors in your node.js console&lt;/p&gt;

&lt;h3&gt;
  
  
  📙 &lt;a href="https://link.hackertab.dev/ZbRq"&gt;data-engineering-zoomcamp&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 DataTalksClub | ⭐ +1,061 stars Code for Data Engineer Zoomcamp course&lt;/p&gt;




&lt;h2&gt;
  
  
  🎉 🔥 Hottest Devto posts :
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📝 &lt;a href="https://dev.to/godspowercuche/prototypal-inheritance-and-classes-in-javascript-1kk-temp-slug-9212760"&gt;Prototypal Inheritance and Classes in JavaScript&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 Souvik Jana | 👍 +28 reactions &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--8CswUV9j--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--gd53PUeP--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wkq34szh172179xb7jvx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8CswUV9j--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--gd53PUeP--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wkq34szh172179xb7jvx.png" alt="" width="800" height="336"&gt;&lt;/a&gt;Hello everyone, in this article, we would be discussing: Constructor function, Prototypes,...&lt;/p&gt;

&lt;h3&gt;
  
  
  📝 &lt;a href="https://dev.to/kjatsx/react-native-theming-made-easy2022-479c"&gt;React Native- Theming made easy(2022)&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 Karam Jammal | 👍 +24 reactions &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--kJ5x4Dk8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--iqzZI6wk--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nowugj23xfxzx2lq9cdy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--kJ5x4Dk8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--iqzZI6wk--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nowugj23xfxzx2lq9cdy.png" alt="" width="800" height="336"&gt;&lt;/a&gt;GitHub Link: &lt;a href="https://github.com/KJA-Tsx/theme-csx"&gt;https://github.com/KJA-Tsx/theme-csx&lt;/a&gt; theme-csx A React Native...&lt;/p&gt;

&lt;h3&gt;
  
  
  📝 &lt;a href="https://dev.to/godspowercuche/discuss-would-you-have-one-style-sheet-for-all-or-make-a-style-sheet-for-each-page-when-making-a-basic-website-20l0-temp-slug-4373288"&gt;Discuss: Would you have one style sheet for all or make a style sheet for each page when making a basic website?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;👤 Cess | 👍 +23 reactions &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Li0PHv5_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://blog.hackertab.dev/null" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Li0PHv5_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://blog.hackertab.dev/null" alt="" width="" height=""&gt;&lt;/a&gt;So I saw this question on Twitter by &lt;a class="mentioned-user" href="https://dev.to/zocodes"&gt;@zocodes&lt;/a&gt; When making a basic website with many pages, would...&lt;/p&gt;




&lt;h2&gt;
  
  
  👀 Keep an eye on these cool products too:
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🔧 &lt;a href="https://www.producthunt.com/posts/purrfect-utm-builder-by-stack-moxie?utm_campaign=producthunt-api&amp;amp;utm_medium=api-v2&amp;amp;utm_source=Application%3A+Hackertab+%28ID%3A+42881%29"&gt;Purrfect UTM Builder by Stack Moxie&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;🔺 +165 | 💬 +7 The perfect UTM builder, easy, error-proof and integrated &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sXeULwgM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://ph-files.imgix.net/dc639c44-d998-4725-ac19-e946368f65c2.png%3Fauto%3Dformat%26w%3D100%26h%3D100" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sXeULwgM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://ph-files.imgix.net/dc639c44-d998-4725-ac19-e946368f65c2.png%3Fauto%3Dformat%26w%3D100%26h%3D100" alt="Purrfect UTM Builder by Stack Moxie" width="100" height="100"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🔧 &lt;a href="https://www.producthunt.com/posts/chaty?utm_campaign=producthunt-api&amp;amp;utm_medium=api-v2&amp;amp;utm_source=Application%3A+Hackertab+%28ID%3A+42881%29"&gt;Chaty&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;🔺 +90 | 💬 +36 Connect with your customers on 20+ popular messaging apps &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--5NCU9NDo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/34374b90-186c-4876-8274-fb840e9222db.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5NCU9NDo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/34374b90-186c-4876-8274-fb840e9222db.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" alt="Chaty" width="100" height="100"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🔧 &lt;a href="https://www.producthunt.com/posts/tiny-sketchbook-by-cloudhq?utm_campaign=producthunt-api&amp;amp;utm_medium=api-v2&amp;amp;utm_source=Application%3A+Hackertab+%28ID%3A+42881%29"&gt;Tiny Sketchbook by cloudHQ&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;🔺 +111 | 💬 +15 Create, collaborate and share your doodle art drawings &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--qPtjuYYn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/e0fae173-17d6-42fa-b795-f1ebac1ba592.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--qPtjuYYn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ph-files.imgix.net/e0fae173-17d6-42fa-b795-f1ebac1ba592.gif%3Fauto%3Dformat%26w%3D100%26h%3D100" alt="Tiny Sketchbook by cloudHQ" width="100" height="100"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;🙌 Wrap Up! That was all for this week.&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Hackertab on Twitter for more tips: &lt;a href="https://twitter.com/hackertabdev"&gt;@hackertabdev&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--S6i1NSNd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/sYGs3ep.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--S6i1NSNd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://i.imgur.com/sYGs3ep.png" alt="Hackertab" width="800" height="443"&gt;&lt;/a&gt;&lt;a href="https://hackertab.dev"&gt;Hackertab&lt;/a&gt; turns your New Tab page into a geeky one that keeps you as a developer updated with the best tools, news, jobs and events.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>html</category>
      <category>css</category>
      <category>hackertab</category>
    </item>
  </channel>
</rss>
