teleren/devto huggingface dataset:
Web Browser Shootout on Ubuntu
Tags: linux, webdev, ubuntu
Published: 2022-11-02 18:41:06

The web browser has become a central part of our daily workflow on our PC’s. Which brings up the question of which Web Browser performs the best on Linux? Since many web developers run Linux, it was an interesting question. The Web browsers that were chosen for this benchmark are based on the most popular web browsers in use as of the publishing of this article, which are (Microsoft Edge, Brave, Chromium, Google Chrome, Firefox, Vivaldi, and Opera).

---

## Benchmark Setup
The bench-marking of the above mentioned web browsers was conducted on an AMD Ryzen 7 PRO 4750G with 64GB of DDR4 RAM running at 3200Mhz. The GPU used is an NVIDIA GTX 1650 4GB using NVIDIA Driver Version 470.141.03. The Linux Distro used is Ubuntu 22.04 running kernel 5.19.5 with GNOME 42.4 on X11. The benchmarks are from (https://browserbench.org/) using JetStream2, MotionMark, and Speedometer taking an average of 3 runs on each browser.

---

## Benchmark Types
**Speedometer:**
Measures responsiveness of web applications.
**JetStream:**
Javascript and Web Assembly benchmark.
**MotionMark**
Browsers graphics test.

---

## Scores
| Browser        | Version                            | Speedometer | JetStream | MotionMark | Total    |
|----------------|------------------------------------|-------------|-----------|------------|----------|
| Microsoft Edge | 107.0.1418.24                      | 144         | 177.878   | 770.60     | 1092.478 |
| Brave          | 1.45.114 - Chromium: 107.0.5304.68 | 199         | 194.395   | 867.74     | 1261.135 |
| Chromium       | 106.0.5249.119                     | 189         | 186.993   | 929.31     | 1305.303 |
| Google Chrome  | 107.0.5304.87                      | 189         | 194.498   | 898.51     | 1282.008 |
| Firefox        | 106.0.3                            | 151         | 115.160   | 729.51     | 995.670  |
| Vivaldi        | 5.5.2805.38                        | 146         | 180.340   | 771.14     | 1097.480 |
| Opera          | 92.0.4561.30                       | 146         | 177.278   | 795.38     | 1118.658 |


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

---

## Conclusion
To my surprise Firefox seems to be the worst performing browser on Ubuntu. While Chromium, Google Chrome, and Brave seem to have the best overall performance on Ubuntu. My recommendation would be to avoid using Firefox on Ubuntu and stick with Brave since it is one of the top performers, uses the Chromium engine underneath and has YouTube ad blocking out of the box. Chromium and Google Chrome are also very good options and you can get ad blocker extensions for them as well.
Valhalla Content Hub Revealed!
Published: 2022-11-02 18:10:55

Gatsby is dealing out update after update this week and I'd like to point to Valhalla Content Hub. We're [hosting a webinar tomorrow](https://twitter.com/GatsbyJS/status/1587828880865370119), and if you're at all interested in modernizing the data layer for your (Astro, Next, Gatsby, etc.) site, you should check it out.
Python for beginner series | Day-05
Tags: python, programming, tutorial, beginners
Published: 2022-11-02 18:10:30

On these Day 05, we are going to see control flow statements in detail

It defines which order of the program code has to execute


The control flow of a Python program is regulated by conditional statements, loops, and function calls. 

https://link.medium.com/XXMJwM1lDub
Run a specific migration
Tags: rails
Published: 2022-11-02 17:53:01

_Sometimes we search how to do something. We find out the correct answer, we use the tip and we forget how to do it again because this situation is not frequent at all._

_This entry is just for having my own memory and easy search something that I am sure will be removed from my brain soon._

There is not common but can happen that you need to run an specific migration and don't want to run the subsequent migrations.

Let's go:

```
require "{Rails.root.to_s}/db/migrate/20090408054532_add_foos.rb""
AddFoos.new.migrate(:up)
```

In details...
- 
Identify the migration

`20090408054532_add_foos.rb`

- 
Open console

`rails c`

- 
Require the migration

`require "#{Rails.root.to_s}/db/migrate/20090408054532_add_foos.rb"`

- 
Run the migration

`AddFoos.new.migrate(:up)`

DONE ;-)

visit: [https://stackoverflow.com/questions/753919/run-a-single-migration-file](https://stackoverflow.com/questions/753919/run-a-single-migration-file)
Stellar (XLM) Blockchain: Account Merge
Tags: stellar, xlm, blockchain, guide
Published: 2022-11-02 17:52:05

## What is an Account Merge?

An account merge, on the Stellar (XLM) Blockchain, is the operation for deleting an account. The account is deleted and removed from the ledger when all of its XLM (Lumens), including the base reserves, are transferred to another account.

Before this operation may be carried out successfully, all subentries like trustlines, additional signers, open offers, and data entries must be removed.

### Side Comment

You may notice this blog post is shorter than my previous Stellar Quests posts. I'm changing up the format of these posts by only summarizing the WHAT and not the HOW. That'll be much more relevant when I begin to use the Stellar SDK (Software Development Kit).

> I plan on writing corresponding blog posts with relevant code examples. For now, I'm simply learning the basics of the Stellar blockchain and utilizing the Stellar Laboratory in order to interact with the test net. If you wish to learn about the Stellar blockchain, and earn while doing it, then please visit: https://quest.stellar.org/
Find Intersection of Two Arrays
Tags: javascript, leetcode, algorithms
Published: 2022-11-02 17:45:34

Hey Devs 👨🏼‍💻! Today we will discuss about one problem that often mentioned in a interview, how to find intersection of two arrays. Who knows maybe in your future you will get asked this question too. Being prepared is the key for successful interview. Without further ado, let's jump right in!

Let's analyze the task to solve:

> "Assuming an input of two number arrays, return an array that is composed of numbers they have in common."

We also must consider the constraint for this problem: "A number might appear more than once. If it appears twice in each array, the resulting array will have two instances of the same number."

Before we start to write the code, usually what I do is create a pseudocode of how to solve the problem to give us a big picture on how to solve it. In this particular case I want to solve it using `Set`

```txt
array_1 = [1,2,3,1,2,1,5,7]
array_2 = [2,1,4,8,3]

function(array_1, array_2):
  set_1 = create a new set

  loop through array_1:
   push the value of each val of array_1 into set_1

  intersection_set = create a second set (for storing our intersected value)

  loop through array_2:
   check if val of array_2 is on set_1:
     push val of array_2 into intersection_set

  return array from intersection_set
```

I will explain what happen what happen in this logic.

First of all we will use `Set` to make create an unique value. If we insert a duplicate value into `Set` it will be ignored since we already have the same value in our `Set`.

The main logic to solve this problem is simple, We need two `Set`. The first `Set` will hold unique values from the first input Array, and second `Set` will hold value for the actual intersected values from both arrays. And later on we just need to transfrom the value from intersected `Set` into Array.

Check the implementation of our logic below:

```js
function intersection(arr1, arr2) {
  let firstSet = new Set();
  for (val of arr1) {
    firstSet.add(val);
  }

  let intersectionSet = new Set();

  for (let val of arr2) {
    if (firstSet.has(val)) {
      intersectionSet.add(val);
    }
  }

  return Array.from(intersectionSet);
}
```

There are multiple ways to solve this problem. I choose to use `Set` because it make the code so much clean and easy to read. Feel free to explore to use another method to solve this problem. I hope this short article will help you in the future! Good luck Devs. ✨
Get Your Own Cassandra Cluster in 1.618 hours
Published: 2022-11-02 17:29:44

---
title:Get Your Own Cassandra Cluster in 1.618 hours 
published: true
description: 
tags: 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gkhwgknuzj3caue3lcop.png
canonical_url: 'https://kevwe.com/blog/get-your-own-cassandra-cluster'
# Use a ratio of 100:42 for best results.
# published_at: 2022-11-02 17:27 +0000
---
All you need

    2N+1 linux machines (virtual?), with N>=1
    a command line
    a sheet of paper

Install the build system

Apache Cassandra needs a Java sdk installed. The latest supported version is Java 11. I read that upcoming support for latest Java version will be soon here, but we stick to Java 11 that is supported by now.

In order to have Apache Cassandra working on Java 11, it needs to be compiled with it, or you will have to run it with Java 8.

In order to install Java, you might want to do it like this, possibly from a root account:

mkdir -p /opt/java
curl -LO https://download.java.net/openjdk/jdk11/ri/openjdk-11+28_linux-x64_bin.tar.gz

tar vxzf openjdk-11+28_linux-x64_bin.tar.gz
mv jdk-11 /opt/java
cat> /opt/shared/java/load-jdk-11.sh 
#! /bin/bash

export JAVA_HOME=/opt/java/jdk-11
export PATH=${JAVA_HOME}/bin:${PATH}


The full article: https://kevwe.com/blog/get-your-own-cassandra-cluster
How to identify color from an RGB value
Tags: tutorial, design, color
Published: 2022-11-02 17:25:03

This article is a supplement to the recent project I built Color Dash (formerly Guess the color game), you can play the [game here](https://tebza.dev/colordash) and read about its making [here.](https://tebza.dev/the-making-of-guessthecolor-game)

edit: change game name to Color Dash

##  RGB color space
is a mathematical model used to represent color. Compromising of three channels: **red**, **green**, and **blue**. Each of these channels has a value between 0 - 255. The value represents how much of each color channel should be added together.

To identify the color represented by an RGB value, we first need to know the colors at their 
## purest forms

RGB(0,0,0) gives you black simply because there's no color.

and RGB(255,255,255) which is all of the colors combined gives you white. 


![Black and white.png](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uias4s4xbrn0xtdangou.png)



red is rgb(256,0,0) ; green rgb(0,256,0); blue rgb(0,0,256)

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



## basic color combinations of the three colors

red and green => yellow. Playing with just the two we get to brown and dark olive.

RGB(256,256,0) ; RGB(100,100,0); RGB(50,50,0)

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



red and blue   => pink. Playing with just the two we get to purple

RGB(256, 0, 256) ; RGB(100, 0, 100) ; RGB(50, 0, 50)


![pink to purple.png](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j339hlqahp7x1kee4ezt.png)




green and blue (0,256,256) => aqua to teal, dark green

RGB(0,256,256) , RGB(0,100,100) , RGB(0,50,50)

![aqua to dark green.png](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/okb4afj0f3z71xcyuo74.png)



👀 notice that as the values decrease, the color gets darker.

Now to put what we learned to good use 
## Example 1
given this random color code and other random colors 
identify the correct color


![example 1.jpg](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2ij4omjenhfet2pf2c41.jpg)


( the code and the colors are taken from [Color Dash](https://tebza.dev/colordash)😉 )

First We identify the dominating color hue(s). It is green with a  whopping 110, followed by 53 blue and 17 red.

Of the 6 given colors, only three are green, but the correct type of green is the darker one because of 110. Remember as you go up to 255 the color gets lighter.

## Example 2 


![example 2.jpg](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zzjz48ljmmhum4q3v2mx.jpg)


Again we first identify the dominating color hue(s):
green with 235, blue with 217, and red with 157.

two colors dominate here, and we know that green and blue make aqua. so our best guess here is the one close to aqua. Which is the first color.

## Conclusion
Now it's your turn. [Apply](https://tebza.dev/colordash) these tips and see if you can break my high score of 60! If you also have any tips share them!✌️
General Contractor Company
Published: 2022-11-02 17:20:58

Fix, Hold & Flip Understands Your Ideas Well And Makes A Suitable Plan To Turn Them Into Reality. As A Local **[General Contractor Company](https://fixholdflip.com/)** In Dallas Texas, We Can Provide You With Amazing Construction Services That Help You Build A Unique And Long-Lasting Building. Nowadays, People Mostly Demand Exclusive Architectural Designs That Make Their House Look Splendid. We Are Here To Offer You Excellent Facilities In This Regard.
Get instant observability into your Jenkins pipelines
Tags: devops, monitoring, observability
Published: 2022-11-02 17:17:26

Here’s the scoop on the latest New Relic product innovations, partnerships, and events:

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

**Get more custom events with the our latest APM agent update**

We’ve released a new update for application performance monitoring (APM) language agents that increases the default and maximum limit for custom events. You can now ingest more custom events to track critical actions for analysis and troubleshooting.

[Learn More](https://discuss.newrelic.com/t/send-more-custom-events-with-the-latest-apm-agents/190497?utm_source=devto&utm_medium=community&utm_campaign=global-fy-23q3-dev_to_post) 


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

**Get instant observability into your Jenkins pipelines**

Monitor your Jenkins continuous integration/continuous delivery (CI/CD) pipeline health in minutes with our Jenkins with OpenTelemetry integration! [Watch the demo](https://www.youtube.com/watch?v=ZCF75LTtdz0) to learn how to get job and pipeline executions as distributed traces. Then [install the quickstart](https://newrelic.com/instant-observability/jenkins?utm_source=devto&utm_medium=community&utm_campaign=global-fy-23q3-dev_to_post) to get a dashboard with all your metrics in one place.

[Get Started](https://newrelic.com/blog/how-to-relic/monitoring-jenkins-pipelines?utm_source=devto&utm_medium=community&utm_campaign=global-fy-23q3-dev_to_post)

Support tip of the week: Troubleshoot network issues with .NET agent

If you’re using the .NET agent and data is not reporting, you may see an error like this: “ERROR: Unable to connect to the New Relic service at collector.newrelic.com:443.” We provide the steps you need to troubleshoot and resolve these network issues in this [article](https://discuss.newrelic.com/t/unable-to-connect-to-the-new-relic-service-troubleshooting-network-issues-with-the-net-agent/77953?utm_source=devto&utm_medium=community&utm_campaign=global-fy-23q3-dev_to_post).

[Learn More](https://discuss.newrelic.com/t/tls-1-0-1-1-to-be-disabled-for-all-inbound-connections-on-feb-1st-2023/188451?utm_source=devto&utm_medium=community&utm_campaign=global-fy-23q3-dev_to_post)

**What's new at New Relic**
Learn more about these new features and the rest of our latest releases by checking out [What's new](https://docs.newrelic.com/whats-new/?utm_source=devto&utm_medium=community&utm_campaign=global-fy-23q3-dev_to_post).

---

_Join the [New Relic Slack community](https://get.newrelic.com/MzQxLVhLUC0zMTAAAAGHlVlC-d2ZVCwNLc_hpcLD836-j2gmD6sZkxkygeaaSTPg-4QlmIY6omb5Gt1rHHzeU1xsqJc=) to continue the conversation with hundreds of other developers using New Relic._

_Not an existing New Relic user? [Sign up for a free account](https://newrelic.com/signup/?utm_source=devto&utm_medium=community&utm_campaign=global-fy23-q3-dev_to_techupdates) to get started!_
My first step towards OSS
Tags: opensource, hacktoberfest
Published: 2022-11-01 06:29:12

Hello everyone!
Most of you might already know what open source software is and the community around it.
Today I would like to share my first step towards OSS where I participated in the Hacktoberfest event and was able to successfully submit 4 PRs that got approved 🚀🚀🚀🚀

## My contributions and learnings
During the month, maintainers of OSS from all around the world tag issues as "hacktoberfest" and "good-first-issue". Most of the issues are beginner friendly, especially for first time contributors. This was the best time for me to start out and learn the about it.

So I found a project called [ToolJet](https://github.com/ToolJet/ToolJet) that signed up for Hacktoberfest and actively providing good first issues for contributors who are beginning. 
ToolJet is basically an open-source low-code framework to build and deploy internal tools quickly without much effort from the engineering teams. It was using javascript and react where my area of interest lies.
I worked on fixing few good first issues that were opened by the maintainers.They were very responsive, reviewed the PRs carefully and always checked if changes align with their code standards. Even though my contributions weren't huge, having it merged gave me an immense confidence boost.
Checking to a whole new repo, reading through the code and figuring out things was great. While contributing to this repo, I additionally learnt about docker and how applications run on it.

Also, while preparing for interviews last month, I found the [Freecodecamp developer quiz resources](https://github.com/freeCodeCamp/Developer_Quiz_Site) very useful. Javascript was my main area of focus, so I wanted to added few questions to the repo that didn't have few important topics like closures, event delegation etc. So opened a PR for the same.

Therefore, from a developer who was using numerous open source libraries in own projects to contributing to one of them feels awesome. I am so glad for choosing to participate and hope to continue on it.

Would love to take any suggestions related to OSS contributions.

Thanks!
Websites that will Make you Standout - Prathkum
Tags: productivity, career
Published: 2022-11-02 17:12:31

####   Original Tweet From  [@Prathkum](https://twitter.com/Prathkum)
{% embed https://twitter.com/Prathkum/status/1577694853504327680 %}
8 websites that will make you a standout person from 99% of people: 

###1|. ScribeHow

Turn any process into a step-by-step guide, instantly.

• Click record
• Do the thing you want to show someone (like how to reset a password) 
• Get a beautiful auto-generated guide

No manual screenshots. [@ScribeHow](https://twitter.com/ScribeHow) does it for you.

🔗 https://t.co/nkamSc0MoD ![Twitter Image 0](https://pbs.twimg.com/media/FeUZFNHWAAIgX9S.jpg) 

[@ScribeHow](https://twitter.com/ScribeHow) 
###2|. getform

It basically converts HTML form into an endpoint.

• Send emails from the contact form
• Upload files
• Automate your workflow

🔗 https://t.co/XGBMYbcfz4 ![Twitter Image 1](https://pbs.twimg.com/media/FeUZFfkXkAE7_e5.png) 

[@ScribeHow](https://twitter.com/ScribeHow) 

###3|. Quillbot 

Paraphrasing tool that rewrites and enhances any sentence, paragraph, or article using AI.

🔗 https://t.co/0BXFRWyxSj ![Twitter Image 2](https://pbs.twimg.com/media/FeUZFrNXwAMyc3c.jpg) 

AdSpace Here!!

[@ScribeHow](https://twitter.com/ScribeHow) 

###4|. Oh shit, Git!

Bad situations and often mistakes that we make while working with Git. You'll probably find your answer here.

🔗 https://t.co/cMTOJREdci ![Twitter Image 3](https://pbs.twimg.com/media/FeUZF77XoAETRQx.jpg) 

[@ScribeHow](https://twitter.com/ScribeHow) 

###5|. ParityDeals

Setting a price tag on the product is tough.

Optimize your product pricing across countries to maximize revenue.

🔗 https://t.co/Qj8uxl1UBK ![Twitter Image 4](https://pbs.twimg.com/media/FeUZGPtXEAAwnM_.jpg) 

[@ScribeHow](https://twitter.com/ScribeHow) 

AdSpace Here!!

###6|. Marker

Report visual bugs directly into your favorite tools without leaving your website or web app.

🔗 https://t.co/Sc1ES0NYY2 ![Twitter Image 5](https://pbs.twimg.com/media/FeUZGicWIAEoj46.png) 


[@ScribeHow](https://twitter.com/ScribeHow) 

###7|. Can I use

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

🔗 https://t.co/TNqlk3OUXR ![Twitter Image 6](https://pbs.twimg.com/media/FeUZGxCWIAEHzDF.jpg) 

[@ScribeHow](https://twitter.com/ScribeHow) End of this thread.

Add more amazing websites below. Follow @PrathKum for more excellent tweets and threads. 



Click [Here](https://www.knowledge-twitter.com/?utm_source=dev.to)  For More Posts Like This [https://www.knowledge-twitter.com](https://www.knowledge-twitter.com/?utm_source=dev.to)
I redesigned and rebuilt my Personal Website!
Tags: webdev, portfolio, vite, showdev
Published: 2022-11-02 17:05:55

I just redesigned and rebuilt iteration 3 of (lucaswinkler.dev) my personal website using Vite. I still need to make projects to display but I'm currently working on it!

Got a lot better at responsiveness, optimization, accessibility and ~~I turned it into a progressive web app~~ I actually just recently removed the PWA part of the site.

Going to be focusing on learning React and Next.js for my next project.

I would love to hear your thoughts on the website in general but also on the design. I'm not a designer but I love making things look good.

View at:
{% embed https://www.lucaswinkler.dev/ %}
Which front-end framework should the dashboard system use?
Published: 2022-11-02 17:04:07

Hello everyone, I am a Product UX/UI Designer, and now I want to develop the dashboard I designed into a dashboard system.

I learned that the current popular front-end frameworks are React, Vue, tailwindcss, etc., as well as products such as bootstrap.

My purpose is to develop the dashboard I designed into a product for sale, but I don't know which front-end framework to use, or a bootstrap theme. I don't know which programmers prefer it, and the current fashion trends, so I hope to get some help in this community.

The purpose of my design of this product is to make this UI framework serve both the middle and back-end systems and the front-end website.

Also, I designed the dashboard like this...


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

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

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xy1zyual9ntwex8qi27c.png)
[My designs are available here.](https://www.figma.com/community/file/1168811417705255214)
Luos wins the 7th wave of the i-Nov 2021 competition
Tags: opensource, microservices, luos, programming
Published: 2022-11-02 17:01:13

🎉 We just received the trophy for our victory in the I-Nov 2022 competition organized by BPIFrance.

Thank you again for the beautiful prize made by Salomé Cousseau.

For the occasion Nicolas Rabault, Simon Baudry and Emanuel Allely, the three founders of Luos, posed for a picture.