teleren/devto huggingface dataset:
6 Free and useful tools for developers
Tags: design
Published: 2021-09-24 13:06:24


While working on my little startup, I've extracted some parts of the app and made it into free stand-alone apps. I thought the DEV.to community might be interested in them, so I wrote a little article about those neat little tools and how they can help you.

![Background Remover](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79xg809la4dkrw0radcr.jpg)

## Background Remover

The background remover does exactly what it says on the tin. You upload a single image, and get it back without a background. It works best with images that have a clear separation between foreground and background.


![Photo Filters](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uozghiqwu7rq34hrihnp.jpg)

## Photo Filters

A collection of image filters where you can upload your own image, see how the CSS filters affect it, and copy the CSS for the filter you like with one click. It also allows you to easily tweak those filters and see the results instantly.


![CSS Gradients](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/48bbzcka8u9tnq90zhhh.jpg)

## CSS Gradients

A collection of CSS gradients that are super easy to edit and then copy with a click. 


![Type Scale Generator](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fw9g1lk3ajsfiwhlljqt.png)

## Type Scale Generator

The type scale generator helps you set up a consistent type scale for your web project and then copy the results as CSS, SASS, or Tailwind configs.


![Icon manager](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zj5urbh87ksuzaehwgjs.png)

## Icon manager

Norde is an SVG icon manager that lets you organize and quickly modify entire icon sets at once. It also boasts a collection of useful features like search, drag and drop to your design software, a built-in store, and iconfont generation.


![Brand Guide](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/szeiajawq5579tliwhdw.png)

## Brand Guide

The brand guide helps you create, organize and share your brand. It takes you through a few simple steps that do everything they can to automate a lot of the tedious work you normally would have to do, like making black and white versions of your logo, creating gradients, and so on. When ready, you can easily download and copy values, like colors or CSS for the typography. This makes it extremely convenient when working on projects since you can easily make sure everything is consistent.
Meet the New Version of SecureBridge with Support for RAD Studio 11 Alexandria
Tags: macos, securebridge
Published: 2021-09-24 13:02:48

---
title: Meet the New Version of SecureBridge with Support for RAD Studio 11 Alexandria 
published: true
description: Devart announced the availability of updated SecureBridge for the recently released RAD Studio 11 Alexandria. The release also features ARM architecture support and other important improvements. 
tags: macOS, securebridge
//cover_image: https://direct_url_to_image.jpg
---
Devart, a recognized vendor of world-class data connectivity solutions for various data connection technologies and frameworks, introduced the new version of [SecureBridge 10.0](https://www.devart.com/sbridge/?utm_source=devto&utm_medium=referral&utm_campaign=pr_sbridge_24.09.2021) with support of **RAD Studio 11 Alexandria**. At the same time, the updated product got **Apple Silicon M1** processor support which should make the user experience more convenient.  

**The new version includes the following key enhancements:** 

- SecureBridge fully supports all the new features of RAD Studio 11 Alexandria.  

- The new version of SecureBridge now supports ARM architecture (Apple Silicon M1).  

- This version supports the Diffie-Hellman cipher suites for the TLS protocol. 

- The ExitStatusCode property is available in the TScSSHCustomChannel abstract class.  

- The TScHubConnection component now includes the InvokeTimeout property for use with the Invoke method. 

To learn more about the recent release and download new products, visit: 
https://blog.devart.com/securebridge-for-rad-studio-11-alexandria.html 

**SecureBridge** is a suite of client and server components for SSH, SFTP, FTPS, HTTP/HTTPS, SSL, WebSocket, and SignalR protocols. SecureBridge protects any TCP traffic using SSH or SSL protocols and Cryptographic Message Syntax that provide authentication for client and server, strong data encryption, and data integrity verification. 

**About Devart**
 
Devart is one of the leading developers of database tools and administration software, ALM solutions, data providers for various database servers, data integration, and backup solutions. The company also implements Web and Mobile development projects. 

For additional information about Devart, visit https://www.devart.com/.
Building a new community for Data structure and Algorithms seekers.
Tags: algorithms
Published: 2021-09-24 13:01:44

I am building new community for only Data structure and Algorithms students. Here students can ask questions, give answers, publish their blogs. 

##  [Website-Home-Page](https://www.dsabyte.com)

The layout of the home page has been created, but it needs some improvements. 

## Some basic pages have been built, but currently they are not integrated with the APIs

[login-page](https://www.dsabyte.com/auth/login)

[sign-up-page](https://www.dsabyte.com/auth/signup)

[reset-password](https://www.dsabyte.com/auth/reset-password)

[change-password](https://www.dsabyte.com/auth/change-password)

## Page for editor and writing blogs
[write-page](https://www.dsabyte.com/blogs/write/sa)

Here, you need to write title of the post and description of the post in the same editor. 

```js
# first # will be a title
First para will be description
```
If you click on publish button, then it'll first show the title and the description edited by you. If there is no title or description, it'll show it there.
![no-title](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qu9b7cpqzsoubdfn6eo1.png)

If you have title and description, then it'll display there.
![Alt](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/esjw85qlgo0c7yqpp5jj.png)


Here you can choose to continue edit or final preview.

## Final preview
![fina](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8yc398hd0410ajybf45r.png)

Here, also you can choose either to continue editing or publish. Although publish won't work now, because this is only client side application. Server has not been built yet.



## Final Note
I would like to here from community regarding the feature which i can implement here.

## Thank you for reading my article.
Competitive Programming in C++ in MacOS 
Tags: cpp
Published: 2021-09-24 12:49:26

#:: Build Method for C++17 ::
```
{
	"shell_cmd": "g++ \"${file}\" -o \"${file_path}/${file_base_name}\"",
	"file_regex": "^(..[^:]*):([0-9]+):?([0-9]+)?:? (.*)$",
	"working_dir": "${file_path}",
	"selector": "source.c++",

	"variants":
	[
		{
			"name": "Run",
			"shell_cmd": "g++ --std=gnu++17 \"${file}\" -o \"${file_path}/${file_base_name}\" && \"${file_path}/${file_base_name}\""
		}
	]
}
```

#How to use bits/stdc++.h(STL) header file in MAC

[] STEP 1 :- Open finder in your mac
[] STEP 2 :- Press *shift+command+g* to open go to 
[] STEP 3 :- Paste this 
**/Library/Developer/CommandLineTools/SDKs/MacOSX10.15.sdk/System/Library/Frameworks/Kernel.framework/Versions/A/Headers/bits**
[] STEP 4 :- Create one files using any text editor of your choice and named it stdc++.h
[] STEP 5 :-Paste this code in it and you are good to go.
https://github.com/myan-007/stl

>And that's it if you wanted to know more about it checkout my github profile!!
[My profile!](https://github.com/myan-007)
BINARY SEARCH
Tags: codenewbie, algorithms, beginners, cpp
Published: 2021-09-24 12:47:17

# What is Binary Search and why to use it?
Binary Search is a search algorithm. It is used to efficiently search   for position of a particular number in a sorted array, character in an sorted String. It can also be used to search for first occurrences of a element or last occurrence. Most importantly it can only be used  in case of sorted arrays or string.

# Logic
In the start we calculate the middle position as 
```
int s = 0, e = the length of array or string.
int mid = (s+e)/2;
```
Now after we have mid we have 3 case at hand.check if the element at the middle is greater or smaller than the element we are searching for (let say its X).
### Case 1: `arr[mid]>X`
Then that means the element after the mid are also greater than X. So we can reduce the array in search from `s to mid`. So, we do `e=mid-1`;

### Case 2: `arr[mid]<X`

Then that means the element before the mid are also smaller than X. So we can reduce the array in search from `mid + 1 to e`. So, we do `s=mid+1`;

### Case 3: `arr[mid]==X`
When we finally got the position of X.

Here is a code to show how it 
```
int binarySort(int arr[],int X){
  int arr=[1,2,3,4,5,6,7,8,9]; // A sorted Array of length n
  int s = 0,e = n-1;

  while(s<=e){
   int mid = (s+e)/2;
   if(arr[mid] > X) e = mid - 1;
   else if (arr[mid] < X) s = mid + 1;
   else return mid;
  }
  return -1;
}
```

## To Find First Occurrence or Last Occurrence

When we find the position of X we have to new condition for First Occurrence and Last Occurrence.

### First Occurrence:
Check if there is the same element present at mid - 1 position if yes then you would have to decrease the search space. in the case of First Occurrence or mid + 1 position in case of Last Occurrence 
```
   else{
     if(arr[mid-1] != arr[mid] or mid == 0)
          return mid;
     else 
          e = mid - 1;

   }
```
### Last Occurrence:
Check if there is the same element present at mid + 1 position if yes then you would have to decrease the search space
by making s = mid+1;
```
   else{
     if(arr[mid+1] != arr[mid] or mid == n-1)
          return mid;
     else 
          s = mid + 1;

   }
```

If you have anything to add do suggest in the comments.
😡 Fine...you want CSS art you got it! 💪 My first ever CSS art.
Tags: css, html, codepen, showdev
Published: 2021-09-24 12:30:44

In my last post I recreated an image in SVG to prove how easy it is compared to CSS. 

{% post https://dev.to/inhuofficial/css-art-pfft-try-svg-art-2o0n %}

All the CSS fans came to shout at me for bashing CSS or not using it...so now I have built the same image in CSS, hopefully that makes everybody happy! 😉 

### Original image
![Livai Ackerman](https://res.cloudinary.com/practicaldev/image/fetch/s--sRZfn1nC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.pinimg.com/originals/15/3a/be/153abee445a48e98bc10d8a29d6b7a16.jpg)

### CSS version
{% jsfiddle https://jsfiddle.net/x8qvmkz2/3/ result html css %}

<center>**See, <mark>CSS art is easy</mark> too! 😉**</center>
<p>&nbsp;</p>
<p>&nbsp;</p>
---

## OK wow, how did you do that?
In the previous post I cheated and created an SVG of the image. 

This post is no different, I cheated again!

All I did was write a little script (well, actually it was quite a monstrous script as you can't have curves in polygons!) that converted the SVG `<path>` information into `polygon()` coordinates that CSS can understand.

The script also had to grab the styling information and generate the HTML and CSS.

So we have 977 `<divs>`, each with auto generated IDs...that correspond to CSS rules...that are all using clip paths...to draw shapes and with classes to set the colours. Talk about excessively complicated! 🤣

**additional:** as @afif pointed out in the comments you should never just copy and paste CSS…I was miles into coding this (with hard coded spaghetti code!) before I realised I didn’t need pseudo elements to create the clip-paths…sometimes my brain just doesn’t work!

## You happy now?
All the CSS mega fans will now be happy that I have finally drawn my first piece of CSS art...can I go back to my precious SVGs now? 😋🤣

As always, this was just a bit of fun, I am only kidding, CSS art is cool, especially when done with skill rather than cheating like me!

**Have a great weekend everybody!**
Making SQLite Easy with Codesphere!
Tags: sql, sqlite, database, webdev
Published: 2021-09-24 12:27:32


Working with SQLite just got a whole lot easier! [Codesphere](https://link.codesphere.com/DU) is happy to announce a new UI for creating and managing your SQLite databases!

Let's talk about how!

---

###Setting Up Your Database

To create a new database file, navigate to the infrastructure tab in Codesphere's IDE and select SQLite.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bdki3rn34ug2lhkd7ld0.gif)

You can then create and name a new database, and Codesphere will automatically create the DB file for your database:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j6zdgicm7fuj4gxekll8.gif)

We'll name our database user_info, and then click on it to enter the SQL Query Editor Tab

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ja8cdlkmpfw174m8e2v1.gif)

The Query Editor Tab will allow you to easily run SQL queries to make ad-hoc insertions and deletions, view data, and set up and organize tables.

---

###Making Queries in the Codesphere UI

To start off, we can create a table with:

```
CREATE TABLE user_info (
 name varchar(255),
 age int,
 active boolean
)
```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/61kf5hem7j7vrwtmxtz4.gif)

To populate that table with a row:

```
INSERT INTO user_info
VALUES ('John Doe', 25, true);
```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g55j5jtutpyd9ots7pn4.gif)

And then we can grab those values with:

`SELECT * FROM user_info`

---

###Making Queries from NodeJS

You'll notice that the `.db` file is in your file tree.

In NodeJS, you can access this database by installing sqlite3

`npm install sqlite3`

And running the following code

{% gist https://gist.github.com/LiorB-D/36e2a466ddf7f542411119ba6b50cd81 %}

---

So what project are you going to use SQLite for?
Let us know down below!

Happy Coding from your friends at [Codesphere](https://link.codesphere.com/DU).
My Idea did it into an Accelerator, I need your opinion :)
Tags: startup, docker, microservices, help
Published: 2021-09-24 12:15:06

Hi, I am based in Germany and I am currently developing an Idea, which is part of an Accelerator program. Our target market are Companies, who need an IT solution and developers, who want to connect with these companies and also support the platform developing micro-services, based on the problems of the companies and helping the community.

This is a short description:

[Projext X] offers developers the opportunity to upload opensource micro-services and share them with a community. The path to hosting, scaling in a cloud and publishing this with the community is automated and simplified.

Medium to large companies can use the micro-services offered directly without having to worry about monitoring.

We want to develop a platform, which works as tool to upload different micro-services, which will be tested, adapted, deployed and maintained, making it easy to our users to just one click the service they need and get it run as an API. without compatibility issues or needing special technical knowledge to deploy them.

we want also to implement in our platform different activities, ranking levels, hackatons, workshops. These activities and ranking system, will be the bridge between companies looking for talent and developers looking for work or to be payed to solve the problems of these companies.

The developers will have the opportunity to rank and acquire points to change them for money. this points will be acquire trough the successfully development of micro-services and how popular this is. And the ownership of the developments will be secure using smart contracts and the blockchain. The developers will also have a portfolio and all the share possibilities, to let the platform work as a job market.

If you help me whit this questions, you can let me your email or wallet address to become a certain amount of points as a gift, I will be updating to let you know when we are already launching

I would appreciate to know:

    What do you think about the Idea?

    Would you use it? if no, why?

    What features can we add to be more attractive for you?

    Do you have some name suggestions for our project?

Thank you for your Help! and sorry for my bad English.
How to get current url in JavaScript?
Tags: javascript, webdev, beginners, programming
Published: 2021-11-17 16:32:01

---
title: How to get current url in JavaScript?
published: true
date: 2021-09-24 12:06:45 UTC
tags: javascript, webdev, beginners, programming,
canonical_url: https://www.moreonfew.com/how-to-get-current-url-in-javascript/
---

JavaScript has come a long way since its inception. I remember the days when it was mainly used only for form validations. Now we use JavaScript for a lot more functionalities. JavaScript has a vast number of APIs which enables us to access a variety of features and information from the browser. One such API is the window.location API which helps us to get current URL in javascript.

## Get current URL in Javascript using windlow.location object

Getting the current URL in JavaScript is quite simple using the [window.location](https://www.w3schools.com/js/js_window_location.asp) object. You can **get the current URL in javascript using the following code**

```
window.location.href 
// https://www.moreonfew.com/how-to-get-current-url-in-javascript/
```

**Using the JavaScript object window.location.href, you can get the current full URL of the page**. It would return you the URL of the current page with the protocol (“https”), the domain (“www.moreonfew.com”), and the path plus the filename (“how-to-get-current-url-in-javascript”). It would also return the query parameters in the URL if they are present. In this current page’s URL there aren’t any query parameters and hence we did not get it.

## How to get current URL in JQuery?

If you are using jQuery and would like to get the current URL, then you can use the following code

```
$(location).attr('href');
// OR
$(location).prop('href');

// https://www.moreonfew.com/how-to-get-current-url-in-javascript/
```

If you notice, in jQuery too, we need to access the “location” object in order to get the current URL. Once we access the location object, we use the “attr” or “prop” API to get the “href” attribute’s value.

However, I would suggest that **it’s better to use window.location.href as it would be comparatively faster and simpler too**.

I hope that you enjoyed reading about the method to get current URL in JavaScript. As you noticed, the way to get current URL in jQuery is also very similar and the “location” object is what we need to tap into even in the case of jQuery. If you liked this article, you can find more [JavaScript articles under our JavaScript section](https://www.moreonfew.com/category/web/javascript/ "JavaScript Articles on MoreOnFew").

The post [How to get current url in JavaScript?](https://www.moreonfew.com/how-to-get-current-url-in-javascript/) first appeared on [MoreOnFew](https://www.moreonfew.com).
A Nice Developer Joke For Today
Tags: jokes, dailydeveloperjokes
Published: 2021-09-24 12:00:04

---
title: "A Nice Developer Joke For Today"
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/5e125988c2636.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:___ Why did the web developer always go to the wrong hotel room?

___A:___ They were in room 301.
 -->
Are you showing up for your Team?
Tags: teamwork, agile, softwaredevelopment
Published: 2021-09-24 11:55:16

---
title: Are you showing up for your Team?
published: true
date: 2021-09-24 11:51:41 UTC
tags: teamwork,agile,softwaredevelopment
canonical_url: https://medium.com/chingu/are-you-showing-up-for-your-team-9c4709aac515
---

#### Sprint 4 — Friday

![](https://cdn-images-1.medium.com/max/1024/1*Y7jIN9CRoyiYr258tS0F-Q.jpeg)<figcaption>Photo by <a href="https://unsplash.com/@everhooder?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">ål nik</a> on <a href="https://unsplash.com/s/photos/empty-seat?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></figcaption>

The start of a team project comes with a lot of excitement and energy. But as it progresses some of the novelty wears off and we notice that team members sometimes loose some of their enthusiasm.

In this respect it’s just like starting a new job. You eager at the beginning because it’s something new and unique, but over time it becomes routine.

> Do you want to be an active participant or merely a spectator?

In the middle sprints we often see **_team members who don’t engage_** with the rest of the team, don’t complete the tasks they’ve agreed to finish, and don’t show up for team meetings. These are danger signals for the team since they directly impact your ability to finish your project.

As a team member you’ve made a commitment to not just finish your project, but to do so in a way that you can use the experience when you interview for jobs.

It’s important to your career to be able to point to all of your projects as proof that you are:

1. **_Results-oriented_** and dedicated to finishing what you start
2. **_Investing_** in improving your knowledge and value as a Developer
3. **_Committed_** to being not just a great Developer, but an active team member
4. A **_leader_** and not just a follower

![](https://cdn-images-1.medium.com/max/620/1*qpvulI08t-V9I7c07sanPg.jpeg)

### Before you Go!

Chingu helps you to get out of “_Tutorial Purgatory_” by transforming what you’ve learned into experience. The experience to boost your Developer career and help you get jobs.

You can learn more about **Chingu** & how to join us at [https://chingu.io](https://chingu.io/)

* * *
Recursos útiles para mejorar tus publicaciones en Markdown
Tags: markdown, writing, spanish, career
Published: 2021-09-24 11:16:05

Recientemente he empezado a publicar en **Dev.to** para mejorar mi **curriculum online** y, cómo es algo nuevo para mi, he recopilado algunos recursos para usarlos de guía.

Esta es la lista de los que más me han gustado:

* [Guía oficial del editor Dev.to](https://dev.to/p/editor_guide)
* [Uso de emojis](https://dev.to/yamadashy/emoji-cheatsheet-of-githubslackdiscordqiita-4d2f#objects)
* [Markdown Cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Here-Cheatsheet)
* [Consejos avanzados para tener más impacto](https://devsday.ru/blog/details/38617)

Siente libre de explorarlos :wink:
DongTai IAST-Introduction of System Architecture
Tags: devops, security, github
Published: 2021-09-24 11:07:45

DongTai IAST is an interactive application security testing tool that can help developers produce safer and better code. It is the first fully open-source IAST project in the world.

Let learn about DongTai IAST and see how does it work. With an innovative system architecture uniquely optimized, DongTai IAST enhances the #DevSecOps in a faster, easier and secure way.

Details: https://hxsecurity.github.io/DongTai-Doc/#/en-us/doc/deploy/intro

Twitter: https://twitter.com/HuoXian_DongTai