teleren/devto huggingface dataset:
Flutterwave the best online Payment Platform.
Published: 2019-09-27 11:24:19

Have you ever wondered a life where here in Nigeria and other West African countries, we can purchase anything we want and make any kind of payment in the world without stress? The solution is Flutterwave.

Flutterwave has two basic products namely; Rave and Barter.
Rave: 
This is a complete integrated global payments platform that works with a simple payment link and also manage payouts for hundreds of people.
It is trusted, functional, reliable, cost-effective, supports over 150 currencies and enables customers to accept a range of payment methods from all over the world.

Payment Methods for Rave include card payments, bank account payments, and mobile wallet payments.

Rave is now connected to tools like Xero, Quickbooks, Sage and Zoho to help local and international customers better fast track their expenses and sales.
Towards the tail end of 2018, Rave implemented a new checkout button which is smart, data-driven, and tailored to fit the needs of both the merchant and merchant's customers.

Barter:
This is a mobile application that is designed to help customers focus more on enjoying life and less on how to spend, send and borrow money. Here, you can add your bank account to the application dashboard and manage funds in your local currency and get detailed reports that show your spending pattern.

Barter which started off as a web app designed to help local customers create instant VISA & Mastercards for everyday international merchant payments transformed into a powerful application that allows users to pay bills, buy tickets, send money, and create instant VISA Cards.
Today it has over 30,000 customers.

Pros and Cons of Flutterwave Solutions.

Some Pros identified are:

Different currency transactions can be used on the Rave platform which provides users dollar cards and enable online payments across several international platforms like Amazon, Facebook, eBay.

It encourages Zero setup fee policy for integration. This is an incentive for SMEs and startups.

Users have the option of account transfer or debit card transaction.

Some Cons identified are:

Possibility of Channel or Network-based transaction failures.

Since flutterwave products are still improving there are so many bugs thereby requiring lots of new updates to fix. By extension, thus translates into large internet data consumption for the users.

Point of sale (POS) machine is not required which creates a challenge for 
companies that handle offline sales.

Are you ready for the future? The future is here and Flutterwave is the answer.
A 4-day workweek?
Tags: discuss
Published: 2019-09-27 11:13:32

---
title: A 4-day workweek?
published: true
tags: discuss
cover_image: https://thepracticaldev.s3.amazonaws.com/i/pojglm3ls056szu75jrr.jpg
---

Recently, I came across the following article on [The case for a 4-day workweek](https://www.vox.com/2019/9/13/20862246/future-of-work-4-day-workweek). 

What are your thoughts? How would your productivity alter by working one less day per week but getting paid the same? 💵
metrics your test code coverage in Rails
Tags: rails, gem
Published: 2019-09-27 10:59:33

---
title: metrics your test code coverage in Rails
tags: rails, gem
published: true
---

## 🔗 Parent Note
{% link n350071/my-rails-note-47cj %}

## What is it?
[simplecov](https://github.com/colszowka/simplecov)
>SimpleCov is a code coverage analysis tool for Ruby.


## How to use
### Install
```ruby
#Gemfile
group :test do
  gem 'simplecov'
end
```

### Setting
```ruby
#spec/rails_helper.rb
require `simplecov`
SimpleCov.start do
  add_filter %r{/spec/}
  add_group "Service", "app/services/"
end
```

### Result
Simplecov will make a file at `coverage/index.html`.  
You can see it on your browser.

## My use case
Simplecov is also good to check Authorization gems work.  
My project was a mess, and there are many wholes of [pundit](https://github.com/varvet/pundit)(it's like banken) settings.
CSS white-space Property Explained
Tags: css, html, webdev, frontend
Published: 2019-09-27 10:59:02

---
title: CSS white-space Property Explained
published: true
description: 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/zjyww7kl0lew2kgx7q8t.gif
tags: #css #html #webdev #frontend
---

When we add content to a specific HTML document, sometimes we add some unstructured content (eg: extra white spaces, breaks) that can't be displayed correctly in the browser.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/zjyww7kl0lew2kgx7q8t.gif)

As we see from the previous image that the browser by default doesn't render these extra spaces and breaks. However, if we want to handle that manually we can use the CSS property `white-space` which helps us to control the white spaces processing.

Following the possible combinations that can be used as a value of `white-space`:

## normal

```css
h1 {
  white-space: normal;
}
```

Render line break characters as a white space, excluding the `<br>` tag which will be rendered normally as single line break, then all the extra whitespaces will collapses into one space.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/qdpl5jjjil00ttyflsw9.jpg)


## pre

```css
h1 {
  white-space: pre;
}
```

Line breaks characters render normally, text will not be wrapped, plus the extra white spaces will be preserved.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/98l9nq98x2jx3hs0jcwt.jpg) 

## nowrap

```css
h1 {
  white-space: nowrap;
}
```

Behaves like `normal` value where it preserve the text to collapse, the text will not be wrapped except if we use a tag like the single line break `<br>`.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/ktwf3l4w1qgl0h4kxe70.jpg)


## pre-wrap

```css
h1 {
  white-space: pre-wrap;
}
```

Preserve the white space, and allows text wrapping.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/8qfu1ms2gvve2kyr91yc.jpg)

## pre-line

```css
h1 {
  white-space: pre-line;
}
```

Extra white spaces are collapsed (form a single white space), line break preserved, and allows text wrapping.


 ![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/z3mpuauir9j9w1iekw38.jpg)
Tips to be Successful in your Career
Tags: education
Published: 2019-09-27 10:27:13

Everyone finds a career for themselves, so many of them work hard too. But do all of them attain extraordinary success? No, because many times the hard work and effort they put in are not worth. You might think to wonder why we say so. This is because people often plant efforts in the wrong areas. To break in down in simple words, people chose career fields without understanding or realizing their strengths and personal choices. It is very important that a person recognizes this unique strength. The unique strength is considered as your quality and ability in which you are best. One needs to find his strong point that will help him succeed in his career. If you find your strength, the next thing you should do is to Perfect it. So now you know what you are capable of doing and you can do it perfectly. 

Another important aspect in building a successful career is setting you is long term or permanent goals. One must always have a target set and he must work continuously work towards completing the same. In order to attain a successful career, one must understand that it is a gradual and time consuming process. One must be patient and work consistently in specific patterns. You must not involve yourself in many different activities but instead concentrate only one the one unique strength that you have. To be successful one may require some guidance or help, never hesitate to ask for help, appreciate those who offer to help! You must always have a positive attitude towards success.
Get in touch with https://sites.google.com/site/bestessaywritingservicereview/ for more tips.
The Tea Set
Tags: css, graphics, html
Published: 2020-05-11 15:51:24

---
title: The Tea Set
published: true
date: 2019-09-27 09:45:00 UTC
tags: CSS,Graphics,HTML
canonical_url: https://drmsite.blogspot.com/2019/09/the-tea-set.html
---

{% jsfiddle https://jsfiddle.net/annoyingmouse/3pkodnut result %}

[The Tea Set](https://www.facebook.com/left12/) recently released their latest album [Back in Time for Tea](https://www.amazon.co.uk/Back-Time-Tea-Set/dp/B07T7DL9J1/ref=sr_1_1?crid=HZH0DY3K8MKY&keywords=the+tea+set+back+in+time+for+tea&qid=1569577048&sprefix=the+tea+set%2Caps%2C152&sr=8-1), and I thought I'd have a play with one of their old logos. I spent ages working out the SCSS mixin, but I'm pleased with the result.

This is the mixin and its usage:

```scss
$main-duration: 10s;
$base-percentage: 3%;
@mixin animate_movement($initial, $id, $main-duration, $delay, $duration) { 
  $animation-name: unique-id() !global; 
  @keyframes #{$animation-name} { 
    0%,
    #{$delay * $base-percentage} { 
      transform: $initial; 
    } 
    #{($delay + $duration) * $base-percentage},
    100% { 
      transform: translate(0px, 0px); 
    } 
  } 
  ##{$id} { 
    transform: $initial; 
    animation: $animation-name $main-duration linear infinite alternate; 
  }
}
@keyframes scale-in-top { 
  0% { 
    transform: scale(0); 
    transform-origin: 50% 0%; 
    opacity: 1; 
  } 
  100% { 
    transform: scale(3); 
    transform-origin: 50% 0%; 
    opacity: 1; 
  }
}
.icon-holder { 
  text-align: center; 
  margin-top: 1em; 
  svg { 
    animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; 
  } 
  @include animate_movement(translateY(-88px), TheTeaSet, $main-duration, 1, 5); 
  @include animate_movement(translateX(-16px), tHe, $main-duration, 9, 3); 
  @include animate_movement(translateX(-32px), thE, $main-duration, 6, 6); 
  @include animate_movement(translateX(-16px), tEa, $main-duration, 15, 3); 
  @include animate_movement(translateX(-32px), teA, $main-duration, 12, 6); 
  @include animate_movement(translateX(32px), Set, $main-duration, 18, 6); 
  @include animate_movement(translateX(16px), sEt, $main-duration, 21, 3);
}
```
A short guide on how to “make” the series widget on DEV
Tags: meta
Published: 2019-09-27 09:28:28

I’ve seen some comments here on DEV where people ask how to get that nice looking “widget” (or a list of related posts) at the beginning of each post that is part of a series.

Namely, this one:

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

In this short guide, I’m going to show you how to “make” that widget. Don’t confuse it with how to create the widget using HTML, CSS and JavaScript. That’s for another time. 😉

## Step 1 (only needed once)

Did you know that the post editor has two versions?

To check which version you’re currently using, go to “Settings > UX” and scroll to the “Writing” section. You need to be on the “Rich + markdown” version.

![Settings > UX menus](https://dev-to-uploads.s3.amazonaws.com/i/lamwnfywwyscggzazn9n.png)

## Step 2

Start writing a post (or just edit existing ones if they are part of a series). You can’t have that widget unless you publish something, sorry :(

While in edit mode, click on the “Post options” icon right next to “Save changes” (or “Publish” if you’re writing a new post).

![Post options icon](https://dev-to-uploads.s3.amazonaws.com/i/cvfriyugnw0fl95xxkpr.png)

## Step 3

In the modal that opens, use the “Series” field to give your series a name. There you’ll also find names of previously created series, if any.

![Post options modal](https://dev-to-uploads.s3.amazonaws.com/i/sguydvm87fs75flgh2vp.png)

Click “Done”.

## Step 4

Continue writing your post as normal. Or if you’re editing an already published one, click on the “Save changes” button.

Now if you visit your “Dashboard”, you’ll see the posts that belong to series with the series’ name next to the “Published” date.

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

## Step 5

Publish your post! That’s probably the most important step! 😀

And remember that in order to get the widget to appear, you need to **publish at least two posts under the same series**.

Happy publishing! 🎉

---

P.S. to @ben and the rest of the DEV team: While I definitely enjoyed making this guide, maybe you can make sure this functionality is easier to discover. I hope this guide will deprecate itself at some point 😊😋
What I learned from interviewing StackOverflow's top Python contributor, Martijn Pieters.
Tags: career, productivity, motivation, podcast
Published: 2019-09-27 09:20:42

Martijn Pieters is the #1 contributor to Python on StackOverflow. He's probably helped you out many times in your life without you realising.

Martijn has worked on developer infrastructure at Facebook; on Zope with Guido Van Rossum, the creator of Python; and on the framework team of Plone, which is used by the CIA and FBI.

He has made contributions to Python, Flask, and Mercurial, and currently works as an open source consultant.

{% soundcloud https://soundcloud.com/distinguished-devs/3-martijn-pieters-stackoverflows-top-python-contributor %}
You can listen to the full podcast here, but I'll summarise/paraphrase some of my favourite parts below.

## On StackOverflow
Martijn refers to something that [Eric Lippert](https://ericlippert.com) said: the best way to become an expert on anything is to find a pile of questions that people are asking, and try and answer every one.
Doing this, you will become an expert incredibly quickly.

It's this curiosity that motivates Martijn to answer as many questions with the high quality that he does.

## On algorithms
Martijn is a self-taught programmer, and encourages the learning of algorithms and computer science fundamentals, especially if you're self taught.
At one point, he made a conscious effort to learn these topics, from a free online course and textbook - and it influenced a lot of his later work.

Many coding problems are solved the wrong way, even by people who are talented programmers, because they are simply not aware of theoretical computer science and concepts.



The Distinguished Devs podcast is available on iTunes, Spotify etc.
I hope you enjoy this episode, please let me know what you think!

Don't forget to hit follow if you're interested in more of the series!
Learn Git and Github in just 1 article
Tags: webdev, javascript, github, beginners
Published: 2019-09-27 09:06:19

[Github]() is the best thing in over web development for me. There are so many other Git hosting available like BitBucket and Gitlab. Github saves your record.

####Q what is the difference between git and GitHub?
*Git*
 - It is the vcs(version control system).
 - It records all your change as a image.
 - You can revert back if you want.

*Github*
 - It is the hosting service of git repository. 
 - It is the online website to share your code with others.
 - You can contribute to other project.

Two people can connect and share their code with github.Github is giving webpage host and domain for free of cost.Github is a very easy to learn.You can just learn the basics of github by reading the next part of my article.You used command prompt before
___
Search github.com make you account to make new repository address like their git remote origin<your-repository>.It will connect your local repository to online repository.Git have many commands.But there are six basic commands.
 - git init 
 - git help
 - git add .
 - git commit-m""
 - git push-u origin master
 - git pull

*git init*
It is the starting point of any git project.It will make a empty hidden . got folder in your local repository.

####Q What is difference local and online repository?

Online repository lives on github but local repository  is the image of your online reputation on your computer repository == folder.
___
*git add .*
You can selected all files to online repository. "." means to select all the files.

*git commit-m""*
You can add your message to this command.

*git push-u origin master*
Push your all files selected files to online reputation.

*git pull*
You can pull your online repository to update all the files in local repository to latest version.

*git help*
If you want to help git comment you can use git help command.

___
 I am kind a active [twitter] (www.twitter.com/the_Ibrahim_) [github](www.github.com/theibrahim)
When Java met Javascript
Tags: newbeginnings, javascript
Published: 2019-09-27 08:38:39


After 15 years of working on Java enterprise applications, I took a leap of faith in February, this year, to work as a front end engineer.
7 months later, I can say that I am definitely loving it. 

It would be a lie if I said that I am a complete beginner to Javascript. But, working as a front end engineer opened my eyes to the magic of front end technologies. 

Exploring webcomponents, specifically, **LitElement**, has been a delight so far. With ES2015, I can already see quite a few similarities between the Java world and Javascript. 
Starting with **Classes** and **arrow functions** all the way to creating my very first web component. 
Who was the wise person who said this?
> You are never too old to learn to code...

Well, I am a believer now :) .

There is more to come and I am all set to deep dive.
I've been a developer for 20 years and just started writing a blog, Ask Me Anything!
Tags: ama
Published: 2019-09-27 08:36:12

I'm currently working mainly on windows/webapi services with c#, SQL Server, MongoDb and Json. (just started with .Net core 2-3 months ago).

I've posted this #AMA mainly to get ideas of stuff other developers would like to know about - so basically this is me using the community to get ideas for blog posts - but I do promise you this: Every blog post I write on my personal blog also gets covered here - sometimes a shorted version and sometimes the entire thing - so one could say that it's my way of get ideas on how to help the community.
9 Things I Do To Avoid Burnout
Published: 2019-09-27 08:34:08


Most of us are really passionate about the work we do. Also, now with all of the endless possibilities that the internet brings it is really easy to start working too much, take on too many responsibilities, not get enough sleep and do a lot of other unhealthy things that all lead to burning out.

Here are the things that I try to do to help me prevent burnouts:

1. Exercise daily - a short 15-20 minutes is usually good enough for me

2. Eat lots of veggies and fruits

3. Read books or listen to audiobooks

4. Drink 6 to 8 cups of water per day

5. Buy less stuff

6. Meditate daily

7. Work on passion projects

8. Wake up early

9. Reduce social media as much as possible

What are some of the things that you do to keep a healthy mind and body?
How to plot points(data) in D3 using country if i don't have Lat long
Published: 2019-09-27 08:30:21

Am using d3.js in my angular7 project to display the map and am using https://datamaps.github.io/ datamaps which is also using d3.js. to plot points(data) we need lat-long but what if I don't have lat-long and I have a country name then how can I plot the points(data) without lat-long.
I want to make an interactive website and I don't know where to start. Music inside, mixer inside, help pls :'(
Tags: help, javascript, web
Published: 2019-09-27 07:02:33

---
title: I want to make an interactive website and I don't know where to start. Music inside, mixer inside, help pls :'(
published: true
tags: help, javascript, web
---

Hi, basically, the final idea is to build a website where I have 2 parts:

  Mixing/Music part.
  Video part.

The idea is like a snowball, I began thinking about 2 simple things and now I'd love to do an interactive experience with a song, mixing it live.

My most important doubt is, how do I put different wav stems (parts of a song divided by instruments, ex:kick, snare, synths.) and play it all at once when you decide and enable and disable it with keys.

Okay, in the video part I want to layer videos that get enabled by pressing the same keys, each video is linked with a sound. If you enable one sound the video is visible... 


The question is, what should I use to make the player/mixer??
How to download Instagram videos with Howtotechies on iPhone
Tags: downloader
Published: 2019-09-27 07:01:35


<img src="https://www.howtotechies.com/images/insta-on-iphone.jpg" alt="insta downloader" height="450px" width="800px">
Instagram is the most popular social media platform for sharing videos, photos, and stories. Howtotechies helps you to save high-quality photos/videos from the internet. <a href="https://www.howtotechies.com">Read More</a>
Learn Machine Learning From Beginner to Advanced
Tags: machinelearning, tutorial, beginners
Published: 2019-09-27 06:48:19

Learn Machine Learning like a professional! Start as a beginner and go all the way to advanced from scratch.

Welcome to “Learn Machine Learning From Beginner to Advanced”. By using this comprehensive course you will learn the basics of Machine Learning, Some of the advanced topics of Machine Learning and much more. In this course i will assume that you have no prior knowledge about Machine Learning and by the end of the course you will be at advanced level. This course will guide you step by step so that you will learn basics and theory of every part.

In this complete Machine Learning course you will learn:

Machine Learning Basics
Learn To Program For Machine Learning
Visualization
Metrics
Classification
Clustering
Dimensionality Reduction
Regression
Natural Language Processing
Probability
Statistics
Big Data and Data Science

{% youtube ioS6ji-uIxs %}
For vs Foreach
Tags: for, foreach, performance, codequality
Published: 2019-09-27 06:14:20

You may think this is a superfluous post as there are already many posts out there on web discussing about performance measures when using For or Foreach. Some of them are:

[For vs Foreach Performance.](http://madprops.org/blog/for-vs-foreach-performance/)
[Which loop is faster for or foreach.](http://stackoverflow.com/questions/365615/in-net-which-loop-runs-faster-for-or-foreach)

and many [more…](https://mdfarragher.com/2017/11/22/for-versus-foreach-in-csharp/)

    for (int i = 0; i < collection.Count; ++i)
    {
        // Work on a collection[i].
    }
vs

    foreach (var item in collection)
    {
        // Work on an item.
    }

By looking at title of the post, if you think I’m going to get into same debate here, then wait! I’ve something else to say. It’s still for vs foreach. However, rather than comparing inherent performance of for vs foreach, I’m going to discuss how things could go wrong when a programmer incorrectly uses language construct for the given context.

Recently I’ve been reviewing a piece code doing some complex work on a collection:

    foreach (var element in collection)
    {
        int firstIndex = collection.IndexOf(element);
        int secondIndex = 0;
        foreach (var anotherElement in collection)
        {
            if (secondIndex > firstIndex)
            {
                // Use element and anotherElement for some operation.
            }

            ++secondIndex;
        }
    }

You’re a reviewer of this code – now without reading this article further, check what’s wrong with this code snippet.

I was just wondering what is this code doing for a while. At first, only optimization I could think of was to avoid executing ++secondIndex once secondIndex > firstIndexexpression is true i.e. secondIndex will always be larger for subsequent iterations. Just after few seconds I said, ah – this is wrong! horrible code. There is another hidden loop here which is nothing but a call to IndexOf. It is a linear search over the collection and time complexity of the algorithm is O(n). Using for loop here will be much faster and much more readable.

    for (int i = 0; i < collection.Count; ++i)
    {
        for (int j = i + 1; j < collection.Count; ++j)
        {
            // Use collection[i] and collection[j] here for some operation.
        }
    }

##Conclusion#

Never use foreach when you really need to use for. That is if you need to access indexes of the collection always use for.