teleren/devto huggingface dataset:
Snack
Tags: frontendchallenge, devchallenge, css
Published: 2024-03-26 13:38:53

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Favorite Snack</title>
  <style>
    .snack {
      width: 150px;
      height: 100px;
      background-color: #F9BF45;
      border-radius: 50% 50% 0 0;
      position: relative;
      overflow: hidden;
    }
    .snack::before {
      content: '';
      position: absolute;
      width: 80%;
      height: 80%;
      background-color: #FFCC00;
      border-radius: 50%;
      top: 10%;
      left: 10%;
    }
    .snack::after {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: #FF6F61;
      border-radius: 50%;
      top: 40%;
      left: 20%;
    }
  </style>
</head>
<body>
  <div class="snack"></div>
</body>
</html>
Snack
Tags: frontendchallenge, devchallenge, css
Published: 2024-03-26 13:38:52

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Favorite Snack</title>
  <style>
    .snack {
      width: 150px;
      height: 100px;
      background-color: #F9BF45;
      border-radius: 50% 50% 0 0;
      position: relative;
      overflow: hidden;
    }
    .snack::before {
      content: '';
      position: absolute;
      width: 80%;
      height: 80%;
      background-color: #FFCC00;
      border-radius: 50%;
      top: 10%;
      left: 10%;
    }
    .snack::after {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: #FF6F61;
      border-radius: 50%;
      top: 40%;
      left: 20%;
    }
  </style>
</head>
<body>
  <div class="snack"></div>
</body>
</html>
One Byte Explainer: Web MIDI API 🎹
Tags: frontendchallenge, devchallenge, javascript, webdev
Published: 2024-03-26 13:38:25

_This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature._

## Explainer

> The Web MIDI API connects browsers to MIDI devices, enabling interactive music creation and control directly in web apps. With user permission, it turns your browser into a versatile musical instrument or controller hub.

## Additional Context
- [What is MIDI?](https://blog.landr.com/what-is-midi/)
- [W3C Working Draft](https://www.w3.org/TR/webmidi/)
- [Browser support ⚠️](https://caniuse.com/?search=Web%20MIDI%20API) 

A few years ago I built [allthemidi](https://allthemidi.com), a suite of WYSIWYG apps to build custom MIDI controllers, leveraging the Web MIDI API for its core functionality.

My goal was to make it available as an iOS app for my iPad. However, due to Safari's lack of support for this API at the time, I had to engineer a workaround that facilitated communication between the browser and the native client. 

Building the the bridge between JS to Obj-C/Swift bridge was challenging but once I figured it out it was music to my ears  🎹🎶🥳 I ended up publishing different apps for each controller type (knobs, faders, pads & toggles).

![allthemidi_iPad_apps](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z51tccfxpbh0wnuvn6f9.png)


The iOS apps are not available in the AppStore anymore simply to avoid the yearly developer's license. For now you can enjoy the [web version](https://allthemidi.com/#/allthemidi) ✨
Meetup #58: Precompose vs Decompose vs Voyager en KMP
Published: 2024-03-26 13:31:05

Hola 👋 Android Devs,
El 25 de Enero, se realizó el primer meetup (online) del 2024 de las comunidades Android Dev Perú y Perú KUG (Kotlin User Group).

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

🗣️ Expositor: [Andrés Escobar](https://www.linkedin.com/in/andres-escobar-villa/) 🇵🇪 (síguelo en LinkedIn)
🗒️ Tema: "Precompose vs Decompose vs Voyager en KMP"

En esta charla, Andrés nos contó:

- Preview de su website realizado con [Kotlin Wasm](https://kotlinlang.org/docs/wasm-overview.html)
- [Kotlin Multiplatform](https://www.jetbrains.com/kotlin-multiplatform/) (KMP)
- Alternativas para navegación en KMP
- [PreCompose](https://tlaster.github.io/PreCompose/) 
- [Voyager](https://github.com/adrielcafe/voyager)
- [Decompose](https://github.com/arkivanov/Decompose)

Para más detalles, pueden ver la charla en [youtube](https://www.youtube.com/watch?v=E9UH3_LRjmk&t=5s)

No olviden de suscribirse al [canal de la comunidad en youtube.](https://www.youtube.com/@AndroidDevPeru)
Issue 37 of AWS Cloud Security Weekly
Tags: security, aws, cybersecurity, newsletter
Published: 2024-03-26 13:26:27

(Summary of Issue 37 of AWS Cloud Security weekly @ https://aws-cloudsec.com/p/issue-37)

**What happened in AWS CloudSecurity & CyberSecurity last week March 18-25, 2024?**

- Amazon WorkMail now offers Audit Logging functionality, enabling users to gain insights into their mailbox access behaviors- including logs for authentication, access control, and mailbox access via Amazon CloudWatch Logs, Amazon S3, and Amazon Data Firehose. Additionally, CloudWatch will furnish new mailbox metrics for WorkMail organizations. This feature empowers administrators to investigate instances where users encountered issues accessing their mailbox, pinpoint the IP addresses associated with specific mailbox accesses, and identify actions such as moving or deleting mailbox data. Administrators can establish alarms to notify them when authentication or access failures surpass predetermined thresholds, as well as tailor processing for the logs, which are delivered as JSON records
- AWS Secrets Manager now allows you to to generate and rotate credentials for Amazon Redshift Serverless- making it easier to establish and automate credential rotation for their Amazon Redshift Serverless data warehouse.
- In the AWS GovCloud (US) regions, Amazon Kinesis Data Streams now supports resource-based policies. This enables you to, for example, process data ingested into a stream in one account using an AWS Lambda function in another account.
- Amazon EMR Serverless has expanded its coverage to include FedRAMP Moderate compliance in the US East (Ohio), US East (N. Virginia), US West (N. California), and US West (Oregon) Regions. This means that you can utilize EMR Serverless to execute Apache Spark and Hive workloads while adhering to FedRAMP Moderate standards.
- Amazon DynamoDB has introduced support for resource-based policies, aiming to streamline access control for your DynamoDB resources. Through resource-based policies, you gain the ability to specify Identity and Access Management (IAM) principals and define their permitted actions on a resource. These policies can be attached to either a DynamoDB table or a stream. When attaching a resource-based policy to a table, you can encompass access permissions for its indexes. Similarly, attaching such a policy to a stream allows for access permissions specific to the stream. Furthermore, resource-based policies facilitate the simplification of cross-account access control, enabling the sharing of resources with IAM principals across different AWS accounts.


**Trending on the news & advisories:**

- Bringing Access Back — Initial Access Brokers Exploit F5 BIG-IP (CVE-2023-46747) and ScreenConnect by Mandiant. 
- CISA, FBI, and MS-ISAC Release Update to Joint Guidance on Distributed Denial-of-Service Techniques.
- CISA: PRC State-Sponsored Cyber Activity: Actions for Critical Infrastructure Leaders.
- Google security- Vulnerability Reward Program: 2023 Year in Review. Link.
The Benefits of Obtaining a SPOTO Certification for IT Professionals
Published: 2024-03-26 13:08:48

[spoto certification](https://spotocertification.com/) experienced instructors and comprehensive study materials will help you build the knowledge and skills needed to pass the certification exams with confidence. Practice, Practice, Practice: Practice is key to mastering the concepts covered in SPOTO certification exams.

 Take advantage of practice exams and lab simulations provided by SPOTO to reinforce your understanding of the material and familiarize yourself with the exam format. By consistently practicing and honing your skills, you'll be better prepared to tackle the real exam. Stay Updated: [spotocertification](https://spotocertification.com/) Stay informed about the latest developments in the IT industry and the evolving certification landscape. Follow industry blogs, participate in forums, and engage with other professionals to stay updated on emerging trends, technologies, and certification requirements. SPOTO regularly updates its certification programs to reflect industry changes, so staying informed is essential for success. 



CLICK HERE FOR MORE INFO>>>>>>>>>>>>>>>  https://spotocertification.com/
CSS Art: Favorite Snack 🍫
Tags: frontendchallenge, devchallenge, css
Published: 2024-03-26 13:06:13

_This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack._

## Inspiration 
Smores, CSS & more… (but no JS!⚡️)

## Demo
Click to assemble! ✨
{% codepen https://codepen.io/sergimiral/pen/BaEZZvG %}

## Journey
I didn't have much time to put this together and I've only tested in on Chrome so far. I might still do some tweaks before the deadline ;)
What is the real effect of GitHub Copilot on developer efficiency?
Tags: programming, github, news, productivity
Published: 2024-03-26 13:00:00

## What is the real effect of GitHub Copilot on developer efficiency?

Recently, a study analysed 2,631 survey responses from developers using GitHub Copilot, based on the SPACE framework, comparing their feedback with data from the integrated development environment (IDE). The study found that the rate of accepting suggested changes serves as a more precise measure of perceived efficiency.

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

The SPACE framework outlines five aspects of productivity: Satisfaction and well-being, Performance, Activity, Communication and collaboration, and Efficiency and flow. Excluding Activity, the study explored these domains through 11 statements. Participants were asked questions regarding their proficiency with the programming language most used with Copilot and their overall programming experience.

**Key findings include:**

- GitHub Copilot significantly boosts developer efficiency across all levels of experience, with the most notable benefits seen in junior developers.
- The benefits of AI-assisted coding have been confirmed across various productivity aspects, such as task length, output quality, cognitive load, satisfaction, and learning.
- While expert engineers may not necessarily write better code with Copilot, it can enhance their overall productivity.
- The value of Copilot's suggestions lies more in their ability to inspire further work than in their sheer accuracy.
- Junior developers report not only greater productivity improvements but also a higher rate of accepting suggestions.
- Observations show higher acceptance rates of Copilot's suggestions during weekends and post-work hours, after 4:00 pm.

*Research paper [here](https://cacm.acm.org/research/measuring-github-copilots-impact-on-productivity/)*
Terraform case study
Tags: terraform, iac, casestudy
Published: 2024-03-26 12:58:05

**AWS Case study :**

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


Step 1 : Create one EC2 in AZ A in Ireland region
Step 2 : Create one more EC2 in AZ B in Ireland region
Step 3 : Create a target group and add two EC2 instances to target group
Step 4 : Create a Application load balancer
Step 5 : Render the ALB url and difference the url hits going to EC2 in AZ A and AZ B.
Coupa’s R39 Release Is Coming Up: Are You Prepared?
Tags: coupa, r39, release
Published: 2024-03-26 11:53:58

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/itd77onihfu6ifue74g1.jpg)
Coupa’s R39 Release is around the corner! Enterprise customers are wondering what new features and functionalities they’ll receive with this major update. Opkey’s in-depth R39 Advisory Document is on the way, but in the meantime, here’s a walkthrough of how the update works and how test automation can enable your easiest release yet.  

The tentative Coupa R39 Release date is April 22, 2024 (Wave 0 and Wave 1) or April 29, 2024 (Wave 2). The release will hit your sandbox instances on this date.  

**Why there’s a need of preparation for Coupa Release R39**  

Coupa rolls out three major releases per year. These are mandatory for all customers. It is recommended that each update is thoroughly tested to ensure that it does not negatively impact existing business operations.

**Opkey for Coupa Testing: Coupa R39 Release**

Opkey is the industry's leading Coupa test automation tool and an official Coupa partner. Coupa customers across industries are saving time, money, and effort on each release with features like No-Code test creation, self-healing scripts, and seamless reporting.  

The best part? Opkey's No-Code test automation platform allows both business and IT users to create tests with a visual, drag-and-drop interface. No coding experience is necessary. This breaks down bottlenecks and limitations between teams, allowing you to save time and money on labor costs while speeding up testing overall.
"Day 50 of My Learning Journey: Setting Sail into Data Excellence! Today's Focus: Maths for Data Analysis ( Per & Comb- 5)
Tags: data, dataengineering, datascience, analyst
Published: 2024-03-26 12:50:06

PERMUTATION AND COMBINATION - 5



Permutation = arrangement of object 
Combination = selection of object


Different Object & Alike Object

Different object -
 Eg :-  a,b,c,d.

Alike Object -
Eg :- a,a,a,a.


Permutation = arrangement of object 
Types :- 
	Permutation / Arrangement of Different object
		Eg :- Permutation / arrangement of ‘n’ different objects is given a factorial of ‘n’.
	Permutation / Arrangement of Alike object
		Eg :- permutation of ‘n’ different objects is given a factorial of ‘n’.


Combination = selection of object
Types :- 
	Combination / Selection of Different object
		Eg :- permutation of ‘n’ different objects is given a factorial of ‘n’.
	Combination / Selection of Alike object
		Eg :- permutation of ‘n’ different objects is given a factorial of ‘n’.


NUMERICAL





Q :- 4 BOYS & 4 GIRLS are to be arranged in a straight line. In how many ways this can be done.
Answer the following and fulfil the condition. 

Without any restriction

It means 8 objects = 8!





If all boys are together
	
	Box method : - 
	Boys can be arranged 4! ( internal arrangement inside box )

	Girl + boy box = 5!

	Answer = 4! * 5!




If all boys are together & all girls are also together.

	Box method : - 
	Boys can be arranged 4! ( internal arrangement inside box )
	Girls can be arranged 4! ( internal arrangement inside box )

	Girl box + boy box = 2!

	Answer = 4! * 2! * 2!







If boys are separated ( no two boys are together )

	GAP method : - 
	Girls can be arranged 4! 
	BOYS are arranged in Gap = ( total Gap = 5 ) 

	Answer = 4! * 5*4*3*2





If no two boys are together , no two girls are together.
	GAP method : - 
	Girls can be arranged 4! 
	BOYS are arranged in 4! 
	Gap must be maintain = 2

	Answer = 4! * 2 * 4!



🙏 Thank you all for your time and support! 🙏
Don't forget to catch me daily at 6:30 Pm (Monday to Friday)for the latest updates on my programming journey! Let's continue to learn, grow, and inspire together! 💻✨
The difference between parameters and arguments in Javascript
Tags: javascript, beginners, programming, womenintech
Published: 2024-03-26 12:39:36

The difference between parameters and arguments in Javascript is one that puzzles many beginners, myself included. It's an important concept that might take a bit of time to grasp; there have been more than a few times that I've been writing functions or reading others' code and I've asked myself where the parameter was defined, only to remember that a parameter doesn't need defining.

Let's break it down....

_A **parameter** is the name given to an element at its time of declaration._

It doesn't need defining. A parameter is a stand-in value that represents what will be there once the function is called. It could be anything, but it's typically best to name it something that's representative of what will be there _eventually_. It's defined inside parentheses () next to the function they're used for (this is the _function declaration_).

Then there's arguments:

_An **argument** is the actual value supplied to the parameter (what will be there eventually). This occurs when the function is called (or invoked) -- AKA when the function is used later in your code._

So, a parameter is sort of a poser, while the argument is the real deal.

Here's an example:

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

In this code, the word 'data' represents the parameter. Let's see it in use: 

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

The word 'argument' is what is passed in for the parameter when the function is called. When you are writing the code itself, the parameter isn't defined; it's a placeholder for the argument. This allows the function (in this case, learningParameters) to be used again and again, with _different arguments._ 

But what if there are two parameters, or you're given a deliverable that requires two arguments?

When you have a function with _two parameters_, it means that the function expects to receive _two arguments_ when it's called. Here's a visual:

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

Let's do an example with numbers instead of words:

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

It's the same!

_Typically_, if you want three arguments, you would provide three parameters. However, this isn't always the case; sometimes there's only one parameter, but three arguments will be passed. It's important to adopt a level of flexibility when writing with JavaScript. 

It took me a while to wrap my head around this. It seems like such a basic concept, but I sometimes still need reminding -- just yesterday I caught myself looking for a parameter's definition in my own code, and then remembered it's just a placeholder for the data to come! Once you've caught on, you'll be able to continue tackling more and more difficult concepts. 

You've got this!
show percentage symbol in values fields in Odoo
Tags: odoo
Published: 2024-03-26 12:33:03

if you like to show the percentage symbol in the value field, you can do the below code 

```
  <field name="field_name" widget="percentage"/>
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/efhf47blyv65t56w9zko.png)
Preventing Sensitive Data Exposure During Electronic Signature Processes in Single Sign-on Applications
Tags: security, cybersecurity, electronicsignature
Published: 2024-03-26 12:24:03

In my previous blog post ([Streamlining Electronic Signatures with Single Sign-on Application](https://dev.to/louis7/streamlining-digital-signatures-with-sso-login-3cn4)), I discussed the utilization of RelayState for context preservation. However, in the realm of cybersecurity, it's crucial to acknowledge the potential risks associated with passing unencrypted strings via RelayState, as it can expose sensitive information to unauthorized parties.

Consider a scenario where an individual manipulates the record ID to provide their signature for a record they lack authorization for, or injects malicious code into your application. In practical terms, your application might require saving more content in the context, meaning that storing this information in plain text could expose even more sensitive data.

A common practice is to generate a random key, map it to the relevant context, and securely store it, typically in a database or cache storage. I prefer to store it in the cache due to the transient nature of the data. There is no need for persistent storage since the electronic signature process is generally brief. Upon receiving the SAML response from the identity provider (IdP), your application can retrieve the context mapped to the random key. This approach ensures that even if an interceptor captures the SAML request, they cannot access sensitive information as the request does not contain any external data. Moreover, since the key is randomly generated, it's virtually impossible for an external entity to replicate it.

Nevertheless, it's essential to pay attention to the content that RelayState brings to you. Be prepared if the returned value is not mapping to any saved context. Treat it as user input and sanitize it before using it.
Requesting guidance to the right direction
Tags: webdev, python, ai, devops
Published: 2024-03-26 12:17:34

Dear @arjuncodess & Friends,

My name is Anwar Jabbar, and I have over 25 years of experience in IT across various fields such as programming, networking, hardware, design, and IT management. I have worked as an IT manager for 17 years and am currently employed as a Support Engineer for IT Retail.

Programming has always been my passion, and I continue to pursue it with enthusiasm, eager to learn about new technologies and advancements in the field. I have knowledge in HTML/CSS/JavaScript, Visual Basic, VBA, and proficiency in Excel and SQL.

If anyone at @arjuncodess could kindly guide me on where to start if I wish to pursue a career in data science and/or Azure/Cloud technologies, I would greatly appreciate it.

Could someone please assist@ 
@arjuncodess hope you will be able to
 Thanks 

Thank you very much.
Favicon Helper, AI superpowered icon generator
Published: 2024-03-26 12:12:26

Favicon Helper is an innovative, AI-powered icon generator, expertly designed to revolutionize the way you create favicons. With its advanced algorithms and intuitive design interface, this tool empowers users to generate visually stunning favicons in mere seconds. Whether you're a seasoned designer or just starting out, Favicon Helper offers a seamless experience, providing a plethora of customization options and creative control, ensuring that your website stands out with a unique and eye-catching favicon.

Try Us: https://FaviconHelper.com