teleren/devto huggingface dataset:
Searching Multiple DHCP Servers for One Host
Published: 2020-10-14 17:10:40

Is it possible to use Powershell to find a DHCP client in a gigantic list of DHCP servers and scopes?

I work for a hospital that has multiple DHCP servers (one for each region - 13 regions) with multiple scopes (upwards of 50 DHCP scopes for each server). I am trying to find a way that I can write a Powershell script to sift through all servers and scopes and come back with the relevant information needed for my (manual) server decommission process rather than having to do this manually.

We do have applications and tools (Solarwinds) in place that can get me the information that I need, but it's involved and time consuming and I'd rather have this Powershell script a "one-stop shop" script to run to gather my information and clean up the DHCP inventory. And eventually have it baked into the entire end-to-end process for decommissioning the servers. My dream is to be able to run a script, give it the server name and have the process run through and clean out everything from DHCP to DNS to AD Users and Computers. But I'll start small for now.
✿FontUltimate - A beautiful icon-font for web.
Tags: design, icon, font, web
Published: 2020-10-14 13:52:18

Hey there 👋, we are excited to introduce **FontUltimate**, a font icon library of beautiful vector icons which are scalable, easy to use & extremely fast to load. It's ready to use and **free** for any personal & commercial project.

**♦ Features**

✿ Explore the library, choose an icon, copy-paste the code inside your Web-App and It's done.
```
<i class="fu-solid fu-hippo" aria-hidden="true"></i>
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ku9jir0iljzjvf941omx.gif)             
 *************
       
✿ You can choose icons from different categories.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7e05uycbf5hmt0zmjbxf.gif)
***
✿ You can also search for the icons, it's really simple.

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

***
✿ It's fast and ready to use, made specifically for developers & designers.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/bo41b6nqzbd9nhe1l148.gif)
***

We are launching soon on Product Hunt. So if you would like to get an early access of [**FontUltimate**](https://www.producthunt.com/upcoming/fontultimate/) and be the part of this project, please do **Subscribe** by clicking [**here**](https://www.producthunt.com/upcoming/fontultimate/). It's completely free to subscribe.

  **♦ Subscriber Benefits** ( *What subscribers will get?* )

✿ Will get the early access to the full library for free.

✿ Can use it in any number of personal & commercial projects. 

✿ Can give feedback.

✿ Will get an access to FontUltimate's private #Slack channel.

✿ Will get notified about the new releases before any other user (non-subscriber).


You will ♥ using it as much as we ♥ making it.

Looking forward to see you. Please do [**Subscribe**](https://www.producthunt.com/upcoming/fontultimate/) .


Yours Sincerely,

Maroof Khan
15/10 Extract Data Table from Template
Tags: beginners, productivity
Published: 2020-10-14 16:24:07

I was trying to extract a data table out of a template & paste to a new doc for learning purpose. It sounds like a simple task but being the newbie I am, It took me 3 days (after working hours).
1st day i got it  50% right
2nd day i got it 90%
today i finally did it 100%~ woo

Is strange that I came a little closer to success each day. What I learned:
★ I realize frontend is not 1 + 1 = 2, esp when it invovles javascript. The first time (in 1mth+) I encountered what I inspected was totally different to what the editor showed.😂

★files management is important, I can't understand which styles have already been imported or overlapped, I shall look up on ways for that later.

★Real working task in company is so different from just going through website tutorials, because there's gonna be a lot of files & knowing what does what & how to manage them is hard. At least I now know the difference & industry works guideline.
Welcome Thread - v95
Tags: welcome
Published: 2020-10-14 16:17:50

---
title: Welcome Thread - v95
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![boston terrier saying hello](https://media.giphy.com/media/7jBnY92iZrz6woWd41/giphy.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
I built a modern and open-source blog template 🙌
Tags: showdev, react, javascript, webdev
Published: 2020-10-14 16:17:16

Hi,

I built a clean-looking template that you can use for your next blog. It uses NextJS as framework for better SEO and was mainly built to work with a [CMS](https://caasy.io) I recently launched. However, the code is open-source and can be adapted to your needs. It can easily be customized to your personal preferences. For more information on how to do that see the readme of the repository or refer to the [docs](https://docs.caasy.io/docs/getting-started-with-the-blog-template).

Hope you like it!

#### 🚀 [Live Preview](https://demo-blog.caasy.io/)
#### 💻 [Get the code here](https://github.com/jz222/caasy-nextjs-blog-template)
How to find a mentor?
Published: 2020-10-14 16:16:18

Lately, I've been stumbling with a lot of videos and posts with a lot of hints for people who are new into the IT world. In the sea of advices, one that is most common is "to find a mentor" in the area that you want to specialize or are interested into follow.

It is know that the Technology and Development world is a myriad of paths that sometimes can lead to a a feeling of traveling to nothing. And I think that the advice of having a mentor is a the most important one.

A lot of great communities like dev.to where built with a purpose of sharing and reduce the gap of knowledge in those paths, put i still struggle about the essence of finding mentorship. In those resources/channels telling new people in IT to "find a mentor", they abstract the journey to actually finding one. 

With all of that said, I would like to know about you, have you ever had a mentor or a person that you look as a role model in the IT world? And how you managed to find that/those person(s)? Do you have any real advice about the approach with those persons?
Hacktoberfest 2020
Tags: hacktoberfest
Published: 2020-10-14 16:09:18

## What I Learned From Hacktoberfest
Hacktoberfest is an amazing platform to start contribution in open source. I really enjoyed this journey and its been a first time I contribute in any open source, because of hacktoberfest i got to know how to pullrequest on github and how to contribute in an open source.
Let's work from home
Published: 2020-10-14 16:02:21

After the success of remote work during the period when the Corona virus swept the world, large companies began to reconsider the amount of work space they needed.
Where companies such as Facebook, Twitter, and now Microsoft have started making the remote work option a permanent option for some businesses even after the end of the Corona pandemic, which is expected to increase productivity and psychological comfort during work.
In your opinion .. will work in the future be remote?
Trendy cool and Romantic whatsapp status <3
Tags: wordpress
Published: 2020-10-14 15:46:47

HEART TOUCHING QUOTES FOR LOVE [CLICK HERE TO VISIT](whatsappstatusinhindiattitude.com)
IN THIS ARTICLE WE WILL POST IMAGES ON HEART TOUCHING QUOTES. HEART TOUCHING QUOTES FOR LOVE HAS A HUGE FAN BASE AND ARE LOVED AND SHARED BY MANY PEOPLE. PEOPLE LOVE SHARING HEART TOUCHING STATUS IN HINDI, IN THEIR SOCIAL MEDIA PLATFORM. WE ALSO BRING UNIQUE IMAGES ON HEART TOUCHING SHAYARI. PEOPLE LOVE SCROLLING AND READING OUR IMAGES ON HEART TOUCHING SHAYARI OF A LOVE AND HEART TOUCHING LOVE SHAYARI.
Image To Line Art Using CSS
Tags: codepen, image, effect, line
Published: 2020-10-14 15:35:44

Inspired by the <a href="https://www.photoshopsupply.com/actions/line-art-photoshop-action-free">Line Art Photoshop</a> action by PhotoshopSupply.com I decided to give it a try and create a similar line art effect from a photo by using SVG filters and CSS.

I also used some JS, but that's not necessary for the effect, I only added it for allowing live changes to the settings of the line art SVG filter. This photo effect looks very similar to the find edges or contour algorithms. 

Basically, I am combining an inverted, blurred version of the photo with the original photo and applying the dodge color blending mode. The higher the blur applied, the wider the lines become. Also, at the end I'm applying a sharpening effect to get more definition on the line art.

Click on the image to toggle between the original image and the line art effect.

{% codepen https://codepen.io/inegoita/pen/BaKRevX %}
Uses of CSS conic gradients
Tags: css, ux, webdev, frontend
Published: 2020-10-14 15:31:49

With [conic gradient](https://developer.mozilla.org/en-US/docs/Web/CSS/conic-gradient) landing up in firefox 83. It will now have good support. Removing dependancy on SVG for some simple usecases progress ring is one of them.

Here is how I have achieved it with [conic gradient](https://developer.mozilla.org/en-US/docs/Web/CSS/conic-gradient), [custom css properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) and eight lines of javascript.

Check it out here 

{% codepen https://codepen.io/nikhil-001mehta/pen/abZdzey %} 

## What more can we achieve with conic gradients:

You can create pie charts like this

{% codepen https://codepen.io/nikhil-001mehta/pen/dyXGGJV %} 

or some awesome checkerboard background patterns like this

{% codepen https://codepen.io/nikhil-001mehta/pen/LYZGGBz %} 

or something like this

{% codepen https://codepen.io/nikhil-001mehta/pen/dyXGGEm %} 

or some fancy borders like these

{% codepen https://codepen.io/nikhil-001mehta/pen/GRqooYX %} 

or a hue color wheel

{% codepen https://codepen.io/nikhil-001mehta/pen/jOrWWQN %} 

References:
1. There is nice article already by [Jeremias Menichelli
](https://twitter.com/jeremenichelli) about creating progress rings using svg [here](https://css-tricks.com/building-progress-ring-quickly/)
1. Use of CSS custom properties inspired from [this talk](https://www.youtube.com/watch?v=kZOJCVvyF-4) by [Lea Verou](https://twitter.com/LeaVerou)
Why everyone should learn how to code. 
Tags: code, learn, ai, contribute
Published: 2020-10-14 15:31:05

We now live in a world where programming languages and education has become easier for the layman to use. Knowing how to code and build programs that automate many of our daily tasks means that soon we will much rather have a computer keep track of stuff and rely way more on the computers to handle our daily chores and tasks. 

UX design has become so good (with the help of AI and ML) that we will soon see interfaces where we simply think about something and the computer happily performs the task that we thought about. Yes, I am talking about a mind-reading personal assistant. 

The thing is when we simply think of ice cream and poof there it is, we will never know how ice cream is made and will never be able to make one for ourselves. There are a lot of things, some more concerning than others, that will be automated and run completely by computer algorithms. 

This not only means loss of control but the loss of the ability to control. We will have no idea of how things are done because we have hidden them behind a beautiful UX wall that we simply ask and receive. 

We are nowhere near a perfect mind-reading personal assistant but we are fast approaching this reality. 

This means that what we do now for an income is going to be taken over by software but until then the value lies in creating that software. Whatever skill you have mastered becomes way more valuable if you have the ability to transform that skill into a computer program. 

We now have the choice to simply enjoy the evolving technology having no idea how it works, or be a part of the global team building it. 

A world that is mostly run by computers is inevitable from my perspective so fighting it is not an option. You can either add your creative perspective by contributing or you can enjoy the chat with your assistant not knowing what really goes on behind the scenes but you trust that those who chose to build did a good job. 

The point I am trying to make is that whatever career or industry you are working in, software is going to become a very large part of it soon. The part that controls things and makes decisions for us. We now have the opportunity to take whatever creativity or skills we have and transfer them into code that forms the thinking behind those decisions.

We need to translate our precious and valuable way of thinking and problem-solving skills into computer-readable programs. These programs will soon be doing our jobs all on their own and I would hope that they were trained by the very best human practitioners.

We have figured out a lot about how the world works and trained ourselves with great skills through evolving our kind. But it is now time to hand over the hard work to the computers as they become more and more powerful. I believe coding is like voting, if you choose not to, don’t complain about the outcome.
Not so pro tips for mail-in-a-box users
Tags: mailinabox, smtp
Published: 2020-10-14 15:17:40

Disclaimer: I am in no way a professional. I'm just a student who has had the (un)fortunate experience of maintaining a mailinabox server. I thought i would share my experiences along the way so that i may save some time for those looking for it.
I've used DigitalOcean here , but similar steps can be followed with your cloud provider of choice.


## I want to move Mail-in-a-box to another Digital Ocean account (The Shortcut, but not recommended)
- If you have any important data, be sure to always keep a backup
- Create a snapshot of your droplet (you can power off the droplet after the snapshot)
- Change the owner of your snapshot, see [this guide](https://www.digitalocean.com/docs/images/snapshots/how-to/change-owners/)
- Resume the transferred snapshot
- Change the DNS records to point to the new droplet
- Log into the web admin panel at <hostname>/admin . If there are no errors, everything is good.
  If there are errors (red text), re-install Mail-in-a-box

## How do i re-install Mail-in-a-box ? (Unofficial, however, this should work in most cases)
- Delete the mailinabox directory commonly located at ~/mailinabox
- Rename the ```/etc/nginx/conf.d/local.conf``` to ```/etc/nginx/conf.d/local.conf.deleted``` if you would want a copy
- Rename the ```/etc/nginx/conf.d/ssl.conf``` to ```/etc/nginx/conf.d/ssl.conf.deleted``` if you want to keep a copy
- Restart nginx ```systemctl reload nginx```.
- Run the installer from the official website and once its done, everything should continue to work as normal.



## BCC-ing people: (credits [namsnath](https://gist.github.com/namsnath/8b23394967d202e126c3539cd391ac88) ) 
### BCC all mails sent to a given address:
-  ``nano /etc/postfix/main.cnf``
- add to the end: ``sender_bcc_maps = hash:/etc/postfix/sender_bcc_maps``
- ``nano /etc/postfix/sender_bcc_maps``
- Add lines in this format: ``<sender@email.com> <bcc@email.com>``

### BCC all mails recieved on a given address:
* ``nano /etc/postfix/main.cnf``
* add to the end: ``recipient_bcc_maps = hash:/etc/postfix/recipient_bcc_maps``
- ``nano /etc/postfix/recipient_bcc_maps``
- Add lines in this format: ``<recipient@email.com> <bcc@email.com>``

## Fancy Skins:

- [Custom Roundcube skin installation guide](https://github.com/EstudioNexos/mabola)
Symbols Are Your Friend Part II: Symbol.for() & Symbol.keyFor()
Tags: javascript
Published: 2020-10-14 14:18:57

In <a href="https://dev.to/js_bits_bill/symbols-are-your-friend-a-gentle-introduction-js-bits-23af">Part I</a> we looked at the Symbol constructor and general use cases. In this second episode, we'll explore the 2 static Symbol methods, <code>Symbol.for()</code> and <code>Symbol.keyFor()</code>. Don't worry, we'll finally get to the (in)famous <code>Symbol.iterator</code> in due time.

These 2 methods are known as "static" methods because they can only be called from the class itself and cannot be accessed via an instance of a class:

```js
class myClass {
  static greeting() {
    console.log('Hello world!');
  }
}

myClass.greeting() // Logs "Hello world!"

const foo = new myClass();
foo.greeting(); // Logs a TypeError
```

With that out of the way, let's look at <code>Symbol.for()</code>. The syntax for this method is:

```js
Symbol.for(key); // The key is a string that identifies the symbol
```

While <code>Symbol()</code> always creates a brand new, totally unique value, <code>Symbol.for()</code> will do one of 2 things:

1) If there is no symbol created with the given key, a new symbol is created.
2) Otherwise the method will return the existing symbol with the provided key.

```js
Symbol.for('abc'); // Create a new symbol w/ "abc" as the key
Symbol.for('abc'); // Retrieve existing "abc" symbol
```

Although this looks similar to <code>Symbol()</code>, <code>Symbol.for()</code>'s argument functions as both the key to search for (or create) and the description: 

```js
const weaponSymbol1 = Symbol.for('knife');
const weaponSymbol2 = Symbol('club');

console.log(weaponSymbol1.description); // "knife"
console.log(weaponSymbol2.description); // "club"
```

This is an important distinction as <code>Symbol()</code>'s argument is only a description:

```js
const s1 = Symbol('abc'); // Create unique symbol
const s2 = Symbol.for('abc'); // No symbol with "abc" key so create one

s1 === s2; // false
s2 === Symbol.for('abc'); // true
```

Moving on to <code>Symbol.keyFor()</code>, this one is more straightforward as it simply returns the key of a provided symbol as a string:

```js
const weaponSymbol = Symbol.for('sword');
Symbol.keyFor(weaponSymbol); // "sword"
```

Note that <code>Symbol.keyFor()</code> only looks for symbols created with a key created via <code>Symbol.for()</code> and the descriptions you create with <code>Symbol()</code> do not provide a searchable key:

```js
const weaponSymbol = Symbol('sword');
Symbol.keyFor(weaponSymbol); // undefined
```

So that's <code>Symbol.for()</code> and <code>Symbol.keyFor()</code>. These methods give you greater flexibility in determining just how "unique" you want your symbols to be (with plain <code>Symbol()</code> being the most unique). We'll take a look at some of Symbol's static properties in the next article. Betcha can't wait! 😉

----------
Check out more #JSBits at my blog, [jsbits-yo.com](http://jsbits-yo.com/). Or follow me on [Twitter](https://twitter.com/JS_Bits_Bill)!
Deploying a react app in netlify
Published: 2020-10-14 14:57:39

***Netlify CLI***
Netifly also provides a command line interface that lets you deploy your app straight from the command line. That’s what we will do now.

So first, we’ll install the CLI using the following command:
```
npm install netlify-cli -g
```
Now, we’re ready to deploy it. To deploy the application we have to make sure that we’re in the project folder and then we will run this command:
```
netlify deploy
```
We might get a pop-up window which will ask us to log in with Netlify and grant access to the Netlify CLI,  click Authorize. Now that we’re authorized, we can follow the command line prompts to deploy the app.
**Command Line Prompts**
1. In the console, it says that** “This folder isn’t linked to a site yet. What would you like to do?”** It wants to know if we want to link this directory to an existing site or create and configure a new site. Since this is a new site, we’ll select Create & configure a new site.
2. It gives us the option to give our site a name. I’ll type TheCodeholic (You can type any available name which you like).
3.  Now it will ask for the Netlify account which you want to use, so I will select my account (deliicmugambi's teami ), you can select yours.
4. Now, as deploy path, we need to specify our project's build directory which contains the assets for deployment. So, we will type **build** there and press enter.
Automated lighthouse score to your PR (with Vercel and Github Actions)
Tags: webperf, webdev, github, devops
Published: 2020-10-14 14:46:48

[TLDR give me the code now!](https://github.com/OskarAhl/Lighthouse-github-action/blob/main/.github/workflows/lighthouse-on-vercel-preview-url.yml)

Imagine a friendly Github Action bot that adds this to all the PRs (per commit) to your repo:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/wh034wt0hxgtedhskzwo.png)

### Green Lighthouse metrics

Web pages with Google Lighthouse metrics that are green (>= 90) tend to be faster, more accessible, and come with a better user experience. If you, as a developer, can help your company improve on these metrics it will directly impact your companies bottom line (+ help with your paid marketing efforts and SEO).

The first step to green Lighthouse metrics is to measure the metrics. Make it easy for you, and your fellow developers, to see how your code changes impact the Lighthouse metrics by including the metrics as a part of your PRs.

### Github Action workflow

1. Get the preview url for the PR (from Vercel).
2. Run a Lighthouse audit on the preview url with [this plugin](https://github.com/treosh/lighthouse-ci-action).
3. Format the score to a table (+throw in a few emojis).
4. Post a comment on the PR with the formatted score.

The comment on the PR will be a sticky comment - e.g. if the comment exists update it else add a new comment.

The complete action can be found here [here](https://github.com/OskarAhl/Lighthouse-github-action/blob/main/.github/workflows/lighthouse-on-vercel-preview-url.yml). Feel free to copy paste this action to your repo.

### Integrations used:
* [treosh/lighthouse-ci-action](https://github.com/treosh/lighthouse-ci-action)
* [sticky-pull-request-comment](https://github.com/marketplace/actions/sticky-pull-request-comment)
* [vercel-preview-url-action](https://github.com/marketplace/actions/capture-vercel-preview-url)

### Not using Vercel?
- Update step 1 of the action (and get the preview url from e.g. Netlify or from your own deployment setup)

### Limitations:
- Always runs the Lighthouse audit on the root page.

### Further improvements:
- Combine the action with a [budget](https://web.dev/use-lighthouse-for-performance-budgets/) to prevent PRs that bring the metrics below a set treshhold.
- Run the audit only on the pages affected by the PR.
- Compare the collected metrics with the actual metrics of your production site.


Did this help you out? Like and share the article and follow me on Twitter (i'm building [Glitterly](https://glitterly.app/) - a web based video editor).