teleren/devto huggingface dataset:
Efeito Load
Tags: codepen
Published: 2023-06-16 12:24:24

<p>Esse código CSS é usado para criar um efeito visual de carregamento em uma página da web. Ele define estilos de posicionamento, tamanho e cor para um elemento específico, chamado <code>.load</code>. O elemento é exibido como um quadrado de 80px por 80px.</p>

<p>O efeito de carregamento é criado usando gradientes de cor e transformações. Os gradientes são usados para criar uma transição suave de cores no fundo do elemento, criando um efeito visual interessante. Além disso, são adicionados círculos adicionais ao redor do elemento para enfatizar o efeito de rotação.</p>

<p>A propriedade <code>animation</code> é usada para animar o elemento, fazendo-o girar continuamente. Essa animação é aplicada usando a regra <code><a href="https://codepen.io/keyframes" target="_blank">@keyframes</a></code> e é definida para uma duração de 1 segundo. Isso cria a ilusão de um carregamento em progresso.</p>

<p>No geral, esse código CSS combina gradientes de cor e animação para criar um efeito de carregamento visualmente atraente. Ele pode ser utilizado em sites para indicar que algo está em processo de carregamento ou processamento, proporcionando uma experiência interativa ao usuário.</p>

{% codepen https://codepen.io/qpjfptxi-the-encoder/pen/WNYrgYM %}
Who's looking for open source contributors? (week 46)
Tags: discuss, opensource, contributorswanted, codenewbie
Published: 2023-06-16 12:00:00

---
title: Who's looking for open source contributors? (week 46)
series: Looking for Contributors
published: true
description: Discover which open source projects are actively seeking contributors. Learn how you can make a meaningful contribution to the open source community and gain valuable experience. Find out who's looking for open source contributors now.
tags: discuss, opensource, contributorswanted, codenewbie
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
published_at: 2023-06-16 12:00 +0000
---
Open Source is about the community. Whether you have a project or you're looking to make your first PR, we want to help facilitate those connections. 

## Tell us about your project
_Promote your project by providing a link to the repo. Everyone who posted in previous weeks is welcome back this week, as always 😄_

Open Source should be a welcoming space for contributors. The README is the front door of your project. If you'd like to check out an example of a README, here's our [OpenSauced/insights README](https://github.com/open-sauced/insights).

If you submit please have the following in your repo to make it welcoming and helpful for contributors:

1. README.md
2. CONTRIBUTING.md

Feel free to drop your issues and repos in the [OpenSauced Discord](https://discord.gg/opensauced) #:eyes:-looking-for-contributors channel at any time! 

If you're new to open source, and you're not sure where to start, check out our [Intro to Open Source course](https://github.com/open-sauced/intro). 

Finally, consider reading the [Best Practices for Maintainers](https://opensource.guide/best-practices/).

Just a note to say, we've restarted this post from something Ben was doing for a while :star-struck: 

Happy coding!
Jackets MOB
Tags: fashion, style
Published: 2023-06-16 11:59:00

The [best leather jacket](https://www.jacketsmob.com/) is the one that fits you well, is made from high-quality leather, and has a style that you love. Here are a few of the best leather jackets on the market:

Belstaff Trialmaster: 
This classic biker jacket is made from 100% lambskin leather and features a double-breasted front, a belted waist, and two external pockets. It's perfect for everyday wear or for dressing up for a night out.

Schott NYC Perfecto: 
This iconic leather jacket was first made in 1940 and has been worn by celebrities and rebels alike. It's made from 100% cowhide leather and features a zip-up front, two external pockets, and a single internal pocket.

The Real McCoy's Type A-2: 
This reproduction of a World War II-era flight jacket is made from 100% lambskin leather and features a zip-up front, two external pockets, and a single internal pocket. It's perfect for fall and winter layering.

When choosing a leather jacket, it's important to consider the fit, the quality of the leather, and the style. A well-fitting leather jacket will make you look and feel your best. High-quality leather will last for years and only get better with age. And the right style will let you express your personal style.
Writing JSON to a file
Published: 2023-06-16 11:55:13

Here you will  be able to write into a json file in a few with help of the below code:

```
import json 

person_dict = {
    "name":"vincent",
    "languages": ["English","French"],
    "married": False,
    "age": 24
}

with  open('person.txt', 'w') as json_file:
    json.dump(person_dict, json_file)
```
First we import the json module, which provides functions for working with JSON data,We have a Python dictionary called person_dict that contains information about a person, including their name, languages, marital status, and age.

The with open('person.txt', 'w') as json_file: statement opens a file called 'person.txt' in write mode if the file exists it doesn't exist it is created automatically. The with statement ensures that the file is properly closed after we finish using it, even if an exception occurs.

Inside the with block, we use the json.dump() function to write the contents of the person_dict dictionary as JSON data into the json_file. The json.dump() function takes two arguments: the Python object to be serialized (in this case, the dictionary), and the file object to which the JSON data should be written. In this code, the person_dict is written as JSON into the file specified by json_file.

output: you  should  able to see a file created called person.txt and contains the following data.

```
 {"name": "vincent", "languages": ["English", "French"], "married": false, "age": 24}
```
Composables Row Layout
Tags: kotlin, beginners, tutorial
Published: 2023-06-16 11:43:51

hi, Im undertaking the kotlin training provided by Google.
https://developer.android.com/codelabs/basic-android-kotlin-compose-text-composables#7
On the above page it says - "Recollect that you need to pass the modifier parameter to the child elements in the composables. That means you need to pass the modifier parameter to the Column composable."

Yet on this page but earlier, it did not say passing the modifier was needed for the Row composable.

Is 'modifier' not a parameter for the Row Composable and why not please?
GitHub: Unleash the Power of Collaboration and Version Control in Your Coding Journey!
Published: 2023-06-16 11:41:44

## Github: Your New Best Friend in Coding!

Hello there, coding enthusiasts! Are you just starting your journey into the vast world of programming? If so, let me introduce you to a tool that will soon become your new best friend: GitHub!

## Why Use [Github](https://github.com/)?

GitHub is a platform that allows you to store your code online, track changes you make, and collaborate with others. It's like a social network for programmers, but it's also so much more. Here's why you should start using GitHub:

1. **Version Control:** Ever made a change to your code and then realized you liked it better the way it was before? With GitHub, you can easily revert back to any previous version of your code. No more lost work!

2. **Collaboration:** Working on a team project? GitHub makes it easy to collaborate with others. You can see what changes others have made, merge your code with theirs, and even discuss changes before they're made.

3. **Visibility:** Want to show off your projects to potential employers or just share them with the world? GitHub is a great way to do that. You can even host a website directly from your repository!

## Getting Started with GitHub

Now that you know why you should use GitHub, let's get you started with some basic commands. Don't worry, it's easier than you think!

1. **Create a new repository:** A repository (or "repo") is where your project lives. To create a new one, use the command `git init`.

2. **Add files to your repository:** To add a file to your repo, use the command `git add filename` or use `git add .` which will add all the files that have been changed.

3. **Commit your changes:** When you're ready to save your changes, use the command `git commit -m "Your message here"`. The message should be a brief description of what changes you made.

4. **Push your changes to GitHub:** To upload your changes to GitHub, use the command `git push origin master` or plain `git push`.

5. **Pull changes from GitHub:** If you're collaborating with others, you'll want to download their changes. To do this, use the command `git pull origin master`.

And there you have it! You're now ready to start using GitHub. Remember, practice makes perfect. So don't be afraid to experiment and make mistakes. Happy coding!
Converting Python Dictionary to JSON string.
Published: 2023-06-16 11:35:06

In this article you will learn how to convert python to json string.
The code below demonstrates it:

```
import json


person_dict =  {
    "name": "vincent", 
    "age" : 24,
    "profession":"software_Developer"
}

#converting  dictionary to json

person_json = json.dumps(person_dict)

print(person_dict)
```

We import the json module, which provides functions for working with JSON data and  json.dumps() function to convert the person_dict dictionary into a JSON string. 
The json.dumps() function takes a Python object (in this case, the dictionary) and returns a JSON-formatted string representation of that object. In this code, the resulting JSON string is assigned to the variable person_json.

person_dict dictionary, displays the contents of the dictionary, showing the key-value pairs and their corresponding values.

```
output:{'name': 'vincent', 'age': 24, 'profession': 'software_Developer'}
```
Jaw dropping windows effects for Gnome | Linux
Tags: linux, tutorial, opensource, gnome
Published: 2023-06-16 11:15:32

If you're looking for a way to make your Linux desktop look more unique and stylish, then you need to check out the Burn My Windows extension for Gnome. This extension adds incredible Windows-style effects to your desktop, making it look like you're using something amazing.

Here's a sneak peek of what you can expect from this tiny peace of software:

![Effects gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xfunz1k2a57mrn4fbttm.gif)

## What is good and okay about it?

#### Good part

**Animated window opening and closing:** When you open or close an application, it will animate in or out of view.


#### Okay part

**Animated window minimization and maximization:** When you minimize or maximize a window, it will not animate in or out of view, this is because of the how the extension is build. So if you need some animation to that part then you can try out some other extension that are available. However, they won't be as fancy as this one.

These effects are not only visually stunning, but they also make your desktop feel more responsive and fluid. If you're looking for a way to make your Linux desktop look and feel more like a unique desktop environment, then you need to check out the Burn My Windows extension.


## So, How to get it?

To install Burn My Windows, you'll need to have the extensions support in your Gnome desktop environment and extension management tool. For this you can check out these two guides on YouTube.

- [Enabling extension support in Gnome](https://www.youtube.com/watch?v=QQuihkqNVoc)
- [Setting up extension management app](https://www.youtube.com/watch?v=tW4jxLaytKs)

Once you have the above two things done, you can navigate to the extension page and install it in your system. It is pretty easy to do that, just open the below page and click on the toggle button.

- [Burn My Windows](https://extensions.gnome.org/extension/4679/burn-my-windows/)

After going so, use the extension management app to open the installed extensions list and click on the enable toggle button on the right side of Burn My Windows extension. This will enable the effects on your Linux system.

Finally, you can click on the settings button below the extension name to see the list of all available effect and you can preview and enable any one of theme. Also, in this settings dialog, you can change the animation speed, the animation particles, colors, and the other configurations of the effects.

Note: This extension has around 20 effects.

## Complete video guide

{% youtube a9eMib87crE %}


For more on the Linux topic, visit LinuxH2O:
[LinuxH2O Blog](https://linuxh2o.com)
AWS 3-Tier Architecture using Terraform
Tags: devops, terraform, aws, t
Published: 2023-06-16 11:07:26

🚀 Exciting News! I've just published an innovative and amazing Dev post on building a Crazy AWS 3-tier Architecture using Terraform! 🏗️💻

🔥 In this post, I've shared the complete Terraform code for setting up a scalable and robust AWS 3-tier architecture. From creating VPCs and subnets to deploying web servers and databases, it's all covered!

👉 You can find the code and detailed instructions in my GitHub repository: https://github.com/Munikanth5/Terraform_HCL_scripts

🌟 Don't miss this opportunity to explore and contribute to this groundbreaking project. Feel free to leave your feedback and suggestions in the repository's Issues section.
Reading JSON file in Python
Published: 2023-06-16 11:01:29

Suppose, you have a file named` person.json` which contains a JSON object.

```
{"name": "Vincent", 
"languages": ["English", "Swahili"]
}
```
Here is how you  can read the file using python:

```
import json 
 
with open('person.json','r')  as file:
    data  = json.load(file)
      
    print(data)

```
We start by importing the json module, which provides functions for working with JSON data and then   `with open('person.json', 'r') as file:` statement opens the JSON file called 'person.json' in read mode. The with statement ensures that the file is properly closed after we finish using it, even if an exception occurs.
**json.load()**   function is used to load the contents of the JSON file into a Python data structure. The `json.load(`) function takes a file object as input and returns the deserialized JSON data. In this case, the returned data is assigned to the variable data.
**print(data)**  displays the contents of the JSON file, showing the structure and values as a Python data structure.

```
output: {'name': 'Vincent', 'languages': ['English', 'Swahili']}

```
How to Use InheritedWidget in Flutter
Tags: flutter, mobile, tutorial, programming
Published: 2023-06-16 10:56:04

`InheritedWidget` provides a way to share data across the widget tree in Flutter. It serves as a container for data that can be accessed by any descendant widget in the hierarchy. Whenever the data within the `InheritedWidget` changes, it triggers a rebuild of all the dependent widgets in the subtree.

However, besides `InheritedWidget`, there are two other subclasses, `InheritedNotifier` and `InheritedModel`, that offers unique approaches to sharing data in Flutter.

In this article, we will explore each of the subclasses and how they can be implemented by code.


## Table of contents
- What is InheritedNotifier?
  - Defining the Listenable class
  - Creating InheritedNotifier Class
  - Update the state
  - Using the InheritedNotifier
  - Key Points
- What is InheritedModel?
  - Creating the InheritedModel Class
  - Using the InheritedModel
  - Key Points
- Conclusion


## What is InheritedNotifier?

`InheritedNotifier` is a subclass of `InheritedWidget` that combines the capabilities of `InheritedWidget` and `ChangeNotifier`. It propagates changes from a `ChangeNotifier` to descendant widgets. By wrapping `ChangeNotifier` with `InheritedNotifier`, you can automatically rebuild dependent widgets whenever the `ChangeNotifier` triggers updates using `notifyListeners()`.

When creating an `InheritedNotifier`, you need to provide a Listenable object as its notifier parameter, such as `ValueNotifier` for simple objects or `ChangeNotifier` for complex objects.

To better understand the concept, let’s implement the demo.

For full demo access, check out [Canopas Blog.](https://blog.canopas.com/how-to-use-inheritedwidget-in-flutter-5fd64ce52b66)
Microsoft SQL Server Database Migration: Typical Issues I
Tags: sql, mssqlserver, dbmigration
Published: 2023-06-16 07:43:34

Database migrations or tasks related to data replication in other locations, such as backup servers or disaster prevention centers, can cause a lot of work per se, and are also not exempt from small details that expand development times and maintenance of these processes.

An issue that could be typical would be the apparition of "Orphan users". This may occur when the user login in the database is not linked to a corresponding login in the SQL Server instance. This can happen during database restores or when the login is deleted or renamed. In this context, probably it happens when the Database is restored.

The first attempt is usually to map the user in which we have the problem:


![Mapping user and login](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/05hsecmvsd7t3tnrbnsi.png)

And we'll probably obtain this message:

![orphan user error](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hklk6cc7ma80pacpi6wo.png)

Microsoft SQL Server provides an easy and powerful solution for that, it's called "auto_fix option" and consists on executing sp_change_users_login stored procedure, that automatically fixes these "Orphan users" and synchronizes login information between the database and server. The usage an syntax are as follows:
 

```
USE database_name;
EXEC sp_change_users_login 'auto_fix', 'username';
```
Replace database_name with the name of our database where we have this issue and replace 'username' with the name of the orphaned user you want to fix. When we execute this sentence, SQL Server attempts to map the user to an existing login by searching for a login with the same name. If found, it updates the user's SID (Security Identifier) to match the login's SID, and therefore the problem will be resolved.

The principal benefits we can obtain with this type of solution are the automation and batch processing, so we can execute the statement for several orphan users in a single procedure, planning a job (i.e.), etc. saving time and work compared to manual mapping of users to logins.

Finally, in the context of the security and permissions, we have to ensure that the user executing the statement must have appropriate permissions to execute the sp_change_users_login 
stored procedure and update user information, like sa user. And it's important to ensure that the mapping is correct and it's necessary verifying all security requirements of the fixed users, validating that these orphaned user are linked to the identified login before executing the statement.


Hope this helps ;)
David.
Outreachy series: "Everbody Struggles !"
Published: 2023-06-16 10:44:09

Hello readers. I am in my third week of the Outreachy internship. I am working as a Linux-Kernel intern on the project—"Converting kmap() and kmap_atomic() call sites to kmap_local_page()".

As an intern, stepping into a new professional environment can be exciting and challenging. It's a unique phase where one's learning curve is at its steepest. It's essential to recognize that struggles are integral to the journey toward growth and success. In this blog, I will discuss my struggles in these three weeks.


![Snail Celebrating](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pszeoaedgfi9p2lxzii1.png)


Since my first day of the internship, I have encountered various problems and concepts that I need to familiarize myself with. Additionally, I have been learning how to tackle these challenges. Such things are unfamiliar to me, but I am aware that they have been unfamiliar to others during their time as well. However, they managed to overcome them, and I believe I can do the same.

During my first week, my primary focus was reading and understanding the project's concepts. Understanding the official documents proved to be quite challenging. Specifically, I have been reading the highmem kernel documentation since my contribution phase, and I still struggle to comprehend everything written within it. This experience has made me realize the significant value of technical documents as they provide authenticity. The content within these documents is concise, so paying attention to every detail is essential to understand them fully. Consequently, it requires a substantial amount of reading. While these lengthy readings are beneficial in bridging the knowledge gap, they also consume a considerable amount of time, leaving less time for actual hands-on work.

Moving on to my second week, I began working with the code. Seeing the code was both exciting and intimidating. Firstly, understanding the code itself proved to be a challenge. Additionally, finding ways to update the code according to the demands of my project required significant effort and dedication.

Another aspect I am currently working on is overcoming my hesitation to respond publicly while interacting with the Linux kernel maintainers in the mailing lists. It is a process that involves stepping out of my comfort zone and actively engaging with the community.

Despite the difficulties and uncertainties, I am committed to persevering and learning from these experiences. Each struggle I encounter serves as an opportunity for personal growth and development. By embracing these challenges head-on, I am confident that I will gain valuable skills and knowledge throughout my internship journey.
Python JSON
Published: 2023-06-16 10:19:20

In this article you will learn how to parse json in python with help of examples.

Definition of JSON:( java-script object notation) is a popular data format used for representing structured data.
it commonly transmits and receives data between a server and a web application in json format.

1 Parse JSON in Python

```
import json 


person = '{"name":"Bob","langauages":["English","French"]}'

1 #converting the file to json  data 

person_dict = json.loads(person)
#converting the json file to dictionary

print(person_dict)
```
Here is explanation of the code:
We import the json module, which provides functions for working with JSON data and a JSON string called person, which represents information about a person. It contains two key-value pairs: "name" and "languages". The "languages" value is an array containing two elements: "English" and "French".

**json.loads()**: a function to parse the JSON string and convert it into a Python dictionary. This function takes the JSON string as input and returns a dictionary representation of the JSON data.

**person_dict** : we print (person_dict) that  displays the contents of the dictionary, showing the key-value pairs and their corresponding values.

output:
```
Output: {'name': 'Bob', 'languages': ['English', 'French']}
```