teleren/devto huggingface dataset:
Big Heads - Easily generate characters for your projects
Tags: react, svg, illustration
Published: 2020-07-09 07:02:56

---
title: Big Heads - Easily generate characters for your projects
published: true
description: 
tags: react, svg, illustration
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/ozgifhqm86fpagehal93.PNG
canonical_url: https://blog.robertbroersma.com/big-heads-easily-generate-characters-for-your-projects
---

[Big Heads](https://bigheads.io/)

Hi all!

Today I launched my random character generator called Big Heads.

You can combine expressions, clothing, hair styles and colors into billions of different unique characters. Embed them on your website, use them in your favourite design software, or import them from the React library.

All for free!

Heavily inspired by [Pablo Stanley](https://twitter.com/pablostanley)'s [Avataaars](https://avataaars.com/)

[Go check it out!](https://bigheads.io/)

Here's me as a Big Head!
<img width="240px" src="https://bit.ly/3iDh7Fz" alt="A generated character depicting the author" />

Share your avatar in the comments! (You'll have to use a url shorten-er, because dev.to escapes the query params in the url).
QUEPPELIN VR MEETING PLATFORM – GatherinVR
Tags: vrmeetings, vrevents, gatherinvr, virtualreality
Published: 2020-07-09 06:40:28

GatherInVR is a platform for VR meetings and VR conferences and can be customized for any business or company. Be it your requirement of virtual conferences, virtual meetings, and virtual seminars — our team has got it handled with our ready-to-use platform GatherInVR.
WPOnion | ~ Lightweight, Flexible & Rapid WP Development Framework ~ 
Tags: wordpress, php
Published: 2020-07-09 06:34:14

# Intro
I am really happy to share my long term Open Source project public I started working on a WP Settings Framework after checking out a lot of frameworks but i was unable to find a framework that fits me.

So i decided to create a new framework and also make it as a open source. which is called as **WPOnion**

I started this project in 2018 and work on it full time. and now its finally got stable enough for me to share it to the community 

---

## So what is WPOnion , exactly?

**WPOnion** is a simple yet powerful framework that helps developers build custom meta boxes ,custom fields .etc in WordPress fast and easily.

The framework lets you define custom meta boxes and custom fields via arrays and handles everything behind the scene automatically. It has a wide range of field types, field settings and supports mostly everything in WordPress. 

And provides developers with a quite a lot of built in functions / classes which can be used to create features in WordPress. for example creating dashboard widget with a options page for it. , creating a Site Widget with along with configurable options. and much more.

> WPOnion is packed with 20+ Modules & 40+ Field Types.

---

## Screenshots
### Settings Page : WP Theme
![Settings Page | WP Theme](https://dev-to-uploads.s3.amazonaws.com/i/3v32a7jylo4e76qvljwz.jpg)

### Settings Page : WP Modern Theme
![Settings Page | WP Modern Theme](https://dev-to-uploads.s3.amazonaws.com/i/4yfefrrhfz1dd6eqra1c.jpg)

### WP Metabox : WP Theme
![WP Metabox](https://dev-to-uploads.s3.amazonaws.com/i/4by56v6kgq62bc6nknd6.jpg)

### WP Metabox : WP Modern Theme
![WP Metabox](https://dev-to-uploads.s3.amazonaws.com/i/y0khmuy449v5s09bb8pe.jpg)

### WP Metabox : Side Metabox
![Side Metabox](https://dev-to-uploads.s3.amazonaws.com/i/zpsypmwxymlt9po02ljy.jpg)

### WP User Profile
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/enth21w91qia5id71cm7.jpg)

### WP Quick Edit
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/n356gg763zezji32g0p7.jpg)

### WP Bulk Edit
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9q9r5tw67tdy7fqw3p1k.jpg)

### WP Taxonomy
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/jfc24k5g6nzkpt256pjy.jpg)

---

### Social & Source Links
[Github](https://github.com/wponion/wponion)
[Website](https://wponion.com)
[Twitter](https://twitter.com/wponion)
[Demo Site](http://wponion.com/demo)
[Slack Community](https://slack.wponion.com)
How to add a README to your GitHub profile
Tags: github, tutorial
Published: 2020-07-09 06:26:02

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

A new feature arrived on GitHub today. You can finally add a README to your GitHub profile.

This is how it works:

1. Create a repo with your github username (e.g. https://github.com/natterstefan/natterstefan)
2. Create a `README.md` file inside the repo
3. Add content, e.g. a banner, links and an introduction text, and commit the file
4. `git push` your changes.

That's it. 🚀

I'm curious how your GitHub profile looks, share the link to your profile below.

Here is [my profile](https://github.com/natterstefan):

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/tvybj1w6cgdyj2tn9ib2.png)
Enhance your git commands with ASCII Art ☜(˚▽˚)☞
Tags: bash, git, geek, asciiart
Published: 2020-07-09 06:19:35

_If you like this article, chances are you will like my tweets or [newsletters](https://newsletter.natterstefan.me/) too. If you are curious, have a look at my [twitter profile](https://twitter.com/natterstefan). 🚀_

It is a great feeling when you push your work into a git repository, isn't it? 🚀 But what if you could enhance this emotion with a tiny extra? Something that makes you smile 😁 every time you execute the command? Something your teammates will ask you how you did it.

Let me show you, how you can add ASCII art to your git commands and turning the "boring" response into an interesting one.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/yy833vobjocvewej4az0.png "Hello, nice to meet you! 👋🏻")

In the image above you see my alias `gpu` for the git command `git push`. The [ASCII art of a balloon](https://www.asciiart.eu/vehicles/other) appears every time I push my code to a remote branch. Isn't that awesome?!

## Setup

In just a few moments you have your very own ASCII art attached to a git or any other bash command.

### Step 1 - Find an ASCII art

Choose an image (e.g. [asciiart.eu](https://www.asciiart.eu/)) or text (e.g. [patorjk.com/software/taag/](http://patorjk.com/software/taag/)). There are plenty of other websites on the internet helping you creating your ASCII art. It is up to you.

### Step 2 - Save the ASCII art

Once you found the one you like, save it in a `txt` file. I have the balloon in a file called `git_push.txt` in my home directory, for instance.

### Step 3 - Create an alias

Now open your `.bash_profile`, `.zshrc` (or `.aliases` if you use this [dotfile template](https://github.com/mathiasbynens/dotfiles)) and add the following line:

```
alias gpu='echo ""; cat ~/push.txt; git push; echo "";'
```

Make sure the path to your `push.txt` is correct.

### Step 4 - Enjoy

Either restart your Terminal or source the changed file, before executing `gpu`.

```
source ~/.bash_profile
gpu
```

That's it! 🎉 You should now see your ASCII art.

---

Repeat Step 1 - 3 for any command you would like to enhance and personalize (here's a [gist](https://gist.github.com/natterstefan/5625ae8317c2437bcc0056e054dd2e93) you can bookmark)! Let me know in the comments below how your ASCII arts look like. I am always looking for new inspirations.

👋🏻
Stefan
เปิดใช้งาน ngrok เมื่อเปิดเครื่อง (Linux)
Tags: linux, ngrok, service
Published: 2020-07-09 06:06:17

> เปิดใช้งาน **ngrok** เมื่อเปิดเครื่อง
ตามนั้นแหละครับ...  🤨 **มาเริ่มกันเลยดีกว่า!!**


เราก็มาเตรียม **Software** กันดีกว่า:
1. [**Linux OS**](https://www.linux.org/) ( มันต้องใช้อยู่แล้วแหละ )
2. [**ngrok**](https://ngrok.com/) ( เพราะว่าวันนี้จะให้ [**ngrok**](https://ngrok.com/) ทำงาน )
3. **Text Editor** เช่น **Vim**, **VS Code**, **Nano**, **etc..** ( เอามาเขียนไฟล์ **Services** )


มาดู**วิธีสร้าง Services** กันดีกว่า**!!!**:
1. เปิดมาก็**สร้างไฟล์**ก่อนเลย ใช้ **Text Editor** ตัวไหนก็ได้
![Service code template](https://dev-to-uploads.s3.amazonaws.com/i/x3s5m6ux26rntp29p24z.png)
Code:
```
[Unit]
Description=(Service Descriptions)
After=network.target
StartLimitIntervalSec=0

[Service]
Type=simple
Restart=always
RestartSec=1
ExecStart=(Start Execution)

[Install]
WantedBy=multi-user.target
```


เปลี่ยน **(Service Descriptions)** และ **(Start Execution)**
1. Service Descriptions → คำอธิบายของ Services
2. Start Execution → คำสั่งที่ต้องการที่จะรัน

แล้ว Save ไปที่
```/etc/systemd/system/(ชื่ออะไรก็ได ้แต่อย่าซ้ำกับที่มีอยู่แล้ว).service```


**ตัวอย่าง**
![Create a service file](https://dev-to-uploads.s3.amazonaws.com/i/ja1wwq5x9mr6mmax97r7.png)
```
sudo vi /etc/systemd/system/ngrok-auto.service
```
![Code](https://dev-to-uploads.s3.amazonaws.com/i/9ayntiss8c8utxz13eoj.png)
```
[Unit]
Description=ngrok auto-open
After=network.target
StartLimitIntervalSec=0

[Service]
Type=simple
Restart=always
RestartSec=1
ExecStart=/opt/ngrok-linux64 --proto=tcp cnx 22

[Install]
WantedBy=multi-user.target
```

2. เปิดใช้งาน **Service** แล้วให้เปิดใช้งานเมื่อ**บูต**
เปิดใช้งาน **Service**:
[!Start Service](https://dev-to-uploads.s3.amazonaws.com/i/b2hm45aym46aeoixfwhh.png)


ให้**เปิดทำงาน**เมื่อเครื่อง**บูต**:
![Enable Service to startup](https://dev-to-uploads.s3.amazonaws.com/i/p65bu2txw6m2137ejxj5.png)


**ตัวอย่าง**
![Start service & Check the status](https://dev-to-uploads.s3.amazonaws.com/i/uzeuu7n11ivq5m157i1g.png)
![Enable the service](https://dev-to-uploads.s3.amazonaws.com/i/gtdx3yohdtmcok1l37bf.png)

พอเรา **Enable** มัน มันก็จะ **Ouput Symlink** ออกมา
**จบแล้วครับ สวัสดีคร้าบบ!!!**
Build a Tinder Clone with Flutter, Firebase and Bloc part 2/40 Connecting iOS and Android to Firebase
Tags: flutter, tutorial, dart, career
Published: 2020-07-09 06:06:13

---
title: Build a Tinder Clone with Flutter, Firebase and Bloc part 2/40 Connecting iOS and Android to Firebase
published: true
description: Tutorial on building a Tinder clone with Flutter, Firebase and Bloc
tags: #Flutter #Tutorial #dart #career
//cover_image: https://direct_url_to_image.jpg
---
Hi good people. 

In this series of **videos** we are going to build a Tinder clone build Flutter, Firebase as a backend and Bloc as our state management solution.

In this video we connect Android and iOS to Firebase.  

Protip: Watch video at **1.25** speed. 




{% youtube 0AFQdNRO8pg %}
Fight the Fire
Tags: career, productivity
Published: 2020-07-09 05:57:22

# Journal Entry July 8 2020

**Study For Java OCA** 

Today's Topics
* Arrays

Different forms of initializing an array
```java
int[] numAnimals;
int [] munAnimals2;
int numAnimals3[];
int numAnimals4 [];
```
String Array and int array 'a' -> 97 
```java
String[] towns = {"Antigua", "Escuintla", "Coban"}
int[] numbers = {100, 2, -9, 'a'};
```

___

**Serverless Rest API**

The service I'm currently working has the following structure:

(Since chalice is a serverless microframework we put libs under chalibelib)

- app.py - define the route and the methods, returns a response 
- validations.py - define the mandatory and non_editable attributes and validate based on requirements
- databases.py - dynamoDB table.scan() and table.put_item()
- custom_reponses - make the http response based on status code, body and headers

___

**DynamoDB**

I'm using DynamoDB as a document database for the moment. 

Tables: Collection of data

Items: Group of attributes that is uniquely identifiable.

Attributes: Fundamental data element.

Document Sample, volcanoId is the primary Key

```
[
  {
    "volcanoID":205,
    "name":"Tajumulco",
    "elevation":4220,
    "coordinates":{
      "N":"15-02-04",
      "W":"91-54-12″
    }, 
    "last_eruption": 1863
  },
  {
    "volcanoID": 206,
    "name": "Tacaná",
    "elevation": 4060,
    "coordinates" : {
    "N": "15.07.48",
    "W": "92.06.45″
    },
    "last_eruption":1986
   }
]
```

Primary Key: Identifier for the item.

Secondary Indexes: used for queries.

___

**Things to do**

Google Ads API
Oauth2.0 authentication on lambdas

____

## Song of the Day
Andy Moor feat. Sue McLaren - Fight The Fire
Best App to Learn Coding
Tags: tutorial, productivity
Published: 2020-07-09 05:08:41

According to a survey a person spends an average time of 3 hours and 15 minutes on their mobile phones. It is better to utilize that time with something useful. Here are best apps to learn to code


1. [Encode](https://www.codesnail.com/best-free-apps-to-learn-programming/#0-1-encode)
2. [Programming Hub](https://www.codesnail.com/best-free-apps-to-learn-programming/#3-4-programming-hub)
3. [SoloLearn](https://www.codesnail.com/best-free-apps-to-learn-programming/#4-5-sololearn)
4. [Enki](https://www.codesnail.com/best-free-apps-to-learn-programming/#1-2-enki)
5. [Codecademy Go](https://www.codesnail.com/best-free-apps-to-learn-programming/#2-3-codecademy-go)

Learn more [here](https://www.codesnail.com/best-free-apps-to-learn-programming/)
5 of the Top Cybersecurity Risks & Ways to Address Them in 2020
Tags: devops, security, codequality, machinelearning
Published: 2020-07-09 05:05:23

The number of cybersecurity risks - both external and internal - is continuously rising and show no signs of stopping. A host of new, more difficult to detect and sophisticated cyberattacks has the IT industry on high alert.

Attackers are launching intelligent attacks involving phishing, social engineering, malware, insider threats, and ransomware to gain access to consumers, companies, and even government data.

In addition to this, the huge cybersecurity skill gap isn’t making things any easier for businesses to overcome such a crisis. Over [68% of business leaders](https://www.accenture.com/_acnmedia/PDF-96/Accenture-2019-Cost-of-Cybercrime-Study-Final.pdf) feel their companies’ cybersecurity risks are constantly increasing.

With damages related to cybersecurity estimated to hit [$6 trillion annually by 2021](https://cybersecurityventures.com/hackerpocalypse-cybercrime-report-2016/), it is important for companies to take preventative measures and be proactive when it comes to cybersecurity.

Here is a quick overview of the biggest cybersecurity risks and ways to address them:

**_This post was originally published at [CypressDataDefense.com](https://cypressdatadefense.com/blog/cybersecurity-risks/)._**
hf
Published: 2020-07-09 04:52:37

hf
<a href="javascript:alert('xss')">some text</a>


hello <a name="n" href="javascript:alert('xss')">*you*</a>

<blockquote>
 <p>hello <a name="n"
 href="javascript:alert('xss')"><em>you</em></a></p>
</blockquote>
My browser journey from 2007
Tags: browser, edge, chrome, firefox
Published: 2020-07-09 04:51:35

Ben posted about making a switch to the Firefox browser. However, he felt weird to be off from Chrome.

Last month I also made a switch so I know that feeling of switching away from Chrome.

{% link ben/i-m-still-using-firefox-11p %}

Ben's post got me to revisit my old memories and my entire browser journey.

This all started when I got my first computer in 2007. I had zero knowledge and understanding of how computers worked. I think I have used Internet Explorer for a lot of these initial years.

I slowly learned how to use it and finally got a dial-up internet connection in 2008.  I also explored other browsers like Maxthon, SeaMonkey, Opera.

So this is how it started-

1. Internet Explorer (Used it in the beginning)
2. Opera (1 year)
3. Firefox (3 years)
4. Chrome (5 years)
5. Edge (Currently using)

I just started using the new Edge browser last month when I read a tweet from Sarthak.

{% twitter 1273337590964346880 %}

So I tweeted this and started using it-

{% twitter 1273457814149541889 %}

To my wonders, I found Edge to be much better and faster than Chrome. I can use the same amount of extensions and browsing tabs on Edge which could lag my Chrome experience like crazy.

So bye-bye Chrome! And Hello Edge!
PROGRAMMING: A LIFETIME SKILLS
Tags: html, datascience
Published: 2020-07-09 04:32:31


In the world of technology, programming has been  of aid to the world and will grow in the coming years

Computer programs are essentially a series of written languages that computers understand, which is typically a hybrid language between regular English and mathematics. 

Without programmers writing programs telling computers and other technological devices what to do, they would literally be doing nothing and none of us would be able to enjoy any of the luxuries technology has to offer.

Programs are found in everything from video games to phone apps, and that pool of products is growing. We are moving toward a more technologically advanced world, the need for programmers will continue to grow in the present years and beyond.

Since programming is just about every piece of technology we use this day, the opportunities to find work are almost endless. But there are certain jobs that have more growth than others within the field. 

Software Developers, for example, are expected to see an average growth rate of 24% in the next 10 years despite the average for all jobs combined only being 7% in the same amount of time. Software Developers are responsible for many of the apps you have grown to love and in the next 10 years, there will be thousands of new apps that come to life. 

So if you’re tech-savvy, a good leader and also creative enough to come up with the next big thing, this might be the job for you. On the opposite end of the spectrum, regular computer programming jobs, although high paying and in demand, are expected to face a 7% decline in the next ten years. These are jobs are highly important but the fact that they can be done remotely means companies tend to hire employees overseas who are willing to take much less pay. 

The availability of several opportunities does not mean they are literally endless. If pursuing a career as a programmer is something you truly want to do, make sure you separate yourself from the rest of the crowd and you can start by getting matched up with a tutor who can give you the tools to ensure this happens.

With a fairly high starting salary and in a field that is expanding at an exponential rate, learning how to program and working as a programmer seems to be a skill that will last for a long period.

If pursuing a career as a programmer is something you truly want to do, make sure you separate yourself from the rest of the crowd and you can start by getting matched up with a tutor who can give you the tools to ensure this happens.

Mubar Dauda
AI practitioner | Data scientist | Entrepreneur | Karatéka
Program of fibonacci numbers (method 1)
Tags: python, fibonacci, recursion
Published: 2020-07-09 04:22:40

Hello guys,
I know most of you heard of the famous Fibonacci numbers. Here we will implement it with Python.
Fibonacci numbers are the sequence of integers(0,1,1,2,3,5,8,13,21,....).
Sequence of integers is defined by the following recurrence relation.    F(n)=F(n-1)+F(n-2) 
with the values F(0)=0 and F(1)=1

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

Recursion is a way of programming or coding a problem, in which a function calls itself one or more times in its body. Usually, it is returning the return value of this function call. If a function definition fulfils the condition of recursion, we call this function a recursive function.

Disadvantages of Python Recursion
1.Slow.
2.Logical but difficult to trace and debug.
3.Requires extra storage space. For every recursive calls separate memory is allocated for the variables.
4.Recursive functions often throw a Stack Overflow Exception when processing or operations are too large.

Hope you are finding it interesting as well.
Keep Coding: Let me know your thoughts.
Have a great one!
🤓 What's on your GitHub Profile README
Tags: discuss, github, watercooler
Published: 2020-07-09 04:13:21

---
title: 🤓 What's on your GitHub Profile README
published: true
description: 🙌 share a screenshot of your github profile
tags: discuss, github, watercooler
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/pk1ostnnpn9dmlbs4emv.png
canonical_url: https://waylonwalker.com/whats-on-your-github-profile/
---

The GitHub profile feature just went live for a subset of users.  Simply creating a repo named after your username, and clicking share to Profile on the sidebar will create a custom profile that shows up just above your pinned projects.

I am still trying to figure out what to put on mine, but this is what I have so far.  I feel like mine is a bit big at the moment, I don't like that my pinned repos end up blow the fold.

[![my github profile](https://dev-to-uploads.s3.amazonaws.com/i/pk1ostnnpn9dmlbs4emv.png)](https://github.com/waylonwalker)

# updated

I tightened mine up and took inspiration from a few others.

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

# updated again

Updated with a list of latest Twitter followers, using GitHub actions.

![waylonwalkers GitHub profile](https://dev-to-uploads.s3.amazonaws.com/i/f8fcm9dvvozj4rzh4376.png)

Share a screenshot and link of yours below 👇
fish tips
Tags: mac, fish, nvm
Published: 2020-07-09 04:07:31

---
title: fish tips
published: true
description: nvm with fish
tags: Mac, fish, nvm 
//cover_image: https://direct_url_to_image.jpg
---

After install nvm on Mac with brew adding 

```

  export NVM_DIR="$HOME/.nvm"
  [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"  # This loads nvm
  [ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion
```

to dot file does not work.

In 2020-07-09 I did

```
 curl https://git.io/fisher --create-dirs -sLo ~/.config/fish/functions/fisher.fish

fisher add jorgebucaran/fish-nvm
```

and nvm works
```
nvm                                                                                                                     11:20:59
nvm: version or .nvmrc file missing
usage: nvm --help           Show this help
       nvm --version        Show the current version of nvm
       nvm ls [<regex>]     List available versions matching <regex>
       nvm use <version>    Download <version> and modify PATH to use it
       nvm                  Use version in .nvmrc (or stdin if not a tty)
examples:
       nvm use 12
       nvm use lts
       nvm use latest
       nvm use dubnium
       nvm ls '^1|9$'
       nvm ls 10
       nvm <file

```
What's your local dev setup for deep learning with PyTorch?
Tags: machinelearning, python, pytorch
Published: 2020-07-09 04:04:02

For development of deep learning models with PyTorch e.g. image classification, object detection and so forth, what works best for your local development machine:

- Which operating system?
- Which GPU?
- Anaconda, pip or nothing?
- Anything else to consider?

Would love to hear what you're using :)
Test UploadFile functionality using postman.
Tags: postman, webapi, testing, webdev
Published: 2020-07-09 03:48:16

While developing APIs and integrating with its a consumer then sometimes it is really necessary to make sure end-to-end works correctly.
Though it is also true when you have different teams to manage Consumer and Producer of your APIs then how you will make sure quickly that your API is working as expected.
For Uploading file sometimes it is tricky to test, here in this post I will share one quick tip that helps to verify this behavior.
We can use Postman and follow the request type as mention in image choose -> Body-> form-data-> change field type to File, this will allow you to upload a file through postman and it works exactly the same :)