teleren/devto huggingface dataset:
How to Darken an Image with CSS
Tags: codenewbie, css, webdev, html
Published: 2020-11-22 18:08:15

There was a time when I had to look everywhere to find out how to make images darker and now I know 3 ways to do this. so lets get to the point.
<br>



<h1>1. Using opacity : </h1>
<br>
Setting the basic:
<img src="https://dev-to-uploads.s3.amazonaws.com/i/o6flqcrhsu4tkdwct2t1.png">

This is the original pic:
<img src="https://dev-to-uploads.s3.amazonaws.com/i/mshaoi9jqjzes2nsdprf.png" title="Mamamoo" alt="Mamamoo Solar">

<br>
Setting css :

First we lower the opacity of the pic 

```css
img {
opacity: 0.5;
}
```

By setting the opacity to 0.5 , the images will turn white(ish)
<img src="https://dev-to-uploads.s3.amazonaws.com/i/7dbpacem8l5t4mgeus56.png">


Now all we need to do to make it darker is to change the background color to black :
```css
ul {
background-color: black;
}
```

<img src="https://dev-to-uploads.s3.amazonaws.com/i/kprp70t7v9zusiebc1vt.png">

<br>
We can use this to create cool hover effect. you can check out the pen that I made 
{% codepen https://codepen.io/nazaneyn/pen/KKMjwEM %}


<h1>2. Using filter property: </h1>
Just use <code> filter: brightness(50%);</code> for the image to lower the brightness.

<br>


<h1>3. RGBA colors: </h1>

Let's say you want to set an image as as background. if you don't darken it ,everything you put on the image like buttons, texts etc will not look cool. you need to darken it to make other stuff stand out 
So how do we do that?
It's simple. let me show you

Setting the basic:

```css
header {
    width: 100%;
    background-image: url(EauDp1hUcAAE-bK.jpg);
    background-position: center;
    background-size: cover;
}
```

<img src="https://dev-to-uploads.s3.amazonaws.com/i/56elp5f2cab8zfavm94w.png">

For making it darker, we add linear-gradient(black,black).
Choose a color and lower the transparency of the color
```css
header {
background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) , url(EauDp1hUcAAE-bK.jpg);
}
```
<img src="https://dev-to-uploads.s3.amazonaws.com/i/5n3eexdc1mubfk0xgqe1.png">

<br>
<br>
To sum it up :
- Use opacity and filter property to darken an image and create cool hover effect with it.
- Use RGBA colors to make your background image darker.

<br>


------------------
You can connect with me on <a href="https://twitter.com/nazanin_ashrafi"> twitter </a>
Why you should become a mobile app developer
Tags: ios, android, career, codenewbie
Published: 2020-11-22 17:46:32

The mobile app industry is huge and the iOS and Android ecosystems are extremely popular. The most popular native programming languages for creating iOS and Android apps are Kotlin, Swift and Java. And when using cross platform React Native and Flutter are rising in popularity among other frameworks. The fact that we have access to so many tools and frameworks makes the bar for entry quite trivial so long as you already know a few programming languages. It is something that anyone can learn. Developing mobile apps is not new and the ecosystems are already quite mature with big named apps such as Instagram, Tik Tok, Twitter among many other established apps. However many companies still require apps for their businesses and there are so many other categories that are ripe for new innovations.

I think one of the biggest reasons for being a mobile app developer is attaining that prestige that comes along with it. Having your own app in one of the major app stores gives you a strong brand awareness as pretty much everyone owns a mobile phone. So if you could get even a few of those people to install your app then you can feel a sense of accomplishment. Like the saying goes Rome was not built in a day so if you can manage to get just a few metaphorical bricks set then you have the groundwork set. The first app that you make does not need to set the world alight. But if you keep at it then eventually some will make a mark. This is a great way to have a passive income too depending on the apps that you make of course.

As many of you know Apple has released macOS Big Sur as well as new Mac's that have the new M1 processors that support native iOS apps on a Mac. So now you can create iOS apps that run on iPhones, iPads, Macs and Apple TV. This also means that using a Javascript framework like Electron for creating desktop apps on a Mac could potentially become obsolete. Everyone knows how big of a resource hog Electron apps can be. Native iOS apps on a M1 are just going to run faster, smoother and you will get better battery life.

Building mobile apps has got to be one of the best ways to build your brand as well as a portfolio. Having your app in an app store gives you a commercial platform to reach your audience. And having a product that you can show to people on your mobile phone not only makes you look like a professional. But it also adds to your credibility as a developer.
Protecting your Cloud Secrets with AWS Secrets Manager
Tags: aws, cloud, cloudskills, cloudnative
Published: 2020-11-22 17:28:51

Securely storing passwords in the cloud is essential for web applications. Secrets Manager is the best way to store and access usernames and passwords in AWS, and in this video I walk through how to create and work with these secrets. Watch this video for more details!

Find the code used in this video here: https://github.com/ryanmurakami/secretsmanager-examples

Table of Contents:
0:00 Introduction
1:04 Previous methods of credential storing in AWS
2:43 AWS Secrets Manager
4:22 Database credential rotation
6:57 Creating a secret in the Web Console
11:13 Retrieving a secret in JavaScript
12:16 Retrieving a secret with the AWS CLI
16:26 Final thoughts

---

🙏 Thanks for taking a look at my content!

📨 Join my newsletter for more: https://ryanlewis.dev

🎥 Subscribe to my [YouTube channel](https://www.youtube.com/channel/UCFqsAphTD7FXKYDCg5zdrOA)!

---

[YouTube](https://www.youtube.com/channel/UCFqsAphTD7FXKYDCg5zdrOA) | [Twitter](https://twitter.com/ryanmurakami) | [GitHub](https://github.com/ryanmurakami) | [Site](https://ryanlewis.dev)
Holding yourself accountable!
Published: 2020-11-22 17:27:23

I have been a user of Fitbits platform for some time now.  I love the dashboard that keeps everything organized, lets you easily set goals and watch your progress to achieve them.  Wouldn't this be so much better if you could break out of the limited selections and keep track of everything that's important?

Enter, ReportCard.  An application I have been wanting to build for a very long time now.  For our phase 2 project in Flatirons Software Engineering program, we were tasked with building an MVC CRUD application that integrates a sqlite3 database with multiple tables containing relationships.

I realized this was my opportunity to build the application I had always wanted to see.

Its main features are providing the ability to create and track as many goals as the user could desire, over as many dates as they wish.  The program lets the user choose if they want to track goals that are "yes / no" achievements, and also quantity tracking goals, for example, tracking miles of running.

The application then normalizes the achievements depending on the date ranges and how often the user targeted to achieve their goals, and gives them a percentage grade and the corresponding letter grade in a report card format.

In the future, I plan to build out feature sets to integrate Fitbits API to grab much more activity data and aggregate it into one place.

Fitbits platform proved to me that data driven results helped remove the "wishful thinking" of achieving a goal.  I hope to provide users a tool to expand on this data driven approach and stay motivated to achieve all their other goals.
Back to the future!!
Tags: watercooler, discuss
Published: 2020-11-22 17:16:50

**Back to the future - II** released today 31 years ago. It was an awesome movie with many awesome gadgets representing future tech.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/n4vs81epbxnfujb6f35g.jpeg)
<hr>

What are some of the technology or software you wished in the childhood is present today?

Another interesting questions is which software or hardware product do you wish to see in the future?

Comment below your suggestions!!
My Story and how I Started loving programming!
Tags: android, programming, codenewbie, beginners
Published: 2020-11-22 17:08:03

Hey guys, My name is Kishore Theeraj currently in CSE's 3rd year at RIT Chennai. I am gonna take you through how I eventually started liking programming even I hated coding to most of it in my school days when I started to get computer science classes. So enough of the boring introduction let's get started!
Image for post

-When I was studying 10th I don't know what to do next, my sister eventually said you like computers brother so take CS group in 11th standard and I did that because Biology and commerce don't exist because I always love mobile phones and computers because my father as a Photo Studio I end up using those computers.

-One thing I hated most in 11th and 12th after the exams are coding classes I literally sleep in those classes. I was the person who secured the least mark in the computer science exam at the 12th final boards in the whole class even though CS is the easy score subject.

-But I ended up opting for B.E. Computer science, see how much guts I should have had. And the hate Story doesn’t even end at 1st Semester Python seems scary and got the 2nd lowest grade and 2nd semester C programming no need to say that same thing and repeated for Data Structures as well.
Okay yeah, bit boring, lets get into the main part of the answer. 

-And here comes 2020 slightly scary year but some good things happened to me. I joined an Android Development coaching from a trainer who I find through quora. he gave me 1:1 Coaching from January. And Special love for my father who bought an extraordinary laptop on December 31st, 2019. Then I started starting learning and exploring Android. He was an amazing Trainer.

-I started Android with just a basics understanding of java no complex topics nothing but eventually fall in love with Android Development. And then coding will automatically your cup of tea.

-So what's happened here, Let me tell you guys whenever you see visually something you are creating that is in few seconds you eventually enjoy it and you keep on try building something new and experiment and this makes us fall in love with programming.

-So guys my piece of advice would start with web development or App development and the move to coding, Data Structures, and Algorithms, or competitive programming:-)

PS: My first blog so please give feedback on any mistakes!
Glimmer Calculator Desktop App Runs On The Web Via Opal
Published: 2020-11-22 16:40:36

Glimmer Calculator (Glimmer DSL for SWT desktop app) finally runs on the web via Glimmer DSL for Opal without needing to change a single line of code. It is completely written in Ruby! Even keyboard shortcuts work!

https://github.com/AndyObtiva/glimmer-cs-calculator

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

This is the future of web development as we know it! You simply build apps for the desktop in pure Ruby and they just work on the web. After all, desktop GUI needs a fraction of the code needed for web GUI, and GUI is GUI whether on the desktop or the web.

Of course, if a company needs special branding, a web designer may still apply CSS wizardry, but there is no need to get the developers involved. They could just focus on development in pure Ruby.

https://github.com/AndyObtiva/glimmer-dsl-opal


























Learn more about Glimmer Calculator over here:

https://github.com/AndyObtiva/glimmer-cs-calculator

Happy Glimmering!
JavaScript Code Daily Challenge #2
Tags: challenge, javascript, codenewbie, beginners
Published: 2020-11-22 16:33:58

# **About**

This is a series of JavaScript Code Daily Challenge. Each day I show a few solutions written in JavaScript. The questions are from coding practice/contest sites such as HackerRank, LeetCode, Codeforces, Atcoder and etc.

> Data Types - #2
> https://www.hackerrank.com/challenges/js10-data-types/problem

```javascript
'use strict';

process.stdin.resume();
process.stdin.setEncoding('utf-8');

let inputString = '';
let currentLine = 0;

process.stdin.on('data', inputStdin => {
    inputString += inputStdin;
});

process.stdin.on('end', _ => {
    inputString = inputString.trim().split('\n').map(string => {
        return string.trim();
    });
    
    main();    
});

function readLine() {
    return inputString[currentLine++];
}
```
> Complete the function in comment
```javascript
function performOperation(secondInteger, secondDecimal, secondString) {
    // Declare a variable named 'firstInteger' and initialize with integer value 4.
    const firstInteger = 4;
    
    // Declare a variable named 'firstDecimal' and initialize with floating-point value 4.0.
    const firstDecimal = 4.0;
    
    // Declare a variable named 'firstString' and initialize with the string "HackerRank".
    const firstString = 'HackerRank ';
    
    // Write code that uses console.log to print the sum of the 'firstInteger' and 'secondInteger' (converted to a Number        type) on a new line.
    
    
    // Write code that uses console.log to print the sum of 'firstDecimal' and 'secondDecimal' (converted to a Number            type) on a new line.
    
    
    // Write code that uses console.log to print the concatenation of 'firstString' and 'secondString' on a new line. The        variable 'firstString' must be printed first.
    
}
```
```javascript
function main() {
    const secondInteger = readLine();
    const secondDecimal = readLine();
    const secondString = readLine();
    
    performOperation(secondInteger, secondDecimal, secondString);
}
```
Three reasons why I love to refactor code
Published: 2020-11-22 16:01:09

After writing some code that works, we look over it. We notice the little things that could be faster, a conditional that doesn't have to be there, logic that could be grouped and even better, code that can be deleted. We make the finishing touches and sit back and admire the fruit of our labor. 

Refactoring is really a joyful activity to me. It accounts for the majority of my satisfaction when I code. A few days ago I had a sudden realization as to why I love it so much. 

## Refactoring is self-improvement

I love self-improvement. Especially when I can see it. When I play an instrument, there's a huge amount of satisfaction in the obvious improvements. The same applies for coding. The tidying up I do makes me feel like I just cleaned my room! 

Overtime, the refactors I would do after I finish a piece of code become embedded in my first drafts. It becomes more and more apparent as you look over your code how you've grown. Am I the only that gets excited when I see good looking code? 

## Refactoring someone else's code (with permission) is teaching 

When someone asks you to improve their code, it's a teaching opportunity. You're able to explain through action the words that are usually hard to explain. Often times, I learn more than I teach when I touch someone else's code. In the end, it's a net positive. Don't do this when not asked though, it's not a pleasant experience to see your hard work changed without warning!

## Seeing my code refactored is my favourite learning experience

I love when my code is refactored. To me it's like async pair programming. I get to see how someone would solve the same problem, and since I would say that I'm not very creative, it's the inspiration I need for future similar problems. 


Do you like to refactor? Let me know why!
Using Helm Install Botkube Integrate With Slack On EKS
Tags: kubernetes, eks, botkube, helm
Published: 2020-11-22 15:59:43

[botkube.io](https://www.botkube.io/installation/slack/)
[Github repo] (https://github.com/infracloudio/botkube)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vcyy0wxtsqmeyi1im3sg.jpg)

**1. Install botkube**
```
helm install --version v0.11.0 --name botkube --namespace botkube \
  --set communications.slack.enabled=true \
  --set communications.slack.channel=botkube-channel \
  --set communications.slack.token=xoxb-123456 \
  --set config.settings.clustername=prod-us-east-1 \
  --set config.settings.allowkubectl=true \
  --set image.repository=infracloudio/botkube \
  --set image.tag=v0.11.0 \
  infracloudio/botkube
```

**2. Check the pod with namespace `botkube`**
```
kubectl get pod -n botkube 
NAME                       READY   STATUS    RESTARTS   AGE
botkube-6b46496f87-xmjk8   1/1     Running   0          45h
```

**3. Use slack to interact with botkube**
- It requires to add BotKube into app of slack workspace
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/kd3foconxr5vd9zdur9e.png)

- Get pod through slack
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0jq941gnnwxibacfdnk5.png)
M3O - A platform for API driven services development
Tags: api
Published: 2020-11-22 15:52:39

---
title: M3O - A platform for API driven services development
published: true
description: Build APIs in minutes
tags: api
//cover_image: https://direct_url_to_image.jpg
---

Most of the time API development itself is not challenging. It's booting and managing the infrastructure and workflow for those APIs. [M3O](https://m3o.com) is a new platform for API driven services development. Write your API in Go. Push the source directly or from a public Git server. Watch it become publicly routable in seconds. No ops needed.

https://m3o.com
Some Cheat Sheets
Tags: personaltips
Published: 2020-11-22 15:51:21

<sub><span>Photo by <a href="https://unsplash.com/@dmjdenise">Denise Jans</a> on <a href="https://unsplash.com/s/photos/compass">Unsplash</a></span></sub>

I have found some Cheat Sheets on twitter.

- Wireshark
![Wireshark](https://dev-to-uploads.s3.amazonaws.com/i/c8kkekw9zh7n66npmrqt.jpg)

- Linux command
![bash](https://dev-to-uploads.s3.amazonaws.com/i/a0ee6ktsiqyvlsx7rv1d.jpg)

- Windows cmd
![Windows cmd](https://dev-to-uploads.s3.amazonaws.com/i/w55ahxwki2lp8rqrufic.jpg)

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

- [Kubernetes](https://linuxacademy.com/site-content/uploads/2019/04/Kubernetes-Cheat-Sheet_07182019.pdf?opt_id=undefined)


Hope this helps!
Day 3 -> 40 days of code.
Published: 2020-11-22 15:49:40

Anonymous function
In general we can say that the function which haven't any name are known as anonymous function.
Let's see what does it mean
General function have their function name 
eg. 
function printdata ()
{
console.log('general function');
}
printdata();

On The other hand we have anonymous function which haven't any name.In JavaScript we store function in some variable name which is known as anonymous function.
eg.
const printdata = function()
{
console.log('Anonymous function');
}
printdata();

Usage:
- Anonymous function are passed as an argument to other function.

And if you have unconventional output don't be afraid of it.
This is the first step to learn something new.
Sometimes unconventional code/output brings great idea to solve bugs.
eduAlgo: Awating contributors
Tags: opensource, python, flutter, webdev
Published: 2020-11-22 15:19:17

## What is eduAlgo?
We are an open-source organization named [eduAlgo](https://edualgo.github.io/organization/) focused on making algorithm learning easier for python developers especially for the beginners by creating modules in the python package [eduAlgo PyPI](https://pypi.org/project/eduAlgo/). Other than this, we are having a few opensource projects, which are participating in numerous of opensource programs as organization projects. Not only this, we are in a process to design courses and modules for beginners to learn DSA in python.

#### Why Python?
Python is easy to use, powerful, and versatile, making it a great choice for beginners and experts alike. Python’s readability makes it a great first programming language, it allows you to think like a programmer and not waste time with confusing syntax.

#### Why OpenSource?
Open-source licensing encourages innovation through collaboration. Without it, many of the technologies we take for granted today would never have developed or would be locked away behind patent law. The open-source movement is the reason that technology has developed at such a breakneck pace for the past few decades.

## How to use the package?

A short demonstration of the package in action can be seen below,

{% youtube C39M8KwwZ6U %}

This python package is open-sourced and published publically on python packaging Index(PyPI).

### Repositories

1 - **Python Package**
{% github eduAlgo/eduAlgo no-readme %}

2 - **eduAlgo App**
{% github eduAlgo/edualgo-app-demo no-readme %}

3 - **Documentation**
{% github eduAlgo/documentation no-readme %}

### How to contribute ?

We are very fond of developers out there, we want them to contribute and grow along with us. The contributions that our developers have made previously are precious and we are glad to have them here.

To contribute in our projects get in touch at - founder.edualgo@gmail.com

### A better demonstration

{% youtube j4A3OV8KJEQ %}
Creating Postman Collections
Tags: postman, api, testing, beginners
Published: 2020-11-22 15:42:39

Postman Collections allow you to group multiple requests together which you can store in folders and reuse later on as needed.

### **Advantages of using Postman Collections**
Postman Collections gives you the following advantages:

- Keeps your workspace organized. You can keep all your requests in one location so that you can reuse them whenever you need.
- Share collections with your teammates for easier collaboration. For example – if you create a signup API request with user details in the body, when you share the collection they will have access to the same information
- Postman can generate API documentation by taking advantage of the collections
- Run your collections together. For example, if you have 10 API requests in your collection, you can now run all of them together instead of running each one of them individually and you can then automate your test runs using collections

Collections are a really powerful concept in Postman and understanding how to create and use collections effectively will really help you a lot in API testing.

---

### **Check out the video below to learn more about Postman Collections –**
{% youtube PBTYdZYrcQQ %}
Note: in the video above, we are using Trello APIs to demonstrate the Collections example. Check out this video to set up your Trello API key and token – https://youtu.be/n4aBczKjINo

---

#### To learn about API Test Automation using JavaScript, check out my free tutorial series here –
[JavaScript API Test Automation Tutorial Series](https://www.youtube.com/watch?v=ZSVw3TyZur4&list=PL6AdzyjjD5HDR2kNRU2dA1C8ydXRAaaBV)

---

I hope this video helped you out, let me know if you have any questions in the comments below!

Happy testing! 

...

📧 Subscribe to my [mailing list](https://automationbro.com/mailing-list) to get access to more content like this 
👍 Follow @automationbro on Twitter for the latest updates
Shorter Commutes 🚗 or Work from Home 🏡
Tags: discuss, productivity, watercooler
Published: 2020-11-22 15:35:33

---
title: Shorter Commutes 🚗 or Work from Home 🏡
published: true
description: If you had a choice to choose between them which is your obvious choice 
tags: discuss, productivity, watercooler
//cover_image: https://direct_url_to_image.jpg
---

Yesterday I was listening to this interesting podcast, Topic was whether [Work from home](https://xenox.dev/covid/) can be the new normal. As a lot of big companies are planning to go completely remote soon few still prefer offices. Commutes more than 45-60 min sucks but shorter commutes help to keep that work-life balance in place, that was their argument. 

What's your take on this? If Given the chance what will your choose.  ***Shorter Commutes to Office*** or ***Work from Home*** or Combination of both, and why?

![](https://media.giphy.com/media/ly69OqtnnQg2k/giphy.gif)