teleren/devto huggingface dataset:
A guide to using Github Release Action
Tags: deployment, ci, release, githubactions
Published: 2023-11-12 04:07:18

I’ve created a GitHub Action called [Release on Merge Action](https://github.com/marketplace/actions/release-on-merge-action). As the name implies, it creates a GitHub release and git tag when the action is executed, usually on merge to the main branch. 

Here's a simple example of how to use it:
```yaml
on: 
  push:
    branches:
      - main

jobs:
  release-on-merge:
    runs-on: ubuntu-latest
    permissions:
      contents: write
    env:
      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
    steps:
      - uses: dexwritescode/release-on-merge-action@v1
```

The snippet above will create a new release after it bumps the patch number of the previous version.

This Action follows semver versioning, and can be configured to bump the major, minor, or patch number. Check out the action page for a full list of configuration parameters.
🔥123B nổi tiếng là sân chơi cá cược hàng đầu châu Á, hiện đã có mặt tại Việt Nam
Published: 2023-11-12 03:06:50


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wdwjhgvhissedpm47rra.jpg)

💰 Sân chơi của chúng tôi hiện đang cung cấp đầy đủ loại hình cá cược cho anh bet thủ lựa chọn từ lô đề trực tuyến, live casino, bắn cá, thể thao…
💰 Thương hiệu nhà cái luôn đứng top đầu danh sách các địa chỉ cá cược uy tín, chất lượng được anh em bet thủ yêu thích.
🌐 Web: [https://123bp.net/ve-chung-toi/](https://123bp.net/ve-chung-toi/)
🌐 Fanpage: [https://www.facebook.com/123bpnet1/](https://www.facebook.com/123bpnet1/)

Link mạng xã hội:
✅ [https://twitter.com/123bpnet30131](https://twitter.com/123bpnet30131)
✅ [https://www.pinterest.ph/123bpnet/](https://www.pinterest.ph/123bpnet/)
✅ [https://500px.com/p/123bpnet?view=photos](https://500px.com/p/123bpnet?view=photos)
✅ [https://www.flickr.com/people/199458926@N03/](https://www.flickr.com/people/199458926@N03/)
✅ [https://www.youtube.com/channel/UCkTL128juavsLPn2b2VD7zg](https://www.youtube.com/channel/UCkTL128juavsLPn2b2VD7zg)
✅ [https://www.reddit.com/user/123bpnet](https://www.reddit.com/user/123bpnet)
✅ [https://www.blogger.com/profile/10844887915915671762](https://www.blogger.com/profile/10844887915915671762)
✅ [https://123bpnet.blogspot.com/2023/11/123b-123bpnet.html](https://123bpnet.blogspot.com/2023/11/123b-123bpnet.html)
✅ [https://www.tumblr.com/123bpnet](https://www.tumblr.com/123bpnet)
📌 Address: 41 Ngách 194/7 Phố Thanh Đàm, Thanh Trì, Hai Bà Trưng, Hà Nội, Vietnam
☎️ Phone number: +639064407864
💌 Email: 123bpnet@gmail.com
#123b #123bpnet
Control a PWA window like a native app window in GNOME, a Linux shortcut that completes PWA experiences!
Tags: tutorial, beginners, productivity
Published: 2023-11-12 01:01:03

> **TL;DR**: see the cover 😂

This could be my shortest article ever. However, I think it's worth writing, as I use PWA a lot - it's faster and more secure than any (Electron)apps out there, i.e. nearly all Electron apps run on an outdated Electron version.

Nevertheless, there's one piece missing when I use a PWA: a way to control the app window's behaviors like a native app. For example, if I want a native app window to move to the previous workspace, I can right-click at the window border to activate the window menu, as shown in the screenshot below:

![screenshot #1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u7xmm1jfwfcln51pp70y.png)

But if I do that with a PWA window, there's no menu to control the app window's behaviors, as shown in the screenshot below:

![screenshot #2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/twsqj9x94drvy29e4mt2.png)

Basically, that's the rick-click menu of the current web browser.

---

## Use Alt+Space to activate the window menu in all the app running in GNOME

In order to activate the window menu while using any PWA app, just use Alt+Space shortcut, then you are good to go, as shown in the screenshot below:

![screenshot #3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e0lc3qg3hbfosymh1kx5.png)

> This is useful for me when I make a video call with my family and friends. I can make the video call window to always be on top on the visible workspace 🥳

Since this is a system shortcut, it works in every app, not limited to PWA! You can change the keystroke for this shortcut in GNOME Settings.

![screenshot #4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0ofectfwn7c8o4zwjjxw.png)

---

I hope this is useful. Bye 💨
Project 3
Published: 2023-11-12 00:53:19

One of my biggest take aways form using from our work flow was that we got a bigger result from what seemed like less work, by utilizing partitioning with a large team. I felt more detached, therefore I can see managers needing to do more interaction to keep the team feeling like a team, to keep the team working effectively.
Git actions and work flows are elemental to an efficient work flow and testing strategy. Attending meetings beyond my responsibility/accountability proved to be elemental to team success even though I was a passive participant listening in the leader' meeting.
An overlay for discord build with tauri and react
Tags: discord
Published: 2023-11-14 14:31:32

---
title: An overlay for discord build with tauri and react
published: true
date: 2023-11-12 00:52:00 UTC
tags: Discord
canonical_url: https://reactjsexample.com/an-overlay-for-discord-build-with-tauri-and-react/
---

# overlayed
 ![An overlay for discord build with tauri and react](https://reactjsexample.com/content/images/2023/11/Code_2023-11_22-47-16.jpg)

A discord overlay written with React and built on Tauri.

### Current Features

- Displays talking state
- Displays user deafend / muted
- Transparent window
- Always on top
- Click through mode
- Resizable window
- Menubar / Taskbar icon

[![An overlay for discord build with tauri and react](https://user-images.githubusercontent.com/996134/280443089-ac2f0fb4-79b2-4c72-869a-38e9d5305f7f.png)](https://user-images.githubusercontent.com/996134/280443089-ac2f0fb4-79b2-4c72-869a-38e9d5305f7f.png)

## GitHub

[View Github](https://github.com/Hacksore/overlayed-tauri?ref=reactjsexample.com)
Thought me poems #Luckylukee
Tags: learning, android, security, motivation
Published: 2023-11-12 00:39:51

Welcome everyone!  Briefly about myself!  I like to learn new technologies, I learn a lot every day to keep up with new things.  I think that in our fast-paced world, events and the continuous develop
ment of science provide inspiration for learning!
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2gx61s7y0wnyhnljfr3z.jpg)
- 
Inspiration is poetry and technology shapes the range of possibilities!
[]
Shallow copy and Deep copy in JavaScript
Tags: javascript, softwareengineering, webdev, productivity
Published: 2023-11-12 00:39:28

An important concept to know as a javascript developer is the difference between shallow copy and deep copy.
First, let's talk how object works in javascript.

An object is a dynamic data type that can take in collections of key-value pairs, where each key corresponds to a property and each value represents the property's associated data.
Objects can hold various data types, including numbers, string, booleans, array, other objects, and even functions.

**Shallow copy**

A shallow copy of an object is a copy whose properties share the same references as those of the source object from which the copy was made. In simple words, both objects point to the same address in memory. So, when you change either source, or the copy, you may cause changes in the other object too. 

```
const sourceObj = {name: "Jane", surname: "Doe"}
const copyObj = sourceObj

copyObj.name = "Joe"

console.log(sourceObj) // {name: "Joe", surname: "Doe"}
```

**Deep copy**


On the other hand, a deep copy is a copy whose properties do not share the same references as those of the source object from which the copy was made. So, all the properties from the source object will be in the copy object, but the new object will be pointed to a different address in memory. In this way, both objects are independent of each other in case of modification. In Javascript we can use JSON.parse() and JSON.stringify() methods.

```
const sourceObj = {name: "Jane", surname: "Doe"}
const copyObj = JSON.parse(JSON.stringify(sourceObj))

copyObj.name = "Joe"

console.log(sourceObj) // {name: "Jane", surname: "Doe"}
console.log(copyObj) // {name: "Joe", surname: "Doe"}
```
Nuxt 3 Builder: A Tailored Editor for Developers
Tags: nuxt, tailwindcss, webdev, nuxt3
Published: 2023-11-12 00:21:35

In the realm of web development, the right tools are key to crafting outstanding digital experiences. Nuxt 3 Builder emerges as a noteworthy editor, designed specifically with developers in mind.

Nuxt 3 Builder distinguishes itself through its dual-editor approach. Whether you're working on intricate components or architecting entire websites, this tool adapts to your workflow. It provides a comprehensive environment where creativity and functionality coalesce, allowing developers to focus on innovation and quality.

The core of Nuxt 3 Builder lies in its thoughtful integration of features that resonate with developers' needs. It supports both options and Composition API, and includes built-in state management, ensuring a robust foundation for developing complex applications. Moreover, its native support for Tailwind CSS streamlines the styling process, aligning with modern development practices.

Recognizing the importance of responsive design, Nuxt 3 Builder includes features that simplify the creation of responsive websites. The auto-responsive option, coupled with a display mode for previewing websites as they would appear in production, adds a layer of assurance and precision to the development process.

Nuxt 3 Builder is not just optimized for Nuxt 3; it's a reflection of what modern web development demands. It’s a tool where functionality meets finesse, empowering developers to bring their visions to life with efficiency and ease.

We invite you to experience Nuxt 3 Builder firsthand. Visit nuxtbuilder.com for a free trial and see how it can enhance your web development journey.
Embracing the Hacktoberfest Hat-Trick 🎩🎉
Tags: hacktoberfest23, hack23contributor
Published: 2023-11-12 00:17:15

#### Intro
Hey, fellow open-source enthusiasts! This is my third Hacktoberfest, and I'm [@dennexequiel](https://github.com/dennexequiel), a code aficionado with a passion for collaborative development. Having journeyed through the realms of open source in the past, this year's Hacktoberfest was a celebration of consistency and growth.

#### Highs and Lows
The highs this time around were a testament to persistence. Reaching my third consecutive Hacktoberfest felt like unlocking a rare achievement. Each pull request carried the weight of experience, and contributing became second nature. Light-bulb moments? Plenty! From optimizing code for efficiency to discovering clever workarounds, every contribution brought new insights. Of course, there were lows too – stubborn bugs that seemed to mock me. But the beauty lies in overcoming challenges. I adapted by seeking help from the community, collaborating, and eventually conquering those coding puzzles.

#### Growth
Reflecting on my journey, it's incredible to see how my skill set has evolved. Before Hacktoberfest 2023, I was comfortable but hungry for more. Now, I've honed my Git-fu, dabbled in diverse codebases, and fine-tuned my collaborative skills. This experience has been a catalyst for personal and professional growth. Learning goals achieved, and career aspirations recalibrated, I find myself more aligned with the ethos of open source. It's not just about code; it's about building something meaningful together.

As I raise my hat to the third consecutive Hacktoberfest, I'm grateful for the lessons, the community, and the joy of contributing to projects that matter. Here's to the journey and the code that unites us all! 🚀
Caption This! 🤔💭
Tags: discuss, watercooler
Published: 2023-11-12 00:00:00

---
published_at : 2023-11-12 00:00 +0000
---
Y'all— it's time for another Caption This. Oh how we have missed you! 

Here's how this works! All you have to do is provide us with the best caption for our image. We will vote in the comments, so please harness all your genius into your post! 

![Man wearing fins in water but his face is all distorted.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/glmknhuok3811wg3w7tr.jpg)

---

Follow the DEVteam for more online camaraderie!

{% embed https://dev.to/devteam %}
no choice
Published: 2023-12-17 17:14:03

---
title: no choice
published: true
date: 2023-11-12 00:00:00 UTC
tags: 
canonical_url: https://onwriting.games/daily/20231112-957-no-choice/
---

in [yesterday's email](https://dev.to/onwritinggames/the-challenge-3iin), I proposed the importance of the **player agency** in narrative games.

that is, their **actions should have consequences**.

but for some reason, many video game writers ignore this.

and I'm not talking about ignoring it in major story arcs, where sometimes it's hard to keep the promise of agency.

what I mean is giving you choices, which are not really choices.

we've seen this many times:

```
BARTENDER: Good day, traveler, what are you looking for on this beautiful day?
 * A good beer
 * A clean bed

[The PLAYER chooses 'A good beer']

BARTENDER: Sorry, but I've run out of beer for today.
BARTENDER: How about a clean bed instead?

```

is there anything more **frustrating** than this? I doubt it.

giving the feeling of agency only to take it away the next moment is one of the worst narrative experiences we can design.

unless, of course, you're using it narratively, seeking that effect. as a designer.

have you ever done this? why?

did you have a good reason? did you do it by mistake?

or is there something I'm missing, and it's an essential narrative design pattern and I'm just the weird one here?

anything is possible
Should You Aim to Fit In or Stand Out?
Tags: discuss, codenewbie, beginner
Published: 2023-11-12 00:00:00

---
published_at : 2023-11-12 00:00 +0000
---
Have you ever found yourself torn between blending in with the crowd or standing out in your coding journey? How did you tackle this dilemma? And which do you think is best for your ultimate success?
<br>
Follow the CodeNewbie Org and #codenewbie for more discussions and online camaraderie!
{% embed https://dev.to/codenewbieteam %}
Is "Work Less, Earn More" an Achievable Dream?
Tags: discuss
Published: 2023-11-12 00:00:00

---
published_at : 2023-11-12 00:00 +0000
---
Achieving a work-life balance and high earnings can be challenging in the tech industry. How do high-performing developers manage to work less and earn more, and what's your perspective on this approach?


Follow the DEVteam for more discussions and online camaraderie! 

{% embed [https://dev.to/devteam](https://dev.to/devteam) %}
FedRAMP: Empowering Secure Cloud Solutions for Government
Tags: technology, cybersecurity
Published: 2023-10-09 03:06:06

---
title: FedRAMP: Empowering Secure Cloud Solutions for Government
published: true
date: 2023-11-12 00:00:00 UTC
tags: Technology,Cybersecurity
canonical_url: https://simeononsecurity.ch/articles/fedramp-explained-government-cloud-security/
---

Unlock the power of FedRAMP for robust, secure government cloud solutions.

[https://simeononsecurity.ch/articles/fedramp-explained-government-cloud-security/](https://simeononsecurity.ch/articles/fedramp-explained-government-cloud-security/)
Modern API Development (Part 1)
Tags: express, hasura, api, webdev
Published: 2023-11-11 23:59:32


Throughout this series, we will construct a comprehensive backend utilizing contemporary tools and cutting-edge concepts. My earnest desire is for you to accompany this journey from its inception, following the episodes in the order of their publication. This sequential approach is designed to facilitate a thorough understanding of the foundational concepts, making it particularly beneficial for beginners. However, if you happen to be an expert in the field, feel free to leverage your skills and customize the process to align with your specific objectives. Whether you're just starting out or a seasoned professional, there's something valuable for everyone in this series as we delve into the intricacies of backend development.

<div class="border-l-4 p-3  border-l-green-800 text-base -2 mb-4 bg-green-100 text-green-600">*Please note that there will be coresponding youtube videos for each topic we cover in this series*</div>



## Project Setup

Let's initiate the project setup and push it to GitHub. In this endeavor, we will be employing various frameworks, libraries, and programming languages. The selection of tools is independent of the project structure. Below is a list of tools we will be utilizing:

- Node.js 18
- PNPM - Package Manager _(PNPM will also be employed for managing a monorepo)_
- Hasura - GraphQL Tool
- GraphQL - Schema Engine
- Express - Server
- Prisma - ORM
- Postgres - Database

As the project progresses, additional tools may be incorporated into this list.

### Create a Monorepo

Assuming PNPM is installed (for installation instructions, refer to [pnpm](https://pnpm.io)), let's create a monorepo:

```shell
mkdir myproject-monorepo
cd myproject-monorepo
# Create an API folder
mkdir api
# Initialize PNPM project
pnpm init
# Initialize PNPM monorepo configuration
touch pnpm-workspace.yaml
# Add the following in the workspace file
    packages:
        - "api"
        - "frontend" # This is optional for now
# setup api project
cd api
# initialize  project
pnpm init
# install initial dependencies
pnpm add -D typescript @types/node
# initialize typescript
npx tsc --init 
# modify tsconfig.json to suit your development requirements. you might want to enable more features in that file.


```

With these steps completed, we are prepared to weave together the components of our project. This marks the beginning of our successful project journey.

Dive into [part 2](https://dev.to/mitch1009/modern-api-developmentpart-2-initialize-server-1b7j) of this series.

<div class="text-green-600 bg-green-100 border-l-4 border-l-green-700 p-4">It is advisable to commit our modifications and push them to the GitHub repository. This precaution ensures that, in the event of any issues with our local version, we can easily retrieve the latest version from the remote repository. For further insights on GitHub and its functionalities .</div>
Raw HTML or WYSIWYG?
Tags: discuss, webdev, developers, tooling
Published: 2023-11-11 23:42:06

Do you use WYSIWYG (What You See Is What You Get) services to build websites or do you program them from raw coding languages like HTML, CSS, PHP, and Javascript?

If you know me, you'll know that I love free to use solutions and back when I started learning how to build websites the most free way was to code them. When I started I would use Notepad (text editor) to write them, save them as an '.html' file, and also edit them the same way. Over the years I've tried several different drag-and-drop and WYSIWYG builders to try and minimize time. 

Throughout my experiences I personally always felt like I lost a lot of control and that what I published didn't reflect me as a creator.

Too this day I still use basic text-editors to build web pages and type each line of code by hand.

How do you build? What makes you feel comfortable and most creative? What are your thoughts? 💭
HTML: Tag vs. Element
Tags: html, a11y, tag, element
Published: 2023-11-11 23:05:29


In a previous post, we looked at **semantic** vs. **non-semantic** HTML elements. Now, it’s common for web developers to use **HTML element** and **HTML tag** interchangeably. But are they really the same thing? Or is there more than meets the eye?

Let's decode this lingo!

---

## HTML Tag
A tag is used to create an HTML element in source code. When we say tag we must refer to the opening &lt;tagname&gt; or closing &lt;/tagname&gt; syntax used in HTML documents. 

Tags come in pairs for most elements, with an opening tag marking the beginning of the element and a closing tag marking the end. However, some tags are self-closing, such as &lt;img /&gt; or &lt;br /&gt;, which do not need a closing tag.

## HTML Element
An HTML element is a DOM element. It refers to everything from the start tag to the end tag, including the tag itself, its attributes, and the content in between. 

For example, an element can consist of:

- the opening tag: &lt;p&gt;
- the content: Hello, World!
- the closing tag: &lt;/p&gt;

So when you write &lt;p&gt;Hello, World!&lt;/p&gt;, you're creating a paragraph element. 

Elements can also be nested, meaning you can have elements within elements, and they can contain attributes that provide additional information about the element.


**Example**
Let's look at an example to illustrate the difference:

```
<a href="https://www.example.com">Visit Example.com</a> 
```

The **HTML Tags** include:
- the opening tag &lt;a&gt; (which also stores the element's attribute **href** with its corresponding value).
- the closing tag &lt;/a&gt;.

The **HTML Element** is the entire line of code, including 
- the opening tag &lt;a&gt;,
- the attribute href="https://www.example.com",
- the content Visit Example.com, and 
- the closing tag &lt;/a&gt;.
<br>

## Conclusion
In HTML, the terms "element" and "tag" are related but have distinct meanings:
- a tag is a part of an element that defines the element's type and boundaries
- an element includes the tags, attributes, and content.
<br>


![An illustration showing the anatomy of an HTML element. It displays a paragraph element with an opening tag <p>, an attribute class="nice", enclosed text content "Hello world!", and a closing tag </p>. Above each part, labels indicate "Opening tag", "An attribute and its value", "Enclosed text content", and "Closing tag"](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ppepq8s7c4xsi1ss168u.png)
Source: MDN (see link below)
<br>
## Resources

[MDN Definition of an HTML element](https://developer.mozilla.org/en-US/docs/Glossary/Element)

[MDN Definition of an HTML Tag](https://developer.mozilla.org/en-US/docs/Glossary/Tag)