teleren/devto huggingface dataset:
Hard time deciding between using Google and ChatGPT? Why not both?
Tags: ai, chatgpt, google, openai
Published: 2022-12-29 08:27:52

Hi developers,
I have developed a tool that show response from ChatGPT alongside Google and other search engines. With this chrome extension, whenever you Google both the search results and the output from ChatGPT are shown at the same time!

One such feature is the ability to view ChatGPT's responses directly on the Google results page. This allows you to easily compare ChatGPT's response with Google search results and select the information that best meets your needs. This can be especially helpful if you are looking for more in-depth or specific information that may not be readily available through standard search results. 

Another useful feature of the ChatGPT extension is the chat feature, which allows you to communicate with ChatGPT directly from the search page. This is accomplished through a small dialog box that appears on the page, enabling you to have a conversation with ChatGPT anytime you want. This can be especially useful if you have more complex or nuanced questions that may not be easily answered through traditional search results

Try out this extension: https://chrome.google.com/webstore/detail/chatgpt-for-search-engine/feeonheemodpkdckaljcjogdncpiiban/related?hl=en-GB&authuser=0

Watch this video to see how it works: 
https://www.tiktok.com/@ai_life26/video/7181400869601152282

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p5wlwtzw43b8cun1zqrq.png)
The Combination Of ChatGPT and Google Search Engine
Tags: ai, programming, webdev
Published: 2022-12-29 08:23:16

There has been a lot of discussion and debate surrounding ChatGPT, as there is with any new bot. Some people support it while others are opposed to it. In my experience, ChatGPT has been a helpful tool, although it is not particularly intelligent and its data only goes up until 2021. Despite this, it has assisted me in my work and I have even developed an extension that combines ChatGPT with the Google search engine. I have recommended it to friends who have also had positive experiences with it. However, I still want to share my thoughts about ChatGPT with all of you and get your direct feedback on it.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n9yezxgoqiez6pabq97i.png)

Hope you'll give it a try and leave me a comment

[Link to set up extension
](https://chrome.google.com/webstore/detail/chatgpt-for-search-engine/feeonheemodpkdckaljcjogdncpiiban/related?hl=en-GB&authuser=0)
Chance to work on open-source and get $20,000
Tags: opensource, github
Published: 2022-12-29 08:18:05

Hey folks,

What an amazing time to participate in open-source!

GitHub is offering to fund your first sponsorship with a $20,000 cash sponsorship for the duration of its accelerator program to a select group of open-source maintainers.

[You can apply](https://accelerator.github.com/) til the 31st of December, so hurry up if you're an open-source maintainer.

I also invite you to visit [DoTenX](https://github.com/dotenx/dotenx), an open-source platform to build websites, APIs, web apps and much more with modern architecture and a visual UI builder.

Finally, remember to 🌟 open-source projects, and share them with others, as it motivates the community to share their open-source work with you more and more.
Download Free Ringtones For Android, IPhone
Published: 2022-12-29 08:16:08


Download free ringtones for android, iphone, download message tones, funny ringtones, pop ringtones, hiphop ringtones, country ringtones Free mobile ringtones for all type of phones.
Address: 93 Oak St, Ventura, California, United States
Website: https://ringdd.com/ 
Twitter: https://twitter.com/Ringddcom 
Youtube:https://www.youtube.com/channel/UC0nV0ZL7g8Go3BwOXLSneog 
Facebook: https://www.facebook.com/ringddcom 
Instagram: https://www.instagram.com/ringddcom/ 
Pinterest:  https://www.pinterest.com/ringddcom/ 
BLOG: https://ringdd.blogspot.com/ 
Tumbrl: https://www.tumblr.com/blog/ringddcom 
Reddit: https://www.reddit.com/user/ringdd 
Gab: https://gab.com/rindd
Introducing ChatGPT: The Ultimate Tool for Quick and Accurate Answers
Published: 2022-12-29 08:13:34


![ChatGPT](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5mu6wtggk1hcrkxd8a4z.png)

ChatGPT is the perfect tool for finding quick and accurate answers to your questions. With the [ChatGPT extension](https://chrome.google.com/webstore/detail/chatgpt-for-search-engine/feeonheemodpkdckaljcjogdncpiiban/related?hl=en-GB&authuser=0), you can access our responses alongside search results on Google, Bing, and DuckDuckGo. No matter where you are browsing, you can get the information you need with ChatGPT.

Whether you are a content creator, developer, designer, student, or stay-at-home parent, ChatGPT has something for everyone. It provides detailed solutions to a wide range of queries, from writing a prom proposal to fixing code. Simply install the extension and you'll have access to specific answers on any subject you can think of.

Tired of having to visit OpenAI's website every time you need a quick answer? ChatGPT is the ultimate utility tool for finding information on the web. With the extension, you can access our responses alongside search results without ever leaving your current webpage.

![ChatGPT](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5ys91kdo583c1mm1b7c4.png)

So why go to a separate website or pay for expensive subscriptions when you can have ChatGPT for free? Install the extension today and start getting specific answers to your questions without breaking the bank. Don't miss out on this valuable tool that can help with your work and research.
Enjoy Programming-Themed Humor? Here's today's daily developer joke!
Tags: jokes, dailydeveloperjokes
Published: 2022-12-29 08:00:23

---
title: "Enjoy Programming-Themed Humor? Here's today's daily developer joke!"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258dec9298.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ What airline do developers prefer when they're in a rush?

___A:___ Delta.
 -->
How you can use Chat GPT on daily basis
Tags: tutorial, news, programming
Published: 2022-12-29 07:56:45

Hi, developers, 

Yesterday, I've released a Youtube video on How you can use Chat GPT at your work. I am also showing some real examples in the video to get better understanding.

Below is the link, Kudos, Do subscribe 😎🙏🏻

{% youtube 0ePcid71ByI %}

Let me know what you think about chat gpt and anything else you want me to cover on chat gpt?

Keep developing
Shrey
[iHateReading](ihatereading.in)
cleanCode mean a readable code for other developers to understand better and easily.
Tags: javascript, webdev, programming, cleancode
Published: 2022-12-29 07:56:12

do you know its include following ⬇️
1:**using clear, specific and full name** for _functions_ and _variables_ which explains what the _function_ or _variable_ is there for.
2:try to write short **functions do one thing only**. use pure functions
3: if possible try writing **comments** for functions which called documentation for your code __so that future _developers_ understand what your code is doing and why.
4: **consistency:** where needed use semicolon, better indentation and spaces and also for this you can use _Prettier_ and _beautify VSCode extensions_
5:use **_local variables_ as much as you can**. but _Global Variables _always declare on the top of the file
6: if your file is big make **small chunks of code** in different files.
7:try to **write code in sequence**. for example in _css_ use tags as in html, in **JavaScript** function needs to do something at the last write it at the bottom
8:use **DRY (don't Repeat Yourself)** rule
functions and loops and best example of this
9:**Sandi Metz’s Rules. Sandi Metz,** For OOP
Classes can be no longer than 100 lines of code.
Methods and functions can be no longer than 5 lines of code.
Pass no more than 4 parameters into a method.
Controllers can instantiate only one object.
#GitHubUnwrapped 2022
Tags: webdev, github, career, 2022
Published: 2022-12-29 07:55:18

{% youtube rI7OSg8uAto %}
I don't even know what the outcome ✨ is going to be, but that's part of the process 👣, the journey 🌱 has been amazing so far!
It was a wonderful year 🗓 . 

I definitely learned a lot

Follow me- 
[Github](https://github.com/sid2631)
[LinkedIn](https://www.linkedin.com/in/siddharth-satpute/)

Resource - 
[GitHubUnwrapped2022](https://www.githubunwrapped.com/)
How to add a table of contents (TOC) to a markdown post or page to nikola ssg
Tags: markdown, nikola, pythonmarkdown, ssg
Published: 2023-01-25 19:23:06

---
title: How to add a table of contents (TOC) to a markdown post or page to nikola ssg
published: true
date: 2022-12-29 07:30:00 UTC
tags: markdown,nikola,pythonmarkdown,ssg
canonical_url: https://diegocarrasco.com/how-to-add-a-table-of-contents-toc-to-a-markdown-post-or-page-to-nikola-ssg/
---

You want to add an automatically created table of content to your markdown post in Nikola SSG.

Nikola uses by default `python-markdown` which supports the `toc` [extension](https://python-markdown.github.io/extensions/toc/).

First you need to enable the markdown extension in `config.py`

```
MARKDOWN\_EXTENSIONS = ['markdown.extensions.toc']

```

Then add the short code for TOC in your markdown file

```
[TOC]

```

### References

- [StackOverflow: Table of contents in markdown for Nikola](https://stackoverflow.com/q/61571878/624088)
Crucial Guides to Grow Community Engagement
Tags: devrel, community
Published: 2022-12-29 07:19:58

## Outline
- Introduction
- Tips to Grow Community Engagement
- Conclusion

## Introduction
If you want to build anything at all, you should always have a measuring metrics so you know whether you’re in the right or wrong direction. So the goal for this lecture is we want to build 20% DAU/MAU (Daily Active User/Monthly Active User).

## Tips to Grow Community Engagement

1. **Share Content Regularly:** A community is like a theme park. It’s a meeting ground for a group of people, if you can’t keep people from coming back with some attractions they’re just not going to come back. Content is one method in which we can apply an attraction into our community to keep people coming back. If people can come back to your community and consume content, that’s going to help them to grow new skills, solve their problems then they’re going to keep coming back.
They’re two side to sharing content regularly:
> **Produce original content:** These are materials that you put together for your community. Focus on what’s unique to your community.
> **Shared Content:** This is when you find other resource online and you share it within your community. It’s important you credit the original author when sharing online resources. It is very important. Constantly sharing content build engagements.

2. **Kick off Weekly Chats:** What this means is, every week you start a discussion and it can be potentially themed in some nature.
3. **Shared Content:** This is when you find other resource online and you share it within your community. It’s important you credit the original author when sharing online resources. It is very important. Constantly sharing content build engagements.
4. **Run a group Meeting:** Run a group meeting from time to time with a goal in mind, like discussing a particular project or topic. Examples of things to consider, _topic of discussion_, and _have an outcome_.
5. **Respond to Everything:** This is a super mystery that keeps interaction going. Respond to members greetings, respond to new members introductions, respond to questions, respond to suggestions etc. Anytime a member of your community post anything, respond in some way (like [emoji reactions] and leave a comment). Reasons for this is because we as human beings, we need validation. So, if we provide validation and recognition to members of our community, they’re more likely to come back and keep engagements going. Still while at this, encourage and be supportive.

## Conclusion
Growing Community Engagement is a topic covered in this article, along with strategies we may use to maintain an increase in activity. These strategies include providing information frequently, beginning weekly chats, holding group meetings, and replying to everything..

PS: This article is my note from [Jono Bacon's](https://twitter.com/jonobacon) lecture on "4 Essential Tips To Grow Community Engagement".

Credits: [Jono Bacon](https://twitter.com/jonobacon)
Photo Credit: Stocks Photo
Tease of continuation in design - Say it without saying it
Tags: design, webdesign, ux, uiweekly
Published: 2022-12-29 07:18:48

![What is this](https://media.giphy.com/media/wpvrvjjDf7uRoM61w5/giphy.gif)

> **In the world of web design & mobile app design**, the concept of "tease of continuation" refers to the use of visual clues to suggest that there is more content or information available beyond what is currently being displayed on the page. This technique can be used to encourage users to keep scrolling or exploring the website/mobile app, ultimately leading to a more engaging and enjoyable user experience.

![Example](https://media.giphy.com/media/xT9KVqOt8xuRYhNpq8/giphy.gif)
**Practical Examples**

---

**Stripe Website** 

![Stripe Landing page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4p4shrsn380cxgcuh3t4.png)

> The Stripe landing page reveals that there is only one page available, and to view additional content on the website, the user must scroll down to access it.

![What If](https://media.giphy.com/media/23cl0y02AdTURPWhgR/giphy.gif)

![Tweaked](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wqeayib8pr7ges1l7gtd.png)

> By incorporating visual clues such as partially displayed images or text on the landing page, the website design uses the technique of "tease of continuation" to create a sense of curiosity in the user. This encourages the user to continue exploring the website, ultimately leading to a more engaging and enjoyable user experience. The use of tease of continuation in this way effectively draws the user in and encourages them to discover more about the website.

* Here are some additional examples of how the technique of "tease of continuation" can be used in design:


![Shopify Website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2082nibv2xbislke2fum.png)

![Shopify Mobile View ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ss250gqheq73arz8651c.png)
![mindblowing](https://media.giphy.com/media/l3q2YFyvjb8BXeASY/giphy.gif)

> Ultimately, the tease of continuation is a powerful tool for web designers & mobile app designers looking to create engaging and enjoyable user experiences. By using visual clues and other techniques to suggest that there is more to see on the page, designers can encourage users to keep exploring and ultimately stay on the website longer. **This can lead to increased user engagement and satisfaction, ultimately driving more conversions and sales for the business.**

Thank you for taking the time to read this information. I hope it was helpful and provided some insight into the concept of "tease of continuation" in design. If you have any additional questions or would like to learn more about this topic, please don't hesitate to ask.

![Thank you ](https://media.giphy.com/media/3otPoUkg3hBxQKRJ7y/giphy.gif)
Use of Python for Web Scraping 2022
Tags: python, webdev, scraping
Published: 2022-12-29 06:50:34

If you know how to do it, web scraping seems to be a very useful time-saving tool for both business and personal use. We’ll highlight why you should use Python for web scraping and offer you a quick tutorial on how to accomplish it, including which [Python development](https://www.infiraise.com/develop/web-app-development/python-development/) tools to use.

## Definition: Web scraping

Simply, Web scrapping can be defined as the extraction of website data and then collection in a respective database. It is sometimes referred to as Screen scraping and web data extraction.

## Reason to choose web scraping

Data mining can be a burden, especially if you dislike coding. Web scraping, on the other hand, can be immensely helpful. Here are some examples of how web scraping can be used:

- **Lead creation:** This will help you to understand the interested people in your business.
- **Social Media scraping:** Deploying this can help to find social media trend
- **Research:** it is very easy to research anything online with web scraping, for instance, prices, any relevant topic, etc.

## How to perform Web Scraping with Python

### 1. Action plan

While web scraping can be performed with simply a requests library and regular expressions, there are better ways to do it with Python libraries alone. Here’s a quick summary of how to skim the internet:

### 2. Request offering 

One of the most important tasks web scraping involves is request making. To get the information you wish to scrape into a Python-friendly format, you’ll need to use a Python package that performs HTTP requests.

### 3. Get Information
 

Once you are done with requests it becomes very easy to get information. Therefore, The next step is to deploy a scraper to copy the information into a database that you’ve requested. The type of scraper you employ is controlled by the page’s nature (for example, does it contain JavaScript?).

### 4. Information Reading

After collecting the data now we need to understand their actual view-point. We make our final step to read the required information and therefore we use a parser. Ultimately, a parser is used to read and search a page for specifics (e.g. title etc.). The scraper and the parser may or may not be the same thing.

## About Python libraries.

Web scraping will very undoubtedly necessitate the use of multiple Python libraries. You won’t need all of the libraries listed below; you’ll only need enough to request, scrape, and parse the information you require. (Knowing one of Requests or urllib and one of Beautiful Soup or LXML should suffice for a basic web scraper): Moreover, it is not advisable to use Django and other libraries to perform such functions.

## Requests or urllib

Python Requests and urllib are libraries that make HTML requests, therefore you’ll need to know at least one of them to scrape the web.

Article Source: [https://www.infiraise.com/use-of-python-for-web-scraping/](https://www.infiraise.com/use-of-python-for-web-scraping/)
Play animation only on hover
Tags: css, webdev, tutorial, productivity
Published: 2022-12-29 06:50:16

Recently, I came across a situation where I had to animate a element only on hover. On browsing the internet for some amount of time, I found a very easy and reliable way to achieve this.

There is a built in CSS property to do this `animation-play-state` which tells the browser should the animation be `running` or `paused`.

I used it in combination with `:hover` to **play animation only on hover**.

Here is the code example

**HTML**
```
<div>
   <p className='figure'></p>
</div>
```
**CSS**
```css
.figure {
  width: 200px;
  height: 200px;
  background-color: aqua;
  animation: change 1s infinite;
  animation-play-state: paused;
}

@keyframes change {
  from {
    background-color: red;
  }

  to {
    background-color: pink;
  }
}

.figure:hover {
  animation-play-state: running;
}
```

That's it you got to know how to animate on hover.

Stay happy, Keep your surroundings clean,
Signing off Meet Bhalodiya,

Peace ✌
I created a framework called lazyjs based on json!
Published: 2022-12-29 06:48:09

# Lazy JS

LazyJS is a programming language that is designed to make it easier to write and manage complex code by reducing the amount of code needed to achieve the desired results. It is based on the JSON object-oriented language and is intended for use in large and complex workflows. LazyJS aims to provide a concise and organized way to write code, while still maintaining the flexibility and power of a full-featured programming language.


# Syntax

 lazyjs syntax is relatively simple if you understand json syntax:
```json
{
  /* Variables can be declared for extensive use!*/
 "variable":{
  "main":{
   // there are two value setters currently in v1.0
   "value":"hello world"
   // this can also be used to add subtract, multiply and divide
   "value":"1+2*4/4"
  }
  // to get the variable value we can use return this is how we print stuff!
  "return":"main"
  // output --> 3
 }

 

}
```

 ## Features
 
<span style="color:#a2c4c9"> Note: as lazy keeps progressing overtime more will be added, here is what v1.0 has</span>
1. Http Web Server
```json
// Simple way to serve html files via lazy js
{
  "variable":{
   "main":"index.html"
 }
  "http":{
   "port":8080,
   // routes is your webpages routing this sets binds /main to the ip
   "routes":{
    "1":"main",
  }
  // pages is how u bind html files to the router! it returns the variable.main! - note this only works if dom is not present in the file!
  "pages":{
  "1":"main"
 }
 }
}
```
2. Virtual Dom
```json
"http":{
   "port":8080,
   "routes":{
    "1":"/main",
  }
  "pages":{
  "1":"main"
 }
 // when dom is in use regular static pages will not work!
 "dom":{
    // this is the main element when using vdom
    "div":{
      "1":"<center>",
      "2":"<p style='color:#938E8E; font-weight:400; font-size: 70px; font-family:Arial, Helvetica, sans-serif ; position:relative; top:120px '>505</p>",
      "3":"<p style=' font-family:Arial, Helvetica, sans-serif ; color:#dd6464; position:relative; top:50px;'>This is lazyjs v2.0 Virtual Dom</p>",
      "4":"</center>"
    }
   }
 }
```
Currently still working on it :}

Release date: Sometime January!