teleren/devto huggingface dataset:
Quirrel Newsletter #5 - Pricing RFC; Some Minor Updates
Tags: quirrel
Published: 2021-01-26 15:50:19

---
title: Quirrel Newsletter #5 - Pricing RFC; Some Minor Updates
published: true
description: TL;DR: Check out the Pricing RFC; new Blitz Recipe; UI now allows bookmarking connections
tags: quirrel
cover_image: https://images.theconversation.com/files/334473/original/file-20200512-82357-11i5o76.jpg?ixlib=rb-1.1.0&q=45&auto=format&w=1200&h=675.0&fit=crop
---

It's the Quirrel Newsletter, this time with some minor updates.

Before we get to those, I'd like to ask you a small favour: If you have a minute, please take a look at [this RFC](https://simonknott.us2.list-manage.com/track/click?u=b9d062c0bb4e2206a305b8df7&id=8f2e50a3e6&e=7de658e3a3). It's about changes to quirrel.dev pricing, and I'd love to get your feedback to make sure  they're in-line with community consent. (don't worry, it won't become more expensive ☺️)

Alright, on to the new stuff:
Quirrel now has a Blitz Recipe! `blitz install quirrel` will set up everything you need to get started with it.
Also, the Quirrel UI now allows you to store connection details as a bookmark, making it a lot more comfortable to use it for production monitoring.
For some more minor changes, check out [the update thread](https://simonknott.us2.list-manage.com/track/click?u=b9d062c0bb4e2206a305b8df7&id=9b96321a8b&e=7de658e3a3).

That's it for this issue, thanks for reading! 🐿

Best Wishes, Stay Safe
Simon
Day23:100DaysOfCode
Tags: 100daysofcode, kotlin, programming, productivity
Published: 2021-01-26 15:49:20

Got a Little late to post-

completed the api integration part using retrofit at intern in kotlin
few leetcode questions 

..
.
continued with spring boot....
Not at all a producitive day :(

You can Follow me->
https://github.com/singhtaran1005
https://www.linkedin.com/in/taranpreet-singh-chabbra-27517918a/
custom cursor javascript
Tags: html, css, javascript, beginners
Published: 2021-01-26 15:48:36

**Hello, guys in this tutorial we will create a custom cursor using HTML CSS & JavaScript.**

><a href="https://blog.stackfindover.com/profile-card-design-html-css/" rel="dofollow">Profile card design HTML & CSS</a>
><a href="https://blog.stackfindover.com/snake-border-animation-css/" rel="dofollow">Snake border animation CSS</a>

First, we need to create two files **index.html** and **style.css** then we need to do code for it.

###Custom Cursor Step:1###
**Add below code inside index.html**
```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>How to create custom cursor</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="style.css" />
    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  </head>
  <body>
    <div class="custom-cursor"></div>

    <script type="text/javascript">
      const cursor = document.querySelector('.custom-cursor');

      window.addEventListener("mousemove", event => {
        let x = event.pageX - (cursor.offsetWidth / 2),
            y = event.pageY - (cursor.offsetHeight / 2);

            cursor.style.left = `${x}px`;
            cursor.style.top = `${y}px`;
      });

      window.addEventListener("mousedown", event => {
        if (!cursor.classList.contains('click')) {
          cursor.classList.add("click");

          setTimeout( () => {
            cursor.classList.remove("click");
          }, 300)
        }
      });  
      
    </script>
  </body>
</html>
```
><a href="https://blogs.stackfindover.com/disable-right-click-on-website-using-javascript/" rel="dofollow">Disable Right Click Using JavaScript</a>

###Custom Cursor Step:2###
Then we need to add code for style.css which code I provide in the below screen.

```css
* {
  padding: 0;
  margin: 0;
  font-family: 'IBM Plex Sans', sans-serif;
}
body {
  height: 100vh;
  background-color: #000;
  cursor: none;
}
.custom-cursor {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background: url(flag-waving.png) no-repeat center/cover;
}
.custom-cursor.click {
  transform: scale(1.3);
}
```

><a href="https://blog.stackfindover.com/animated-stars-with-realistic-moon-javascript/" rel="dofollow">Animated Stars With Realistic Moon</a>
><a href="https://blog.stackfindover.com/advanced-animated-submenu/" rel="dofollow">Advanced Animated Submenu</a>

###Custom Cursor Output:###
{% youtube NfEqbpQOeQ0 %}

###Custom Cursor CodePen Output:###
{% codepen https://codepen.io/stack-findover/pen/bGBbGYO default-tab=js,result %}
IoT out of the box
Tags: iot, azure
Published: 2021-01-26 15:28:29

IoT is still way too hard. Whether you are connecting devices, configuring stream analytics jobs, IoT hubs, and cloud storage, or processing data to send downstream for visualization, application development or machine learning, one thing is certain: These processes are fraught with difficulty.

There has to be a better way for getting started with an IoT project that does not require weeks or even months of configuration. That is why Fathym is launching IoT Ensemble, a simple but powerful platform that provides the cloud-native infrastructure for your IoT project out of the box. IoT Ensemble operates as your virtual IoT development team. The platform radically reduces the time and work involved in getting devices connected, understanding their data, and delivering end-to-end customer driven IoT applications.

Read more about IoT Ensemble: https://fathym.medium.com/introducing-iot-ensemble-your-virtual-iot-developer-fathym-iot-ensemble-beta-9bcd2927889a

And sign up and connect your first device for free (no credit card required): https://www.iot-ensemble.com/
Firebase Learning |  Basic Authorization Approaches
Tags: beginners, firebase, codenewbie, authorization
Published: 2021-01-26 15:13:43

Hello! While I'd originally first posted this tutorial here, I've decided to [move it over to CodeNewbie](https://community.codenewbie.org/r002/firebase-learning-basic-authorization-approaches-59ne) because I think it's more for beginners and is a better fit over there.

Also, right now I'm in the middle of writing this series and cross-posting between two different Forem sites is just a huge pain. (Especially when I need to make subsequent edits.)

One day once I finish the series on CodeNewbie, I may cross-post the entire series in its finished form back here on dev.to.

But for now, please just update your bookmarks. Thank you! So happy to everyone who's following along! See you over in newbie-land! :wave: :grinning:
Apprehensive of Firebase? Me too. Let's get started together.
Tags: beginners, firebase, codenewbie, webdev
Published: 2021-01-26 15:12:14

Hello! While I'd originally first posted this tutorial here, I've decided to move it over to [CodeNewbie](https://community.codenewbie.org/r002/apprehensive-of-firebase-me-too-let-s-get-started-together-1a7n) because I think it's more for beginners and is a better fit over there.

Also, right now I'm in the middle of writing this series and cross-posting between two different Forem sites is just a huge pain. (Especially when I need to make subsequent edits.)

One day once I finish the series on CodeNewbie, I may cross-post the entire series in its finished form back here on dev.to.

But for now, please just update your bookmarks. Thank you! So happy to everyone who's following along! See you over in newbie-land! :wave: :grinning:
Podcasting hardware setup
Published: 2021-04-29 16:03:02

---
title: Podcasting hardware setup
published: true
date: 2021-01-26 00:00:00 UTC
tags: 
canonical_url: https://timwise.co.uk/2021/01/26/podcasting-hardware-setup/
---

Because you asked.

## Current recording/playback setup

- [Samson Q2U cardiod XLR/USB Microphone](https://www.amazon.co.uk/gp/product/B001R747SG/) ~ £90 
  - USB means no need for a mixer or XLR adapter thing.
  - Seems to be the best price/quality balance for me.
  - The cardiod effect is pretty good, greatly reducing input of noises from elsewhere, especially if you talk really close to it (which I don’t).
- [Proel RSM180 Microphone stand with boom](https://www.amazon.co.uk/gp/product/B002AI880O/) ~ £34 
  - Because standing desk, plus the Samson mic doesn’t isolate vibrations from the desk if it’s on a desk mount.
- [AKORD Microphone Swivel Pop Filter](https://www.amazon.co.uk/gp/product/B008AOH1O6/) ~ £5 
  - Because all the cool kids have one, and it was cheap. No idea if I really need it.
- Some old philips bluetooth headphones connected with a real headphone cable to the line out on the back of the Samson mic. I only use this for recording to avoid feedback from speakers. It has a feedback of your own voice which is disconcerting and nice in equal measure. For conference calls zoom and teams seem to do a decent job of cutting out the feedback, and I use mute a lot anyway so I don’t bother with the headphones.
- The tiny and highly capable [Nobsound G3 2 Channel Bluetooth 5.0 Power Amplifier 100W](https://www.amazon.co.uk/gp/product/B07QQ47RTZ/) hifi amp, driving a pair of bookshelf Kefs for editing, music and conference calls.

## Also-ran

I started with a [Jabra Evolve 65 wireless headset](https://www.amazon.co.uk/gp/product/B074BPJRBW/) (~£130 because covid prices) but that heavily processes voice so while it’s great for conference calls it’s not good for anything beyond your third episode as people will unsubscribe just for the sound quality. Still use them for on the go conference calls and phone calls, and occasionally music (though my phone’s bluetooth is currently borked).

I tried a [Blue Microphones Snowball USB Microphone](https://www.amazon.co.uk/gp/product/B002OO18NS/) (~£75) next, but that picks up _everything_ even in it’s alleged cardioid mode.

Some of my friends who take it more seriously splashed out on a [Shure SM7B XLR Mic](https://www.shure.com/en-GB/products/microphones/sm7b) at a mere £389, and you have to by an XLR mixer to run it. I have to say they sound lurvely, and when they knock it you hardly hear it so it’s got excellent vibration isolation built in.

## Webcam

I also have the [Logitech C920 HD Pro Webcam](https://www.amazon.co.uk/gp/product/B006A2Q81M/) (now at ~£105 because of covid lockdown demand for webcams) which I have running to chat to co-hosts, but don’t bother recording or uploading anywhere.
TIL: Resulting
Tags: todayilearned
Published: 2021-01-25 07:18:36

---
title: TIL: Resulting
published: true
date: 2021-01-25 05:20:59 UTC
tags: til
canonical_url: https://rachsmith.com/til-resulting/
---

Today I was listening to [an episode of the Productivityist Podcast](https://productivityist.com/podcast354/), an interview with Annie Duke. Annie talked about a mental model/cognitive bias where people think the result of a decision is an indicator of that decision’s quality. Put simply, it is the assumption that a positive result indicates that a good decision was made, and a bad result indicates a poor decision was made. In reality, the result of the decision may have nothing to do with the quality of the decision made.

It got me thinking about how often we do this with our tech choices, such as language, stack, framework or programming methodology. Just because a unicorn startup like [Canva](https://www.canva.com/) used [React](https://reactjs.org/) and had great success, doesn’t automatically mean React was an excellent choice. It certainly doesn’t mean we should choose that language for our own Project. Yet, other companies’ outcomes can sometimes heavily sway our decision-making around selecting a framework for ourselves.

On the flip-side, it is easy to judge past decisions about tech as mistakes when we didn’t have a positive outcome from that choice. A personal example is when our team chose to use [Redux](https://redux.js.org/) and [Immutable.js](https://immutable-js.github.io/immutable-js/) in our front end codebase in 2016. Today, the code written during that time is hard to follow and generally a pain in my ass. Does that mean choosing that tech was a poor decision at the time? Not necessarily.

So, if we shouldn’t use results, what should we use to engage in good decision making? Honestly, I don’t have the answers. It’s complicated, and I am now inspired to read more about this subject. After learning about resulting, I can at least catch myself when I’m being wooed by other people’s great results. And be a little easier on myself when I look back on decisions I’ve made in the past.

<!--kg-card-end: markdown-->
Highly Useful ✨ Express Frameworks 👌👌
Published: 2021-01-26 15:02:32

**POST IS IN PROGRESS....**

## 1. Joi `Validation Framework`
> The most powerful schema description language and data validator for JavaScript.

[Official Joi Website](https://joi.dev/)

## 2. dotenv `Manage Environment Variables`
> Dotenv is a zero-dependency module that loads environment variables from a .env file into process.env. Storing configuration in the environment separate from code is based on The Twelve-Factor App methodology.

[Explore dotenv](https://www.npmjs.com/package/dotenv)

## 3. bcrypt `Encryption Framework`
> It is always good practice to hash the passwords before storing it to database. bcrypt make it very easy to hash the password with random salt.

[Explore bcrypt](https://www.npmjs.com/package/bcrypt)

## 4. winston `Logger`
> Winston is designed to be a simple and universal logging library with support for multiple transports. A transport is essentially a storage device for your logs. Each instance of a winston logger can have multiple transports configured at different levels. For example, one may want error logs to be stored in a persistent remote location (like a database), but all logs output to the console or a local file.

[Explore Winston](https://www.npmjs.com/package/winston)

## 5. morgan `HTTP request logger`
> HTTP request logger middleware for node.js

[Explore Morgan](https://www.npmjs.com/package/morgan)

## 6. debug `Another library for debugging'`
> A tiny JavaScript debugging utility modelled after Node.js core's debugging technique. Works in Node.js and web browsers.

[Explore debug](https://www.npmjs.com/package/debug)

## 7. i18n `Localisation`
> Lightweight simple translation module with dynamic JSON storage. Supports plain vanilla Node.js apps and should work with any framework (like Express, restify and probably more) that exposes an app.use() method passing in res and req objects.

[Explore i18n](https://www.npmjs.com/package/i18n)

## 8. express-async-errors `Removes need to add try/catch`
> Expressjs handles error on try/catch basis, which is very helpful, but doesn't take care of asynchronous errors (errors in callbacks). This middleware handles those with usage of domains.

[Explore express-async-errors](https://www.npmjs.com/package/express-async-error)


## 9. nodemon `Good for node.js development - auto-start server`
> nodemon is a tool that helps develop node.js based applications by automatically restarting the node application when file changes in the directory are detected.

[Explore nodemon](https://www.npmjs.com/package/nodemon)

## 10. Cors `For adding CORS headers`
> CORS is a node.js package for providing a Connect/Express middleware that can be used to enable CORS with various options.

[Explore cors](https://www.npmjs.com/package/cors)
Typewriter effect with vanilla async generators functions
Tags: javascript, typewriter, asyncgenerators, webdev
Published: 2021-01-26 14:51:05

---
title: Typewriter effect with vanilla async generators functions
published: true
description: 
tags: javascript, typewriter, asyncgenerators, webdevelopment
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/xc58lfukilnb7vme7qm1.jpg
---

Easy peasy lemon squeezy!

{% codesandbox ohpmw %}
[![Edit speller](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/speller-ohpmw?fontsize=14&hidenavigation=1&theme=dark&view=preview)
Creative Ideas for Offering the Best Presentation
Published: 2021-01-26 14:45:40

Presentations can turn out funny, engaging, or downright dull. Sometimes even after much preparation, your intended [best presentation](https://www.huffpost.com/entry/how-to-give-the-best-pres_b_3932280) could turn out to be the worst ever. The trick lies in sticking to these creative ideas that can keep your audience engaged from the start to the end.

**Use Humor**

No matter how serious a subject is, humor can bring liveliness and make people more open to contributing to it. When it comes to incorporating jokes in your presentation, they do not have to take center stage. It is all about sharing a light moment with your audience, making them feel at ease, and be open to your ideas.

**Choose the Right Title**

You want your presentation to be the best your audience has ever heard. The topic you will use will determine their interest in your message. Therefore, pick a title that will be easy to remember and search for on the internet.
You can visit [https://masterbundles.com/creative-powerpoint-ideas/](https://masterbundles.com/creative-powerpoint-ideas/) to get insights into the best PowerPoint presentation to draw your audience's attention. You will get high-quality and professional designs that will help keep your customers glued to the slides. One aspect of having people stand with your brand is by connecting with them emotionally, and that depends on your topic and message you put across.

**Use Visuals**

Some abstract ideas require expressing using visuals to help them stick long in the brain. Using text alone in your presentation is also dull, and along the way, the audience may drift into another world. You can keep them glued to your slides by using attractive images and break information on pies, charts, and graphs.

The good thing you no longer need to stick to PowerPoint alone for presenting your ideas as you can use Google Slides. You will find this [https://masterbundles.com/free-google-slides-templates-presentation-powerpoint/](https://masterbundles.com/free-google-slides-templates-presentation-powerpoint/) quite helpful. It offers information on the various free presentations to use. With the multiple slides to choose from, your display does not have to be boring and standard.

**Conclusion**

You can choose numerous templates and even have some favorite ones that you can use to present your ideas. Even when you want to deliver a different message, there will be a template to suit each purpose. If at any point you get spoilt for choice on the right slide to use, consider what will appeal more to your audience.
JavaScript Program to solve Quadratic Equation.
Tags: javascript, webdev, webmonetization
Published: 2021-01-26 14:42:43

In this example, you will learn to write a program that solves a quadratic equation in JavaScript.


To understand this example, you should have the knowledge of the following JavaScript programming topics:

> 1. JavaScript if...else Statement
> 2. JavaScript Math sqrt()

This program computes roots of a quadratic equation when its coefficients are known.

The standard form of a quadratic equation is:

> ax2 + bx + c = 0
 where
a, b and c are real numbers and a ≠ 0

To find the roots of such equation, we use the formula,

>(root1,root2) = (-b ± √b2-4ac)/2

The term b2-4ac is known as the discriminant of a quadratic equation. It tells the nature of the roots.

If the discriminant is greater than 0, the roots are real and different.
If the discriminant is equal to 0, the roots are real and equal.
If the discriminant is less than 0, the roots are complex and different.

let userInput = prompt("Input a Number")
for (let a = 0; a <= userInput; a++) {
     console.log(a)
    
 }

//QUADRATIC FORMULA FUNCTION

let minus, plus;

let a = prompt("Enter the value for A:");
let b = prompt("Enter the value for B:")
let c = prompt("Enter the value for C:")

let squareRoot = (b*b) - (4*a*c);

// Conditions for Minus or Plus

if (squareRoot > 0) {
    minus = (-b - Math.sqrt(squareRoot))/(2 * a);
    plus = (-b + Math.sqrt(squareRoot))/(2 * a);

    //Result
    alert(`The roots of the Quadratic Equation ${minus} and ${plus}`);
} 
else if(squareRoot == 0) {
    minus = (-b - 0 / (2 * a));
    plus = (-b + 0 / (2 * a));

    //result
    alert(`The roots of the Quadratic Equation are ${minus} and ${plus}`);
}
Get Unlimited Container Pulls from Docker Hub with JFrog Cloud

Published: 2021-01-26 14:26:42

My [previous blog](https://dev.to/jfrog/docker-new-download-rate-limits-4jl7) described Docker’s new [download rate limit policy](https://docs.docker.com/docker-hub/download-rate-limit/) that introduced new pull request limitations starting November 1st, 2020. These limitations restrict us to 100 pulls for anonymous users and 200 pulls for authorized users every 6 hours.

**Today, I’m excited to share the latest news about the JFrog and Docker partnership that will provide us with an [unlimited number of pulls from Docker hub.](https://youtu.be/gkVQxtnvkSE)**

As you already know, millions of users all over the world are using [Docker and Docker Hub](https://jfrog.com/knowledge-base/docker-hub-and-docker-registries-a-beginners-guide/) to manage their applications, as part of their development cycle. Thanks to an amazing partnership between JFrog and Docker, now we don’t need to beg for a budget anymore. These limitations will not apply to **JFrog Cloud Platform users**, including free tier subscriptions.

JFrog will support unlimited pulls from Docker hub out of the box without any additional configurations. JFrog customers will automatically be excluded from Docker hub’s image rate limit and enjoy endless access to [ Docker Hub.](https://hub.docker.com/)

When we are using Artifactory we’ll continue to get high-performance, automatic updates with new features, and now most importantly the freedom and flexibility to test, try and not worry about the number of downloads. 

If you haven’t tried Artifactory yet and are looking for a solution to the Docker Hub limits sign up for our [free subscription](https://jfrog.com/platform/free-trial/) - we’ve got you covered.