teleren/devto huggingface dataset:
One year on from our kick-off, milestone 3 is completed.
Tags: webanalytics, privacy, opensource, devops
Published: 2020-04-14 07:49:55

**Episode Three  — Displaying data**
Our approach to a fair and ethical alternative to established web analytics tools is taking shape. Milestone 3 has been completed. This is what we have achieved in the last ten weeks.

**Improved UX**
The Auditorium for users is now annotated with explanations of all metrics as well as analytics-specific terms. It also contains an FAQ section. In general, new metrics were added and the UX was refined for users and operators. 
*These updates are already up and running in our own instance for users.* Opt in and open the Auditorium.
[Check it out](https://analytics.offen.dev/)

**Working in teams**
If you want to improve your services with transparent and fair web analytics, it is very likely that you  collaborate in groups. Therefore, in a first draft we have added basic utilities for managing user logins and accounts. These tools will be further refined during milestone 4.

**Convenient setup**
Using the command line can be a bit intimidating. This is why we have added an in-browser setup screen for a more intuitive setup. You can now use your browser to perform the initial setup.

**Goodbye Choo, hello Preact**
Choo was a great choice to build dynamic UIs very quickly. But as the Auditorium grew, we noticed a lack of mechanisms to break interfaces into components. So we migrated the application to Preact. A better way to use modern paradigms for programming interfaces.

**Verifying download integrity**
Our binaries are now signed with a GPG key. After downloading Offen, you can now check if the binary you want to use is the one we intend to distribute.
[Learn more](https://docs.offen.dev/running-offen/downloads-distributions/#verifying-the-binaries-signatures)

**Safari now fully supported**
At the end of milestone 2 we noticed problems with the way the Safari browser stores keys. We fixed this by adding a dedicated fallback mechanism.
[Give it a try](https://analytics.offen.dev/)

**Ready in one minute**
Self-hosting is ideal for privacy focused software. Based on free resources, you can now deploy a production ready Offen instance to Heroku in a jiffy. 
We are currently considering the development of further 1-click options for platforms such as YunoHost and DigitalOcean.
[Deploy Offen to Heroku](https://heroku.com/deploy?template=https://github.com/offen/heroku/tree/maste)

**Happy Birthday to us**
Offen is now one year old. We made some progress on our way to develop a self hosted and transparent alternative to established web analytics tools. 
But it is not yet the time for standing ovations. There is still a lot to be done. If you like, you can help us. *Stay tuned and provide us with your feedback.* Thanks in advance!

**Up next**
*Episode Four — Managing data* will feature a more fine grained account management and the collecting and implementing of first user feedback. We'll be right back.

**Deep dive**
Interested in the details? Want to get your hands dirty? Take a look at our code.
[Open Offen GitHub repo](https://github.com/offen/offen)
Twenty-second article! An important difference between parseInt and + in javascript
Tags: todayilearned, javascript
Published: 2020-04-14 07:48:43

---
title: Twenty-second article! An important difference between parseInt and + in javascript
published: true
description: 
tags: todayilearned,javascript
---

I'll be brief! 

* `parseInt('.3', 10)`
  - returns `NaN`
* `+'.3'`
  - returns `0.3` (a `Number`)

The `+` operator might be slower than `parseInt`, but it's a bit more intuitive imo... _and my goodness the title was almost as long as the article itself_.
My Skills Compass
Tags: nerioxman, produc, ux
Published: 2020-04-14 07:47:56

Inspired by Neri Oxman’s Krebs Cycle of Creativity I designed a map laying out my skills and interests:

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

Red elements are skills I master and have professional experience with, the blue ones are instead skills I have some experience with and I plan to improve or I am interested in.

The Krebs Cycle of Creativity was designed by Neri Oxman in 2016 for different purposes. I found it a beautifully designed and very flexible tool to measure and to navigate through my interests, to understand what are my strengths and which areas I need to improve in.

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

How would your map look like? Is any area of your Skills Compas particularly dominant? Which one, on the other hand, requires more of your focus and resources?
Enable your custom background on Microsoft Teams
Tags: tips, microsoftteams, workingfromhome, wfh
Published: 2020-04-14 08:05:04

---
title: Enable your custom background on Microsoft Teams
published: true
date: 2020-04-14 07:47:19 UTC
tags: Tips,Microsoft Teams,working from home, wfh
canonical_url: https://jessehouwing.net/microsoft-teams-enable-custom-background/
---

 ![Enable your custom background on Microsoft Teams](https://jessehouwing.net/content/images/2020/04/unnamed.jpg)

With a lot of people working from home now, we're giving the world a peek into our homes. It may not always be the most representative. You may not have a dedicated room (like me) and sit at the kitchen table. The option to inject a picture of your office or your favorite spot in the mountains is super useful.

![Enable your custom background on Microsoft Teams](https://jessehouwing.net/content/images/2020/04/Background-selection.png)

And they note that custom images are coming "soon". It turns out it's here already, but may not have the required user interface elements yet.

I stumbled upon this little tweet on how to do this:

> Individual backgrounds are already possible. Save the image to c:\users\<username>\AppData\Roaming\Microsoft\Teams\Backgrounds\Upload
> 
> — Stefan Häfliger (@s\_haefliger) [April 13, 2020](https://twitter.com/s_haefliger/status/1249741266088230914?ref_src=twsrc%5Etfw)

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

To add your own images. Make sure they have the following dimension: 1920x1080.

![Enable your custom background on Microsoft Teams](https://jessehouwing.net/content/images/2020/04/image.png)

Then, the only thing you need to do is to save the image in the following (hidden) directory in jpg format in Windows:

```
%APPDATA%\Microsoft\Teams\Backgrounds\Uploads
```

And on a mac:

```
/Users/<account>/Library/Application Support/Microsoft/Teams/Backgrounds/Uploads
```

![Enable your custom background on Microsoft Teams](https://jessehouwing.net/content/images/2020/04/microsoft-teams-custom-backgrounds-folder-1.png)

then enable your custom background from your meeting settings:

![Enable your custom background on Microsoft Teams](https://jessehouwing.net/content/images/2020/04/microsoft-teams-backgroound-effects.png)

Your custom images will show up at the bottom of the list. 

![Enable your custom background on Microsoft Teams](https://jessehouwing.net/content/images/2020/04/pick-and-preview-your-custom-background.png)

And as you can see, this puts me back in the office, with my virtual colleagues.
How to transfer funds (money) from stripe account to bank account in .net MVC 
Tags: dotnet
Published: 2020-04-14 07:36:49

Actually i want to send money to customer bank account from my website getting user bank account details and transfer money to his/her bank account from my website. i have already use stripe one-time payment method in my website. so now i wan to transfer money balance to customer bank account in .net mvc or as like this link for understand
https://i.stack.imgur.com/T6vHm.png
like these pages integration https://stripe.com/docs/connect/charges-transfers or https://stripe.com/docs/connect/legacy-transfers
How to Remove WordPress Version Number
Tags: wordpress
Published: 2020-04-14 07:32:30

In this tutorial i will teach you how you can hide wordpress version manually. We won't use plugin to do this simple task. I will do it with our own code. We can hide or remove wordpress version number with many ways. Sometimes many client wants to remove version number from wordpress css and js files. 

To do this simple wordpress remove version number from css and js files, let's see how we can do it. We will use filter to remove wordpress version number from css and js files.

https://www.codechief.org/article/how-to-remove-wordpress-version-number
Extract data from a PDF
Tags: linux, php, pdf
Published: 2020-04-14 07:25:16

---
title: Extract data from a PDF
published: true
description: Extract data from a PDF in a JSON object
tags: linux, php, pdf
---

One of our providers give us some data ad PDF and I have to produce a JSON object for further elaborations.

![Demo of the report](https://dev-to-uploads.s3.amazonaws.com/i/kcpveroggmjamtu1h33w.png)

For the textual information non problem: I used `pdftotext` to extract the text.

```php
$content = shell_exec('pdftotext -enc UTF-8 -layout input.pdf -');
```
Then I used regular expressions to extract the data

```php
 $anagrafica=array();
 if(preg_match('/^Denominazione\W*(.*)/m', $content, $aDenominazione)) {
     $anagrafica['denominazione']=$aDenominazione[1];
 }
```

How to extract the data of the semaphores that are images without labels?

I used the linux command `pdftohtml`

```php
$rawImages = shell_exec('pdftohtml -enc UTF-8 -noframes -stdout -xml "'.$this->filePath.'" - | grep image');
$tok = strtok($rawImages,"\r\n");
while ($tok !== false) {
    $oImage = simplexml_load_string($tok);
    $images[]=$oImage;
    $tok = strtok("\r\n");
}
```

The output of `pdftohtml` in a xml document for each text box or image.

`$rawImages` is an array of the xml elements of the images ans I put them as SimpleXmlObjects in `$images` array.

Than I searched trough the array the images with 77 pixel of width and sort the by the vertical position.

The images are saved in the current directory of the script.

I queried the color of a pixel in a specific position of the image with `convert` command of [ImageMagick](https://imagemagick.org/) library and saved the data in the JSON object.

```php
$color = shell_exec('convert "'.$imagePath.'" -format \'%[pixel:p{100,50}]\' info:- ');
switch ($color) {
    case 'srgb(253,78,83)':
        $anagrafica[$this::chekcs[$pos]]='red';
    break;
    case 'srgb(123,196,78)':
        $anagrafica[$this::chekcs[$pos]]='green';
    break;
    case 'srgb(254,211,80)':
        $anagrafica[$this::chekcs[$pos]]='yellow';
    break;
};
```

At this point: is there an easy way to do the trick?
how to generate 8-10bit integer number ID in Laravel using UUID
Tags: laravel, randomidgenerate
Published: 2020-04-14 07:11:03

i need little help friends, please someone guide me how i can do...

i want to generate a random and unique id in laravel...am using UUID to generate a random id. but actually i want generate on 8-10 bit number like(45327865) but uuid generate a big string.

so please anyone can guide me how i can do....or get this kind of pattern in laravel
DEV x Twilio Hackathon Journey: Ready, set, go!
Tags: twiliohackathon
Published: 2020-04-14 07:02:45

---
title: DEV x Twilio Hackathon Journey: Ready, set, go!
published: true
description: This hackathon came to my attention at the best time possible. I was just looking into projects that I could do while I was waiting for all this to blow over.
tags: twiliohackathon
series: DEV x Twilio Hackathon Journey
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/2akma69h4rvbjrtwuna8.png
---

This hackathon came to my attention at the best time possible. I was just looking into projects that I could do while I was waiting for all this to blow over.

![Alt text of image](https://i.pinimg.com/originals/0e/74/ba/0e74ba0ae23fd7059d8e0b82d0901e0c.jpg
)
<figcaption>And grab a nice, cold pint</figcaption>

I've also introduced this hackathon to my colleagues at [PROTOTYP](https://prototyp.digital/) and few of them were as excited about this challenge as much as I was.

## Introducing the PROTOTYP team

We've managed to quickly assemble a team of people with different skills and areas of expertise:

[Vlatko Vlahek](https://dev.to/vlaja) - Developer
[Adrian Bece](https://dev.to/adrianbdesigns) - Developer
[Igor Plac](https://twitter.com/placigor) - Designer
[Valentina Bermanec](https://dev.to/vbermanec) - Content management

Even at this early stage, their contribution was invaluable due to different points of view and areas we were able to cover while planning and outlining the project.

## One of the two hardest things in Software development...

is, of course, naming things.

This week we've managed to decide on a name and started brainstorming on the potential features and ideas. 

Although we're not yet ready to talk about the project outline and specifics as it's still work in progress and it's bound to change in a few days, we can at least tell you the name of our project.

### HomeBound

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/miyr4tri2sswxwio0y6a.png)
<figcaption>Logo (first concept)</figcaption>

## Until next time...

Next time we'll talk more about the project outline and concept and how Twilio's API fits into it.

Until then, stay safe and happy coding!
Full stack laravel and vue tutorial
Tags: laravel, vue, fullstack
Published: 2020-04-14 06:58:36

Hello everyone, I have started a series on laravel and vue.js where I am covering these topics 

For laravel we will cover 
1. Route ​
2. Model ​
3. View ​
4. Controller ​
5. Query​
6. Middleware ​
7. Authentication​
8. Relationships ​
9. Email sending ​
10. Account/Password recovery

For vue.js we will cover 
1. Vue router ​
2. Vuex​
3. Components ​
4. Mixin ​
5. Methods ​
6. Hooks​
7. Filters ​
8. iView UI ​
9. Computed ​
10. Data function ​
11. Two-way binding​
12. Axios​
13. Vue conditions ​
14. Vue loops ​
15. Vue editor.js​

So if you are interested on these topics feel free to watch them, and you can ask me questions regarding this series in our facebook support group. 

https://www.youtube.com/watch?v=iHHBb-9455s&list=PLKpfEl4N7tRqIx4VZmuZBnUQ6vG4uDgq7

Facebook group https://web.facebook.com/groups/appifylab/?_rdc=1&_rdr

Also you can get the source code https://github.com/hkmsadek/fullstack-laravel-vue


Thank you :)
Laravel vue modular set up all together. 
Tags: laravel, vue, module
Published: 2020-04-14 06:54:07

Hey devs, I have done a modular set up with laravel. I got this idea from https://dev.to/simo_benhida/tip---import-vuejs-modules-at-once-58dl you can see original post from there. I implemented the idea in Laravel Vue and also you have a tutorial to watch from.

Watch this tutorial to set up everything.. 
https://www.youtube.com/watch?v=nW0eGVb0W-A&t=2s

Thank you.
Laravel Vue Js Image Upload Using Image Intervention
Tags: laravel, vue, imageupload
Published: 2020-04-14 06:53:01

Hello Artisan

Now i am working on a project where i made a custom login and registration system in laravel using vue js. There is user image upload option. So now i am going to show you laravel vue image upload example from scratch.

In this image upload with laravel vue js tutorial i will use image intervention. You know  that Intervention Image is an open source PHP image handling and manipulation library. It provides an easier and expressive way to create, edit, and compose images 

So in this laravel vue axios file upload tutorial i will also use v-form for our form validation before submit the form data. I will show you also instant image upload with live preview. We will convert our image file into base64 and then we will convert it into image file using image intervention in our controller.

If you are a web developer, you will know thet in today's web app Image or File upload is a common task. The client requires to image or file upload in his web application like a profile section, product image or many other.

https://www.codechief.org/article/laravel-vue-js-image-upload-using-image-intervention
How do I authorize firebase JWT on BaaS (MongoDB stitch)?
Tags: help, mongodb, firebase, webdev
Published: 2020-04-14 06:33:41

It is already easy, [if I write my own backend](https://dev.to/patarapolw/firebase-auth-with-both-frontend-spa-and-backend-46o7), because I can authorize with firebase-admin.

But [cracking the JWT with native library](https://firebase.google.com/docs/auth/admin/verify-id-tokens#verify_id_tokens_using_a_third-party_jwt_library) is unknown...

For MongoDB stitch, it looks like this,

![](https://i.imgur.com/ijOnwpH.png)

BTW, what am I trying to do?

- Firebase is linked with Authentication service, Google Cloud Storage and Firestore.
- Google Cloud Storage is presumably larger and cheaper than MongoDB Atlas's.
- Firestore sucks. It cannot even count documents.
- MongoDB stitch also has authentication service, but I don't know how to

![](https://i.imgur.com/k33L2Bc.png)

![](https://i.imgur.com/op7PVlc.png)
⭐ Dev-Cheats: A Curated Collection of Beautiful Cheat-Sheets
Tags: showdev, webdev, typescript, react
Published: 2020-04-14 06:27:41

> It's live on [Product Hunt](https://www.producthunt.com/posts/dev-cheats)!

I've been making cheat-sheets on multiple topics in this series of posts. The dev.to community loved it, and I got tons of positive reactions and feedback. So, I created this tiny [website](https://dev-cheats.surge.sh/) from where you can browse through and download all the cheat-sheets.

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

I've used [React](https://reactjs.org/) and [Typescript](https://www.typescriptlang.org/) to make this website. Typescript works flawlessly with `create-react-app`. The site is deployed on surge.sh, which is a fantastic option for publishing static sites like this.

```bash
npx create-react-app my-app --template typescript
# or
yarn create react-app my-app --template typescript
```

Here's how you can setup the repo to run the site locally:
```bash
git clone https://github.com/godcrampy/dev-cheats.git

cd dev-cheats

yarn install && yarn start
# or
npm install && npm start
```

The site as well as the cheat-sheets are open sourced. Here are the repos:
- [Website](https://github.com/godcrampy/dev-cheats)
- [Cheat-Sheets](https://github.com/godcrampy/cheat-sheets)

I'd love to hear your thoughts on the cheat-sheets, the code and the design!

> PS: If you want a specific cheat-sheet, open up an Issue in the repo or comment below.

🌟 All my cheat-sheets are in this [repo](https://github.com/godcrampy/cheat-sheets/) (Star it!)
🚀 Find me on [Instagram](https://www.instagram.com/godcrampy/) | [Github](github.com/godcrampy) | [Twitter](twitter.com/godcrampy) | [Website](sahil.surge.sh)
😄 Have a wonderful day!
How to Start a Career in Automation Testing? (2020 Edition)[With MindMap]
Tags: testing, tutorial, career, beginners
Published: 2020-04-14 06:20:38

In this video, I am going to discuss Careers in Automation Testing in 2020 and How to start a Career in Automation Testing. You will learn, what are the common automation traits that you need to learn switch from manual to automation testing.

Learn Cypress Tutorial:  https://cypresstutorial.com.
Learn API Testing: https://www.learnapitesting.com
Automation Tester Training: https://thetestingacademy.com

Download MindMap:  https://bit.ly/2XwKwZD


[![How to start a Career in Automation Testing](https://i.imgur.com/RIB9AMD.png)](http://www.youtube.com/watch?v=rWb3iflOZlY "How to start a Career in Automation Testing")
How Robots are helping humans to fight against Coronavirus?
Tags: robot, covid19, patrollingstreets, useofrobots
Published: 2020-04-14 05:55:36

The robot has been a most controversial topic since it's existence because some people argue that robots are going to finish the existence of human beings and human work in factories and industries but actually robot is an electro-mechanical device which follows a set of instructions to carry out certain jobs, but literally robot means a 'slave' and it is very useful for doing the task that the humans can only imagine.

In the present scenario of Coronavirus people are being lockdown at their home and can not come in contact with other people as he/she may be infected and the possibility of the spread of this virus increases. So. there comes the concept of Roberts and how they are enforcing humans to stay at home and implement the government policy of Lockdown.

In Tunisia, Robot cars start patrolling the streets in an effort to enforce the country’s lockdown. They are patrolling the streets and asking the people why they are outside.

Roberts has been used from the past to battle the diseases and even in the hospital to provide the medical facilities to the users. From taking temperatures remotely to helping with hand washing, robots are helping with healthcare around the world. According to Lara Lewington, In the battle against coronavirus robots are also being used to give the sanitizer and approaching people to stay safe and wash hands regularly. She also mentioned that robots can be a very useful thing in such cases where people cannot go outside due to the spread of the virus and after Tunisia, large countries like UK and USA are also approaching the use of robots to battle against Coronavirus.

For more detail about COVID-19, Visit https://www.who.int/

Content taken from: https://review2tech.com/single/robots-helps-to-battle-against-coronavirus
KONGEE ฟรี 6  เดือน
Published: 2020-04-14 05:35:50

ปกติได้  15 วันแต่อยากใช้นานเขียนไว้กันลืม
docker-compose.yml 
suriya13052540/gist:0d17a79a131bff78635adfbe40244552
license เอามาจากนี้
![Alt Text](

ทำให้ pull images privateได้
![Alt Text

ทดสอบ RBAC
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0627iv8up4g00egvhibf.gif)