teleren/devto huggingface dataset:
Using Netlify Functions to Delete Form Submissions
Tags: serverless, netlify, frontend, gdpr
Published: 2020-09-16 09:51:09

Want to use **Netlify Forms** but don't want submissions to remain on Netlify servers after they've been forwarded to you?

I recently had to solve this coming from a GDPR angle using **Netlify Functions** and I've written up how to automate it over at [https://frontend.irish/netlify-delete-form-submissions-gdpr](https://frontend.irish/netlify-delete-form-submissions-gdpr).
Kubernetes - A brief insight!
Tags: kubernetes, devops, docker, gitlabcommunity
Published: 2020-09-16 09:46:36

'Container Orchestration tool'-It does seem a bit overwhelming for the beginners to hear the 3-word definition of Kubernetes. But this open-source container management tool is an exciting platform which manages deployment and scaling, besides load balancing of the containers.
You must be wondering the reason for using Kubernetes while we already have Docker. Let's keep in mind that any Linux containers or Dockers are implemented on a massive scale and require vast ability to load balance and manage the traffic.<code><br></code>
**Native Auto-scaling** is one of the starring features of Kubernetes and functionally a masterstroke content management tool.<code><br></code>
**Packaging and Scheduling** of your containers based on the requirements to ensure optimum workloads; **Service discovery and load balancing** using the IP addresses to streamline the clusters concerning the network and communication are the key highlights of Kubernetes.<code><br></code>
Opting for Local storage or Public cloud storage signifies the **Storage Orchestration** side point.
<code><br></code> Restarting the failed containers and killing the non-responsive containers while allowing to rebuild the image confidentially makes Kubernetes an excellent **Self-healing and Secret configuration tool**.
<code><br></code> **Progressive Rollout** of changes in your application by ensuring that no two updates clash at a time is an attractive runtime feature of Kubernetes.
<code><br></code><center><strong><h1> The new 1.19 version</h1></strong></center>
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/biesf9louomu3hqyf4kt.png "Kubernetes v1.19")

- The new Topology manager is responsible for the management of fine-grained hardware resources which coordinates and assigns the Kubernetes components. The `kubectl alpha debug` command helps in creating and running a new pod besides troubleshooting the nodes that are available in Alpha. 
- The current core/v1 endpoint API's is replaced by EndpointSlice API, having sig-network, sig-scalability as its responsible SIG's. Ingress is now, general availability and is added to networking v1 APIs.
- The Kubernetes Support Window has been enhanced to four as recommended by WG-LTS. This was considered an effort to impact SIG-Architecture, SIG-Release, and SIG-Testing. With this feature, the admission webhooks can return non-fatal warnings to its API Clients.
<code><p><br>
*Do follow our community for regular exciting tech updates* <br>
<a href="https://twitter.com/GitlabC">Twitter</a><br>
<a href="https://www.meetup.com/GitLab-Meetup-Coimbatore/">Meetup Group</a><br>
<a href="https://www.linkedin.com/groups/8955040/">LinkedIn Group</a><br>
</p></code>
Tested 100 Websites
Published: 2020-09-16 09:35:39

I just finished testing a 100 websites back to back for issues on EdgeNet. I am nearing launch and didn't want to be surprised by any kind of website. So this involved not just testing but also fixing edge cases that are invariably found. EdgeNet is going to be a SAAS service that converts your website into a static one and deploys it on a world wide CDN automatically. It also detects content changes and automatically syncs it. I am developing this because I needed a way to increase the page speed for many of my websites but wanted to retain the control that a CRM gives me. By the way, I need as many websites as I can test. If you want a static version of your dynamic website (hosted on a sandbox) just for the kicks, throw in your website here and I will make a dynamic one and send you. Then tell me if you find any issues or have any other feedback.
React native Bottom Box-shadow
Tags: reactnative, javascript, react
Published: 2020-09-16 09:31:10

covers:- Platform specific box-shadow

The Drop shadows in iOS are created using iOS-specific properties but in Android , elevation property is used to create depth.However, Android elevation property produces only a minor shadow effect, far inferior to the shadows produced in iOS

For iOS, below properties are used

```
shadowColor: '#000',
shadowOffset: {width: 1, height: 3},
shadowOpacity: 0.2,
```
All properties are self explanatory 

For Android, 

```
elevation: 4,
```

Here's an example on how to use apply them

```
const styles = StyleSheet.create({
  container: {
    ...Platform.select({
      ios: {
        shadowColor: '#000',
        shadowOffset: {width: 1, height: 3},
        shadowOpacity: 0.2,
      },
      android: {
        elevation: 4,
      },
    }),
  },
});
```
Pull requests reivews
Tags: discuss, frontend, codequality, codenewbie
Published: 2020-09-16 09:29:54

---
title: Pull requests reivews
published: true
description:
tags: #discussion #frontend #codequality #codenewbie 
---

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

Photo by Alev Takil on Unsplash

Hello,

I'm struggling a lot with this theme. I'm kind feeling that I'm the snotty sheep that blocks every PR because the code is not well formatted, there are some css files that need some improvements among other complex things. 

I would like to know how critical are you when doing pull request reviews. 

When do you consider that a PR should have the tag of 'needs work'? 

Do you block a PR if it contains CSS files improvements to be done?
 
How do you feel when you see extra lines that are not needed on the code. 

When should we stop to  being too much picky?

This are some questions than I'm confronted with, and seems that this is not so important for others. 


Thanks in advance for spending time to read my blog and answer of the following questions.
TheActionDev 🧑‍💻
Tags: actionshackathon, typescript, github, showdev
Published: 2020-09-16 09:15:53

#### About 💬

- Hi there 👋, my name is **Kaiz Khatri**. I'm a full-time `opensource` ninja and I create cursor themes. Currently, I'm creating **Themes Engine** to automate the theme generating workflow.
- I learned a lot from the Dev Community & GitHub in the last two years.
- So today I'm sharing my all experience with this **piece of software**.
- I hope you enjoyed `#actionshackathon` as much as **I did**.

## My workflow ⚡

### What is TheActionDev 🧑‍💻 ?

**TheActionDev** is Github Action that allows you to write & maintain [dev.to](https://dev.to/) **articles** without touching the `dev.to` UI. This action is initiated in **[#ActionsHackathon](https://dev.to/devteam/announcing-the-github-actions-hackathon-on-dev-3ljn)** and is using **[DEV API](https://docs.dev.to/api/)**. This action is scan your **Github Repository** based on `directory` [input](#inputs) and finds articles based on the **[Jekyll front matter](https://jekyllrb.com/docs/front-matter/)** in `markdown` files.

### Benefits :

- **Version Control** for dev.to articles ⚡
- Time travel 🚀
- Collaborate with other people 🤗
- Reduce one tab of your web browser 😱

## Submission category:

💌 Maintainer must-haves

## YAML file or link to code

{% github ful1e5/TheActionDev %}

## Additional Resources / Info

<a href="https://i.imgur.com/4PA6bMi.mp4">
    <img src="https://imgur.com/vCoiywg.png" alt="In Action">
</a>

#### Let's handson TheActionDev

🥺 Seriously, you should wait for the [#hacktoberfest](https://hacktoberfest.digitalocean.com/) to submit **pull requests**.
If not, **fill** in below the "Emoji Table" with your **favourite emoji**. You get more info [here](https://github.com/ful1e5/dev.to/blob/main/articles/Actions_Hackathon.md#lets-handson-theactiondev) inside the **Source Code** category.

<!-- Contribute to Emoji Table -->
<!-- - Create a new row if you haven't enough space -->
<!-- - Add DEV/GitHub username after your fav_emoji in Pull Request Name, example " 😍 ful1e5 " -->
<!-- - Duplicate Emoji allowed -->
<!-- - Take Cup of coffee ☕. Maintainer merge your Pull Request soon -->

|     |     |     |     |     |     |     |     |     |     |     |     |     |
| :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: |
| 😍  |  ✒  |     |     |     |     |     |     |     |     |     |     |     |
|     |     |     |     |     |     |     |     |     |     |     |     |     |
How to Use Excel AVERAGEA Function in Office 365? – [with Examples]
Tags: excelaverageafunctio, excelfunctions
Published: 2020-09-17 04:17:04

---
title: How to Use Excel AVERAGEA Function in Office 365? – [with Examples]
published: true
date: 2020-09-16 09:13:28 UTC
tags: ExcelAVERAGEAFunctio,ExcelFunctions
canonical_url: https://geekexcel.com/how-to-use-excel-averagea-function-in-office-365-with-examples/
---

## AVERAGEA Function:

![AVERAGEA Function](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/EXCEL_MCj0Mc0M3W.png)<figcaption id="caption-attachment-14038">AVERAGEA Function</figcaption>

In this article, we are going to see how to use the **Excel AVERAGEA Function in Office 365** with its syntax, description, and examples. Get an official version of **MS Excel** from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)

## **AVERAGEA Function – Description:**

- This function **returns the average (arithmetic mean) of a set of input values**.
-  AVERAGEA function evaluates logical values **TRUE & FALSE** as **1** and **0**.

## Syntax:

**=AVERAGE(value1, [value2],…)**

### Arguments Explanation:

**Value1 –** It is the first input number or cell reference.

**Value2 –** It is an optional one. It is the second input number or cell reference.

### Note:

- This function ignores the **Text** , **E**** mpty cells **, and** Special symbols.**
- The arguments can be **Numbers** , **Array** , or **References** that contain numbers.

## Examples:

Let’s see some examples to understand this concept quickly.

### Example 1:

- In this screenshot, you can be able to see the input values in **Column B** , **C** , **D** , and **E**. The output average values are listed in **Column G**.

[![Example 1](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/1-55.png)](https://geekexcel.com/?attachment_id=14008#main)<figcaption id="caption-attachment-14008">Example 1</figcaption>

### Example 2:

-  The AVERAGEA function evaluates logical values **TRUE & FALSE** as **1** and **0**.

[![Example 2](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/2-50.png)](https://geekexcel.com/?attachment_id=14009#main)<figcaption id="caption-attachment-14009">Example 2</figcaption>

### Example 3:

- This function ignores the **text** , **empty cells** , and  **special symbols.**
- Refer to the below example.

[![Example 3](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/3-16.png)](https://geekexcel.com/?attachment_id=14010#main)<figcaption id="caption-attachment-14010">Example 3</figcaption>

From the above examples, you can learn how to use the **AVERAGEA** function in Excel.

## Closure:

In the above article, you can understand the usage of **Excel AVERAGEA Function in Office 365** with its syntax, description, and examples. Share your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!
Peter Salzano – How to control stress and stay motivated
Tags: stress, motivated, relievingstress
Published: 2020-09-16 09:09:46

---
title: Peter Salzano – How to control stress and stay motivated
published: True
tags: stress , motivated, relievingstress 
 
---

Anxiety makes you weary, sad, and also simply plain unmotivated. Individuals who endure from a selection of anxiety conditions may stay clear of job as well as social situations in an effort to relieve their stress. This post by Peter J Salzano will help you guys to overcome from stress. 

If you're really feeling stressed out, take into consideration taking up fighting styles. Not just can martial arts offer you an electrical outlet for any kind of pent up rage or tension, yet it will certainly educate you to concentrate your mind and body.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/lpdrmuxouwvigx7jb3l8.jpg)
 
You'll find out effective means to handle stress and anxiety and also to clear your mind. It's also a lot of fun and can be a break from the rest of your life.

An excellent way to lower stress is not to sweat the tiny stuff. You have actually most likely heard that before lot of times since it holds true. People with high-stress levels often tend to obtain dismayed concerning unimportant things regularly than individuals with low-stress degrees. Sometimes it is best to tip far from a situation and also consider whether it deserves getting dismayed over.

Terrific tips that can assist you maintain your tension levels down is to read a publication to your kids. Not only will you be keeping your stress and anxiety in check, but you'll likewise be bonding with your youngsters over a tale. Try this next time you're really feeling a little stressed out.

A professional massage therapy makes a terrific means to manage as well as purge your anxiety. A great deal of times anxiety is carried in your body and it makes your muscle mass strained. Scheduling a professional massage therapy can work your muscles back right into a comfortable form.

Lots of records that worry influences all aspects of their life as well as minimizes the capacity for being efficient members of society. It can most definitely create a person to abandon whatever task they are carrying out in an effort to stay clear of the stress factors they feel. You need to try a range of techniques for easing tension to decide which ones work best for you.

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

Tension makes you tired, sad, and also just plain uninspired. People who endure from a range of anxiousness conditions may prevent job and social scenarios in an effort to soothe their tension. Hopefully, this post by Peter Salzano will help you guys to stay motivated. 

A great deal of times tension is brought in your body and it makes your muscles tense. You should try a range of methods for relieving stress to make a decision which ones work best for you.
How to add Bootstrap to HTML
Tags: bootstrap, html, tutorial, opensource
Published: 2020-09-16 08:57:36

Linking Bootstrap CSS Framework to your HTML files is pretty easy and there are many ways to do it depending on how you want to integrate Bootstrap into your website. The easiest way to get started with Bootstrap in your HTML files is by using a CDN service.

Here’s how you can get started:

## Step 1: linking Bootstrap CSS inside the head tag of your HTML template:

```
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
```

## Step 2: linking Bootstrap dependencies and scripts before the end of the tag:

```
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
```

## Adding Bootstrap 5 to your HTML

Bootstrap 5 has been officially launched removing jQuery as a dependency, dropping support for IE 10 & 11 and bringing new awesome features such as icons and a utility API.

Here’s how you can get started by adding Bootstrap 5 to your HTML:

### Step 1: linking Bootstrap CSS inside the tag of your HTML template:

```
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
```

### Step 2: lining the Bootstrap Javascript code and Popper.js before the end of the tag:

```
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
```

Notice that there is no need to require jQuery anymore? That makes you save almost 90kB of data which makes your website faster.

## Bootstrap themes and templates

You can check out some of the free and premium [Bootstrap templates](https://themesberg.com/templates/bootstrap) that we’ve been working on here at Themesberg. You can save a lot of time and money and get started with professionally designed user interfaces in no time.

Most of the templates come with a pre-built dev environment using Gulp, Bootstrap Sass, and BrowserSync to make development a seamless experience.
DBML generator for Prisma
Tags: prisma, dbml
Published: 2020-09-16 08:29:36

---
title: DBML generator for Prisma
published: true
date: Wed, 16 Sep 2020 08:29:27 GMT
tags: prisma, dbml
canonical_url: https://notiz.dev/blog/prisma-dbml-generator
---

Introducing 🥳 [Prisma DBML Generator](https://github.com/notiz-dev/prisma-dbml-generator) **automatically** generating a [DBML](https://www.dbml.org/home) schema based on your Prisma Schema.

Simply install the DBML generator

```bash
npm install -D prisma-dbml-generator
```

Add the generator to your `schema.prisma`

```prisma
generator dbml {
  provider = "prisma-dbml-generator"
}
```

Running `npx prisma generate` for the following Prisma schema

```prisma
model User {
  id Int @id @default(autoincrement())
  createdAt DateTime @default(now())
  updatedAt DateTime @updatedAt
  email String @unique
  name String?
  posts Post[]
  profile Profile?
  /// user role
  role Role @default(USER)
}

/// User profile
model Profile {
  id Int @default(autoincrement()) @id
  bio String?
  user User @relation(fields: [userId], references: [id])
  userId Int @unique
}

model Post {
  id Int @id @default(autoincrement())
  title String
  content String?
  published Boolean @default(false)
  author User? @relation(fields: [authorId], references: [id])
  authorId Int?
}

/// user role
enum Role {
  ADMIN /// allowed to do everything
  USER
}
```

generates the following `schema.dbml` to `prisma/dbml`

```dbml
Table User {
  id Int [pk, increment]
  createdAt DateTime [default: `now()`, not null]
  updatedAt DateTime [not null]
  email String [unique, not null]
  name String
  posts Post
  profile Profile
  role Role [not null, default: 'USER', note: 'user role']
}

Table Profile {
  id Int [pk, increment]
  bio String
  user User [not null]
  userId Int [unique, not null]

  Note: 'User profile'
}

Table Post {
  id Int [pk, increment]
  title String [not null]
  content String
  published Boolean [not null, default: false]
  author User
  authorId Int
}

Enum Role {
  ADMIN
  USER
}

Ref: Profile.userId - User.id

Ref: Post.authorId > User.id
```

Copy the `schema.dbml` content and [visualize](https://dbdiagram.io/d) it as an Entity-Relationship Diagram:

![Entity-Relationship Diagram](https://notiz.dev/assets/img/blog/prisma-dbml-generator/optimized/db-diagram.png)

You should see this output each time you run `npx prisma generate`

```bash
$ npx prisma generate
Environment variables loaded from prisma/.env

✔ Generated Prisma Client to ./node_modules/@prisma/client in 281ms

✔ Generated DBML Schema to ./prisma/dbml in 5ms

You can now start using Prisma Client in your code:

``
import { PrismaClient } from '@prisma/client'
// or const { PrismaClient } = require('@prisma/client')

const prisma = new PrismaClient()
``

Explore the full API: http://pris.ly/d/client
```

[Check out the readme](https://github.com/notiz-dev/prisma-dbml-generator#readme) and give it a try with your own Prisma Schema 😎.
CSS animations make it possible to animate transitions from one CSS style configuration to another. 
Tags: codepen, webdev, womenintech, codenewbie
Published: 2020-09-16 08:38:57

CSS animations make it possible to animate transitions from one CSS style configuration to another. 

To create a CSS animation sequence, you style the element you want to animate with the animation property or its sub-properties.

This will lets you configure the timing, duration, and other details of how the animation sequence should progress.

Animation-names specifies the name of the @keyframes at-rule describing the animation’s keyframes.

Animation-duration configures the length of time that an animation should take to complete one cycle.

Animation-timing-function configures the timing of the animation; that is, how the animation transitions through keyframes, by establishing acceleration curves.

Animation-iteration-count configures the number of times the animation should repeat; you can specify infinite to repeat the animation indefinitely.

The CSS -webkit-animation property is a shorthand property for setting WebKit multiple animation properties in one place. To create an animation using WebKit, use the -webkit-animation in conjunction with the @-webkit-keyframes keyword/at-rule, which allows you to define visual effects for your animation.

Although the -webkit-animation property is not part of the official W3C CSS specification, it is designed to work on browsers that are powered by the WebKit browser engine, such as Apple Safari and Google Chrome.
Add properties to functions
Tags: beginners, webdev, codenewbie, javascript
Published: 2020-09-16 08:23:15

Functions in JS are kind of an `object` (callable object). Hence, they can also store properties.
```
function func() {
    console.log('Hello World');
};

func.message = 'abc';

console.log(func()); // Hello World
console.log(func.message); // abc
```
---
**Thanks for reading 💙**  
Follow **@codedrops.tech** for daily posts.  
[Instagram](https://www.instagram.com/codedrops.tech/) ● [Twitter](https://twitter.com/codedrops_tech) ● [Facebook](https://www.facebook.com/codedrops.tech/)

Micro-Learning ● Web Development ● Javascript ● MERN stack ● Javascript  
**[codedrops.tech](https://www.codedrops.tech/)**