teleren/devto huggingface dataset:
UX Design Principle
Published: 2022-11-25 22:18:03

UX Design is the process of creating a product or services that solves a user problem while ensuring that the proposed solution is easy and enjoyable to use.

UX Design principles are principles that guides the design of a software products.

As a designer, you must align your work with this principles to ensure that you create designs that are easy to use and understand as well as aesthetically pleasing to everyone.

**User- Centricity** : The purpose of UX design is to create a product or services that can solve a user problem. Users — centricity means putting the user needs first and focusing on their needs by considering their story, emotions and insights.

**Hierarchy** : Hierarchy refers to how a content or information is organized throughout a design. It helps users to navigate easily on a page.

**Consistency** : Designers should follow standards and use consistent concept throughout a product in terms of how they look and function across all pages/screens. This allows users navigate easily on your product .

**User Control** : This means giving users control over how the interact with a product. It means that users should be giving the ability to control or reverse errors, allow users to redo, undo and cancel an action made .

**Accessibility** : This means ensuring that you are designing for everyone. You have to ensure that your product or service are accessible and usable to as many people as possible by considering people with disabilities. Your color should be of high contrast and the text should be legible enough for people with visual impairments.

**Usability** : Designers should ensure that their product or website is easy to use. First time users should be able to navigate easy without problem on the product.

**Visibility of System Status** : Users should receive a feedback after they are done with an action. You should provide users with information about what is happening, do not leave users in the dark.
How to convert a Python file to an ELF file, and how to execute the generated ELF file with/without using the terminal in Linux?
Tags: ubuntu, linux, elf, python
Published: 2022-11-25 22:08:27

## _What is an ELF file?_

An ELF(**E**xecutable and **L**inkable **F**ormat) file is an executable standard file format for the Linux and Unix platforms. 

The ELF file format is typically used by binary executables in Linux. These serve as Linux's equivalent to Windows' PE (Portable Executable) format, which uses the EXE file extension.

In addition to the executable code, executable files also include data such as static and dynamic data, linker information, and library imports.

---

## _How to convert a Python file to an ELF file?_

To generate an ELF file from a python file, we can use _pyinstaller_. 

1. Install pyinstaller using the below command: 
![pyinstaller command](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ie99old4539kpnternsn.png)If you are using a python version that's older than python3, replace pip3 with pip in the above command.

2. Create a .py file or go to the path where your existing python file resides.
![Python file](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cba0jos8vimiylwq8buc.png)

3. Run the below command to convert the python file to an executable:
![ELF conversion](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jnpmouts7foirbpobu0u.png)
4. Pyinstaller creates a dist(distribution) directory, that contains the main executable(ELF) and the dynamic libraries bundled in an executable file.
![elf file generated](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/15bwk1y7pv6juh337qjc.png)

---

## _How to run the executable file in Linux?_

_Using the terminal:_

1. Open the terminal.
2. Go to the path where the ELF file is located and execute the ELF file by placing **./** before the elf filename as below:
![Running the ELF file using terminal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b7986djnzj1l9kw7bw4z.png)

_Without using the terminal:_

1. Open the File explorer and go to the path where the ELF is located.
2. Right-click on the executable file, go to Properties--> Permissions tab--> check the box 'Allow executing file as program' --> Close the properties window.
![Running ELF without using the terminal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hnmr9gn1xrjz0jkvci41.png)3. Run the executable file by just double-clicking on it (similar to running an exe file on Windows).
Write to the console.log with styles from Blazor
Tags: blazor, webassembly, javascript, webdev
Published: 2022-11-25 22:05:19

The console is a very good companion for every web developer.
We use the console to log everything and for various reasons.
In this post I will show how to add some CSS styles to the console application just for having fun or for adding value to the logs in the developer tools console of the browser.

To add CSS styles to the console, we use the format specifier %c at the beginning of the string.
And as a second parameter we can add some CSS rules.
Take a look to the script below:

```javascript
console.log("%cThis is a red text", "red");
```

Easy.
But how we can use the same features, but from a Blazor application?
It's easy as well.

Open the razor page where you want to add the console formatting and insert the injection for JSRuntime.
Then in the InitializedAsync or on a click event, call the console.log method from Blazor.
You can use the same parameters that you are using from JavaScript.
Below you can find the entire code to add to your application.

```csharp
@code {
    @inject IJSRuntime JSRuntime

    protected override async Task OnInitializedAsync()
    {
        await JSRuntime.InvokeVoidAsync("console.log", "%cRed Origin  5.0.1 🚀", "color:#0dd8d8; background:#0b1021; font-size:1.5rem; padding:0.15rem 0.25rem; margin: 1rem auto; font-family: Rockwell; border: 2px solid #0dd8d8; border-radius: 4px;font-weight: bold; text-shadow: 1px 1px 1px #00af87bf;");
    }
}
```

In this case, in the console you can find a message like in this picture:

![](https://user-images.githubusercontent.com/2757486/203050063-8eecff8a-40cb-4a32-a013-d492705ac212.png)

---

Thanks for reading this post, I hope you found it interesting!

Feel free to follow me to get notified when new articles are out 🙂

{% embed https://dev.to/kasuken %}
The Remote Jobs recommend in November 2022(In 2022.11.19)
Published: 2022-11-20 02:53:49

Call Center Specialist (Work From Home) Remote
https://welikeremote.com/index.php/2022/11/18/call-center-specialist-work-from-home-remote/

REMOTE! Call Center Supervisor (Hawaii Residents ONLY) 64k
https://welikeremote.com/index.php/2022/11/18/remote-call-center-supervisor-hawaii-residents-only-64k/

Product Compliance Specialist 100% Remote in US
https://welikeremote.com/index.php/2022/11/18/product-compliance-specialist-100-remote-in-us/

WORLDPAC Inside Sales Specialist (Commercial Parts) (Remote) - $51K-$55K + bonus Fort Collins
https://welikeremote.com/index.php/2022/11/18/worldpac-inside-sales-specialist-commercial-parts-remote-51k-55k-bonus-fort-collins/

Commercial Lines Account Manager (REMOTE)
https://welikeremote.com/index.php/2022/11/18/commercial-lines-account-manager-remote/

Search Consultant/Recruiter- Remote
https://welikeremote.com/index.php/2022/11/18/search-consultant-recruiter-remote/

Salesforce Administrator (100% Remote) 344836
https://welikeremote.com/index.php/2022/11/18/salesforce-administrator-100-remote-344836/

EDA Solution Architect (REMOTE)
https://welikeremote.com/index.php/2022/11/18/eda-solution-architect-remote/

Contract Recruiter - Remote
https://welikeremote.com/index.php/2022/11/18/contract-recruiter-remote/

Balboa - Sales Manager - Vendor Services - Remote
https://welikeremote.com/index.php/2022/11/18/balboa-sales-manager-vendor-services-remote/

100% REMOTE Assistant Controller
https://welikeremote.com/index.php/2022/11/18/100-remote-assistant-controller/

Remote Insurance Sales - Warm Leads - Own Your Agency - Make Your Schedule
https://welikeremote.com/index.php/2022/11/18/remote-insurance-sales-warm-leads-own-your-agency-make-your-schedule/

Entry Level Sales - Remote Position
https://welikeremote.com/index.php/2022/11/18/entry-level-sales-remote-position/

HR Advisor - Consultant - Remote
https://welikeremote.com/index.php/2022/11/18/hr-advisor-consultant-remote/

Director - Market and Competitive Intelligence, Remote 22-04424
https://welikeremote.com/index.php/2022/11/18/director-market-and-competitive-intelligence-remote-22-04424/

SAAS Program Marketing Senior Manager- REMOTE
https://welikeremote.com/index.php/2022/11/18/saas-program-marketing-senior-manager-remote/

Sr. Cloud Engineer - Remote - $145k - Cloud Transformation
https://welikeremote.com/index.php/2022/11/18/sr-cloud-engineer-remote-145k-cloud-transformation/

National Account Executive - Remote
https://welikeremote.com/index.php/2022/11/18/national-account-executive-remote/

Balboa - Program Manager I - Working Capital Sales - Remote
https://welikeremote.com/index.php/2022/11/18/balboa-program-manager-i-working-capital-sales-remote/

Licensed Mental Health Counselor REMOTE (Florida)
https://welikeremote.com/index.php/2022/11/18/licensed-mental-health-counselor-remote-florida/


These share by welikeremote.com,Find the best remote jobs on welikeremote.com right now.
Created a Simple P2P Browser Chat in JavaScript
Published: 2022-11-25 21:37:16

---
title: Created a Simple P2P Browser Chat in JavaScript
published: true
description: 
tags: 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qkxj9jwi09a11cz5na7m.png
---

I wanted to share that I just finished working on my Simple P2P WebRTC Chat. I may write an article that explain how to create one step by step. I've already have an article (in Polish but there is Google translate widget) about [Simple Server-Sent Event Chat in PHP, JavaSCript, and SQlite](https://jcubic.pl/2019/09/prosty-czat-javascript-php-sqlite.html).

{% codepen https://codepen.io/jcubic/pen/xxzjQRd default-tab=result %}

Let me know what you think.

And that's it. If you like this post, you can follow me on twitter at [@jcubic](https://twitter.com/jcubic) and check my [home page](https://jakub.jankiewicz.org/).

<small>
Cover Image by <a href="https://www.vectorportal.com" rel="nofollow">Vectorportal.com</a>,  <a class="external text" href="https://creativecommons.org/licenses/by/4.0/">CC-BY</a>
</small>
WordPress Maintenance Mode Without Plugin
Tags: wordpress
Published: 2022-11-25 21:29:05

Hello, dev.. 👋

Sometimes you need to put your website into maintenance mode and let your visitors and readers know what is going on on your website. There are [many plugins](https://wordpress.org/plugins/tags/maintenance/) to turn your WordPress site into maintenance mode. But in this tutorial, I will share with you how to enable your WordPress site into maintenance mode without a plugin. We will use the default function from WordPress core.

We will use [wp_die() function](https://developer.wordpress.org/reference/functions/wp_die/) from WordPress code. By default wp_die() will kills WordPress execution and displays HTML page with an error message. So we will disable the site from visitors and give messages to visitors.

Copy this code below to your theme’s functions. And save it.

```php
// Activate WordPress Maintenance Mode
add_action('get_header', function () {
    if (!current_user_can('edit_themes') || !is_user_logged_in()) {
        wp_die('<h1>Website Under Maintenance</h1><br />We have got some exciting updates lined up for you. We will be back online! Thank you. 🙏', 'Website Under Maintenance');
    }
});
```

The maintenance mode will work for your visitor. If you log in to your site, the maintenance mode will be disabled.

Good luck 🍻
Quick notes about Git Branches
Tags: git, github
Published: 2022-11-19 19:05:42

> From the book Beginning Git and GitHub - Tsitoara

A commit can contain information about its author, date, the project snapshot and *the name of the previous commit.*

The name of the previous commit is called parent and every commit except the first one has at least a parent.

Branches are made when two different commits have the same parent.

Simply speaking, a Git branch is just a simple reference to one commit in a list of chained links.

Git uses a special reference called `HEAD` to get information about which branch we are currently working.

Git branches are stored in files inside the `.git/refs/heads/` folder and they contain the hash string of the latest commit for that branch. 

If you are checking out a previous version using a hash string instead of a branch name, you will fall into a state called *detached HEAD*.

> **Caution** Just like human bodies, never be in a state of “detached HEAD” if you can avoid it. It is a very dangerous situation to find oneself in.

For most situation, you can think of HEAD as the reference to the current branch, and every commit you create will use the last commit in that branch as a parent.
	- No parents: The very first commit
	- One parent: Normal commit in a branch
	- Multiple parents: A commit created by the merge of branches

> **Note** Like when we navigated between versions, you can’t switch branches if you have uncommitted changed files. Commit before you move. Or use a technique called “stashing” that we will see in later chapters.

> **Tip** To immediately switch to a new branch after creating it, use the option “-b” with the git checkout command. For example, “git checkout -b testing” is the same as “git branch testing” and then “git checkout testing.”

```shell
git checkout -b anewbranch
```

To delete a branch, simply use the same command as to create one but with the option “-d.” 

```shell
$ git branch -D branchname
```
Keep two nvim setups easilly
Tags: nvim, webdev, tutorial, programming
Published: 2022-11-25 21:17:48

## Update!

From now on consider only this first paragraph, once neovim developers implemented the environment variable called:

    NVIM_APPNAME

you can use it this way:

    alias lv="export NVIM_APPNAME=lv; export MYVIMRC=~/.config/lv/init.lua;nvim"

In my case I have created a special name called "lv". If I clone anyone nvim config file to the lv folder and run via terminal the lv command, this version of my config will be used. 

I also have a more complex alias:

```sh
# https://gitlab.com/linuxdabbler/dotfiles/.config/nvim
# ln -sfvn ~/.dotfiles/vinone ~/.config
if [[ -d "$HOME/.config/vinone" ]]; then
    [[ ! `readlink "$HOME/.config/vinone"` =~ '.*dotfiles.vinone$' ]] && ln -sfvn ~/.dotfiles/vinone ~/.config
	alias vinone='(){(export NVIM_APPNAME=vinone;export MYVIMRC=~/.config/vinone/init.lua;nvim $@)}'
else
	alias vinone="nvim -u NONE -U NONE -N -i NONE -c 'set mouse=a| syntax on| set nu'"
fi
```

## Adding snippets to your custom neovim setup

In my custom setup I have a folder called "snippets". So inside the `cmp.lua` conf file I had to make this:

```lua
  local nvimAppname = vim.env.NVIM_APPNAME
  require("luasnip/loaders/from_snipmate").lazy_load({ paths = {"~/.config/".. nvimAppname .."/snippets"}})
```

So if I start using this config file related to another NVIM_APPNAME it will not break the code.

## Getting variables inside neovim

```lua
:lua print(vim.env.NVIM_APPNAME)
```
MY AYA WEB3 FELLOWSHIP EXPERIENCE
Tags: beginners, uiweekly, ux, design
Published: 2022-11-25 20:57:29

If you are like me among hundreds of bright young minds out there looking for great opportunities to express Your creativity and make impact in the society that is capable of leading to financial freedom, then you will understand my excitement as I got a mail fromThe AYA Web3 Fellowship Program to be among fellows to be trained on various Tech Stacks of our choice.

AYA is an online platform that connects the best African Talents with organizations all over the world. The AYA Web3 Fellowship Program is an immersive remote experience with all aspects of the training organized virtually and it is absolutely free.
 
The program has been a good platform for me to improve on my Product Design Knowledge. Off Cause there are other tracks like Smart Contract, Frontend Development and Backend Development. But there is more to the AYA Fellowship Program which is the PACE classes. A wonderful idea by the organizers to sync all tracks and help every track with an idea of what other tracks do. 

**PERSONAL GAINS SO FAR**
Apart from having wonderful and amazing tutors and mentors who are always present to direct, educate and respond to our curiosities, we had loads of tutorial classes to carry everyone along, and that built my knowledge on many aspects of User Experience especially, and it doesn’t end there, we also have opportunity to learn from others 

As this training progresses, I have had lots of challenges. At first, it was overwhelming having to learn a whole new thing from the ones I know and felt was a norm. I had a great setback but guess what, from each and every tutorial section we had, my conviction and motivation grew daily.

In conclusion, the AYA Fellowship Program is a blessing I am glad to never have taken for granted. As disbelieving as it started from the congratulatory mail, to having curious peers doing wonders, then our evergreen mentors giving us the hard push to explore our creativity and finally having to design a project on my own which is a case study worthy and opportunity to improve on my skill. I can say, I’m more than elated to be among the lucky fellows at AYA Web3 Fellowship.
29 octobre au stade des Martyrs : Plusieurs personnalités plaident pour Fally Ipupa
Published: 2022-11-25 20:24:33

Samedi 29 octobre, Fally Ipupa a donné l’un des meilleurs concerts de sa carrière artistique au stade des Martyrs de la Pentecôte à Kinshasa. Le lendemain du concert, le 30 octobre, le ministre de l’Intérieur Daniel Aselo a annoncé la mort de 11 personnes, dont deux policiers.

Lire aussi : https://www.phenixactu.com/les-meilleures-punchlines-de-lalbum-melo-de-tiakola/

Suite aux décès survenus dans la soirée du samedi 29 octobre au stade des Martyrs lors du concert de Fally Ipupa, le membre du gouvernement avait informé de cette mesure.

« Il faut que cela cesse. L’organisateur doit être puni. Il sera recherché et il sera arrêté et puni. Il doit se présenter pour s’expliquer (…) Si une grenade lacrymogène avait été lancée par la police, on ne sait pas ce qui se serait passé« , a déclaré le ministre.

A déclaré le ministre.

A lire aussi : https://www.phenixactu.com/11-personnes-decedees-au-concert-de-fally-ipupa-au-stade-des-martyrs/?

L’équipe organisatrice du concert de Fally Ipupa au stade des Martyrs conteste le nombre de morts et de blessés mentionné par le VPM de l’Intérieur, Daniel Aselo, Zacharie Bababaswe demande une « enquête sérieuse« .
« Le ministre avant de faire cette déclaration devrait avoir tous les éléments en sa possession. Il s’est limité à faire un rapport au stade le lendemain de l’événement, alors qu’il avait d’autres priorités« .

A déclaré Zacharie Bababaswe
Ensuite, a-t-il ajouté, au stade des Martyrs, pendant le concert, il y avait plus de 100 000 personnes qui avaient des smartphones qui ont filmé, mais jusqu’à présent, aucune image ne montre de dégâts durant le concert

Certaines personnes demandent que l’artiste Fally Ipupa soit mis en cause.
Après ce long discours, certains chroniqueurs, analystes et l’influenceur ivoirien, le pasteur général Camille Makosso ont pris la défense de Fally Ipupa.


Le père de la Marmaille a donné son point de vue, dans son live tenu sur Facebook, dit ne pas comprendre l’attitude des Congolais qui ne cessent de vouloir lyncher celui qui, selon lui, représente valablement la République démocratique du Congo aux yeux du monde.

« Fally Ipupa est aujourd’hui l’artiste africain francophone le plus suivi, le plus stable. Je pensais que les Congolais protégeraient leur joyau, en disant que Dieu nous a donné quelqu’un », a-t-il déclaré. « A ce jour, il est plus connu dans le monde que le président congolais »

Camille Makosso

Lire aussi : https://www.phenixactu.com/instagram-ne-veut-plus-de-booba/

Un autre analyste congolais, dans une émission diffusée sur la plateforme vidéo, YouTube. Fally Ipupa ne sera pas blâmé et il a ajouté « Je suis un compatriote de Fally Ipupa que de Félix Tshisekedi, l’artiste vend de bonnes images du pays que le président de la république » a déclaré un analyste.
Solving problems with event streaming
Tags: eventdriven, kafka, architecture, software
Published: 2022-11-25 19:28:13

The rise of micro and nano services (serverless) ultimately means that more components need to be connected.
While we can achieve this over APIs, RPC, etc., this also means close coupling of components. A change to one service can cause ripples of subsequent changes.
I like to think that with events, everything is more free and flexible.

Any service can start sending and listening to events.
It is more of a plug and play approach, simple and easy.
It makes your services more flexible and robust.
I've been using the event streaming first mindset for some years now and it has made my life so much easier.

I chose to use Apache Kafka, but the event streaming ecosystem is growing with other players like Pulsar, Redpanda, etc.

I talk about this in more detail in my blog post with Aiven: https://aiven.io/blog/solving-problems-with-event-streaming
AWS cloudtrail lake
Published: 2022-11-25 19:18:24

CloudTrail is enabled on your AWS account when you create it very first time. Any activity occurs in your AWS account, that is recorded in a CloudTrail event. You can easily view and search events in the CloudTrail console by going to Event history.


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



AWS CloudTrail records user activity and API usage across AWS services as Events. CloudTrail Events help you answer the questions of “who did what, where, and when?”

CloudTrail records two types of events: Management events capturing control plane actions on resources such as creating or deleting Amazon Simple Storage Service (Amazon S3) buckets, and data events capturing data plane actions within a resource, such as reading or writing an Amazon S3 object.

In general cloud trail event history only records management events as we can see in the below screenshots.


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




An Event history search in general cloudtrail is limited to a single AWS account and single region, also cannot query multiple attributes. By contrast, CloudTrail Lake users can run Standard Query Language (SQL) queries across multiple fields in a CloudTrail event with multi region. 

**CloudTrail Lake** is aws managed data lake that organizations can use to aggregate, store & query events recorded by CloudTrail for auditing & compliance, security and operational troubleshooting. 

But before you use SQL to query lake, you need setup as it's not enabled by default and also some pricing incurs as we see in earlier screenshots

Configuration steps are easy as we need to select event type to capture and retention days (minimum days for retention is 7)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bpth9itewnbx7d6h2qik.png)

















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



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

After cloudtrail lake configuration is complete,we can use SQL query to any aws events, like we have use query to ec2 events.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/93cye3d5xwr94k0p79m5.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3w4sz5wwq9bsbft6d0hi.png)




We can further filter the event with query only for stopinstances API event.



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/04qql0zu9t8v3jjtdg75.png)
We can see output for stop instance date & time with user details.