teleren/devto huggingface dataset:
Code Challenge: Follow the Dirty Money
Tags: fun, coding, challenge, puzzle
Published: 2017-11-01 19:20:37

---
title: "Code Challenge: Follow the Dirty Money"
published: true
description: I like to share a puzzle with you.
tags: fun, coding, challenge, puzzle
cover_image: https://thepracticaldev.s3.amazonaws.com/i/iubjtxn594a6g1c7lj7k.jpg
---

A shady Internet business has been discovered.

The website has been made public by a whistle blower. We have enough evidence about the dirty deals they did. But to charge them we need to get hands on precise numbers about the transactions that happened on their platform.

Unfortunately no record of the transactions could be seized so far. The only hint we have is this one transaction: 

[fd0d929f-966f-4d1a-89cd-feee5a1c5347.json](https://gist.githubusercontent.com/jorinvo/6f68380dd07e5db3cf5fd48b2465bb04/raw/c02b1e0b45ecb2e54b36e4410d0631a66d474323/fd0d929f-966f-4d1a-89cd-feee5a1c5347.json)

What we need is the total of all transactions in Dollar. Can you trace down all other transactions and get the total?

Be careful to count each transaction only once, even if it is linked multiple times. You can use whatever tool works best for you. 

Please share the total and your solution below!
Music and coding
Tags: music, developerhabits, zone, discuss
Published: 2017-11-01 19:09:03

---
title: Music and coding
published: true
description: What gets you in the zone?
tags: music, developer habits, zone, discuss
---

I have used music as my productivity driver for a long time. More than coffee, I need the right soundtrack for a project. Bowie is for pattern-based stuff, Beirut is for boilerplate, Chemical Brothers is for inventing. So what drives you? Does music reach you the way it reaches me?

This pic was taken at 30k feet over Colorado, flying between two massive super-cells.
![Thunderstorm over the nacelle of a Dash-8](https://thepracticaldev.s3.amazonaws.com/i/b9u120scy3laea33bc8y.jpg)
Headless ssh and Wifi on RaspberryPi
Published: 2017-11-15 11:36:38

---
title: "Headless ssh and Wifi on RaspberryPi"
published: true
tags: 
canonical_url: https://kurzgedanke.de/post/headless-ssh-and-wifi-on-raspberrypi/
---

#### SSH:

To enable SSH on a RaspberryPi with out a monitor, keyboard or mouse put your SD-Card in a card reader and plug into your main PC.

Open up a terminal and navigate to the SD Card.

```
# On Mac:
╭─loki@lokiTheGod ~
╰─$ cd /Volumes
╭─loki@lokiTheGod /Volumes
╰─$ ls
BOOTCAMP MACINTOSH HD Untitled boot
```

Now you are in the Volumes folder, which shows all drives connected to your mac. You have to create an empty `ssh` file on the Pi SD-Card.

```
╭─loki@lokiTheGod /Volumes
╰─$ cd boot
╭─loki@lokiTheGod /Volumes/boot
╰─$ touch ssh
```

Enter `cd boot` to go into the Pi SD-Card and then type in `touch ssh` to create an empty ssh file.

You can verify this by typing `ls` in your terminal.

#### WiFi:
> Personally this approach didn’t worked for me… so the easiest way to it is via Ethernet.

To enable WiFi directly on your headless Pi place a file name `wpa_supplicant.conf` in the boot directory of your Pi.

The `wpa_supplicant.conf` is moved while the Pi starts to `/etc/wpa_supplicant/wpa_supplicant.conf` where the the wpa configurations are located.

A simple and for most networks sufficient `wpa_supplicant.conf` looks like this:

###### WPA:

```
network={
    ssid="YOUR_SSID"
    psk="YOUR_PASSWORD"
    key_mgmt=WPA-PSK
}
```

###### WPA2:

```
network={
    ssid="YOUR_NETWORK_NAME"
    psk="YOUR_NETWORK_PASSWORD"
    proto=RSN
    key_mgmt=WPA-PSK
    pairwise=CCMP
    auth_alg=OPEN
}
```

For more information on this you can look at the [Arch Wiki WPA supplicant site (Link)](https://wiki.archlinux.org/index.php/WPA_supplicant).

Have lot of fun with your Pi!
First monthly dev.to progress report
Tags: meta
Published: 2017-11-01 17:59:32

---
title: First monthly dev.to progress report 
published: publish
description: The first edition of our monthly dev.to community updates.
tags: meta
---

*We're going to start sharing a quick update with the community each month — this is the first one.*

It’s been 1,174 days since Ben started the @ThePracticalDev Twitter account, 550 days since he purchased the dev.to domain name, and 485 days since I joined him on the project. This time last year, we had closed October with 69,259 sessions and were dreaming of, one day, working on [dev.to](/) full-time. 

We finished October 2017 with **1,203,378** sessions for the month and are up to **39,539** registered members. And we've long since left our jobs. We couldn’t have done any of this without you, so we wanted to share our story of how we got here, how things are going, and how you can help.

#How we got here

In January 2016, I was working at a larger company and was preparing to go full-time on [dev.to](/), but Ben was in a trickier situation because his full-time job was serving as the CTO of a small startup. He and his partner on that project, [Peter Frank](https://dev.to/peter), had met through Reddit and had worked together for the last four years. Peter knew the dev.to community was growing, so it wasn’t a big surprise when Ben approached Peter with his growing conflict of interest. Ben shared that he was getting more and more distracted by dev.to and that he and I were trying to find a way for me to go full-time.

After some soul-searching, the three of us agreed to combine our efforts and resources. We merged teams (we’re now five people total) and have been operating with friends & family funds ever since. Peter has been an amazing co-founder and we’re really happy with the balance we’ve struck these past ten months. Fun fact: we’re referred to as “PBJ internally. 

#How things are going

Our primary focus has been growing and building features that are useful to the community while thinking of ways to begin creating a sustainable business model. We intend to hit a sweet spot where we have features that both add value _and_ generate revenue.

An example feature is the new [#hiring](https://dev.to/t/hiring) tag.  We are building the [#hiring](https://dev.to/t/hiring) page because so many of you have indicated on your profiles that you’re looking for work. We hope this feature is helpful to you, and we also hope that it’ll help us generate revenue. Companies are free to post jobs right now, but we’ll be charging a fee once we’ve made some key enhancements. It's still very early.

#How you can help

A few ways:

- Post on [#hiring](https://dev.to/t/hiring) if your company is hiring and give us feedback on the process. Remember, it’s free. 

- Let me know if this post was helpful and what you’d like to see from us moving forward. This is v0 of our ‘monthly report’ and we want to make it better with every iteration.

- Find a post you like, leave a nice comment, and make someone’s day. 


Happy Coding!

PBJ
CSS-only floating label
Tags: css, label, input, placeholder
Published: 2017-11-01 17:59:29

---
title: CSS-only floating label
published: true
description: 
tags: css, label, input, placeholder
---

One of those nifty things Google did with the Material Design guidelines is include [floating labels](https://material-components-web.appspot.com/textfield.html). Don't know what a floating label is? Check it out:

![Floating label GIF](https://thepracticaldev.s3.amazonaws.com/i/yrodhhvpcmg2v09ps4bp.gif)

Being the ever-curious sort that I am, I wondered if this could be accomplished _sans_ JavaScript. Turn out, it can, but only for required fields.

Here's the demo:

https://codepen.io/peiche/pen/xOVpPo

(Note: as far as I know, CodePen embeds aren't yet supported on dev.to. Please correct me if I'm wrong!)

To make this work, the markup has to be structured in a very specific way: the input has to be in front of the label. (Don't forget the `for` attribute on the label!)

In this example, I've given the label a class, `form-control-placeholder`, and made it absolutely positioned. The container, which holds the label and input, is set to be relatively positioned, so the label can act as an overlay to the input itself, appearing as the placeholder.

```css
.form-group {
  position: relative;
  margin-bottom: 1.5rem;
}

.form-control-placeholder {
  position: absolute;
  top: 0;
  padding: 7px 0 0 13px;
  transition: all 200ms;
  opacity: 0.5;
}
```

Then we add a style to move the label above the input when it (the input) has focus. This is why we put the input before the label; CSS only works in one direction (although changing this is on many a developer's wish list for CSS 4.0, including yours truly).

```css
.form-control:focus + .form-control-placeholder {
  font-size: 75%;
  transform: translate3d(0, -100%, 0);
  opacity: 1;
}
```

Unfortunately, this is not enough. As soon as the input loses focus, the label will _shoop_ right down again, covering up the input, not caring at all about whether or not you just entered some text there. (Yes, in my head the label makes a "shoop" sound whenever it moves.)

There is no way to determine via CSS alone whether an input has something entered. The closest we can get is the `:valid` selector, which is only fulfilled on inputs that have the `required` parameter.

So, we update the CSS to include `:valid`:

```css
.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
  font-size: 75%;
  transform: translate3d(0, -100%, 0);
  opacity: 1;
}
```

And now we have a working example of CSS-only floating labels. Unfortunately, there's no way to get around that `required`, um, requirement, without resorting to JavaScript.

_This post was originally published on [eichefam.net](https://eichefam.net/2017/11/01/css-only-floating-label/)._
I'm a co-founder of dev.to (this website), ask me anything!
Tags: ama
Published: 2017-11-01 17:58:34

---
title: I'm a co-founder of dev.to (this website), ask me anything! 
published: true
description: Jess Lee is a co-founder of dev.to 
tags: ama
cover_image: https://thepracticaldev.s3.amazonaws.com/i/7vjen7wlgv2mogw186v3.jpg
---

Hey, I'm Jess!

Here are some things that make me interesting, maybe:

- I am Taiwanese American.
- I like to rock climb. 
- I studied piano in college.
- I went on tour with the KIDZ BOP Kids (_not_ as a performer).
- I went to a coding bootcamp.
- I product managed at a nonprofit tech company.
- I co-founded dev.to
- I deal with operations.
- I code, mostly in ruby & JS. 

I also kicked off our [monthly progress report](https://dev.to/jess/kicking-off-our-monthly-updates-co0) today, so if there's anything in there I can clarify, ask away!
Welcome Thread - v5
Tags: welcome
Published: 2017-11-01 14:52:32

---
title: Welcome Thread - v5
published: true
description: Introduce yourself to the community!
tags: welcome
---

## Hey there! Welcome to dev.to!

![Pusheen Hi](https://media.giphy.com/media/L3nWlmgyqCeU8/giphy.gif)

The [last introduction thread](https://dev.to/thepracticaldev/welcome-thread---v4-657) got so many more introductions! Also, awesome that y'all are talking to each other.

### Here are some basic guidelines:
1. Reply to someone's comment, either with a question or just a hello. ðŸ‘‹ 

2. Leave a comment below to introduce yourself to the community! You can talk about a project you've worked on, some advice for someone else (or your future self), or what you're looking for here on dev.to.

#### Let's do it!
"newsharescheduler.com  Configure automated News Posting on your facebook page " 
Tags: socialmedia, facebooksharing, newsposting, articlesharing
Published: 2017-11-01 14:25:22

---
title: "newsharescheduler.com  Configure automated News Posting on your facebook page " 
published: true
description: NEWS SHARE SCHEDULER  Configure automated News Posting on your facebook page
tags: social media, facebook sharing, news posting, article sharing
---
Now that Hacktoberfest is over, do you have anything to share?
Tags: github, hacktoberfest, discuss
Published: 2017-11-01 14:07:33

---
title: "Now that Hacktoberfest is over, do you have anything to share?"
published: true
description: Hacktoberfest was - for me - a somewhat sobering experience reminded me that not all my PRs are going to be accepted
tags: github, hacktoberfest, discussion
---

Hacktoberfest ðŸŽƒ just ended _yesterday_ and I'm willing to bet more than one person here has found a new pet project to work on their free time!

Or, if you're like me, rushed a [PR that added weather capabilities to a Hubot repo you manage for your friends Slack](https://github.com/SammyIsra/fred/pull/19) two hours before midnight to get that beautiful shirt.

I also found out that not all PRs are going to be well received, and that I should be ready to get some rough feedback on my code if I deserve it. 

We all have good and bad stories here about Hacktoberfest so, share away!

Also, while I'm at it, I'm always up to check out repos that do cool stuff in vanilla JS, React, and RxJS. So if you worked on one, I would like to see! ðŸš€

Also, while I have your attention, take a look at the [Crocodile emoji entry on emojipedia](https://emojipedia.org/crocodile/).
You can minimize Vuex boilerplate in under a minute.
Tags: vue, javascripttips, vuex, javascript
Published: 2018-06-21 08:04:27

---
title: You can minimize Vuex boilerplate in under a minute.
published: true
tags: vue,javascript-tips,vuex,javascript
canonical_url: 
---

![](https://cdn-images-1.medium.com/max/701/1*vmhxmp5jRp-4Rtfh3skrgQ.png)

When building applications you often need to communicate with other services or your back-end API. A lot of the times in your Vue application you find yourself having actions like below.

{% gist https://gist.github.com/sadick254/0fb52800d5f0a09435e23c4882378ce9 %}


While there is absolutely nothing wrong with the actions, you realize that there is repetition in the two actions. Lets identify the repetitions and simplify the code.

There are 3 ways you can simplify the above code.

- Set a base API URL. I am using [axios](https://github.com/mzabriskie/axios) to make my requests.

{% gist https://gist.github.com/sadick254/8adbaa73431b7e0eb149c792fb57e0bc %}

- Since they are both get request, you can merge them into one and make the get request more generic.

{% gist https://gist.github.com/sadick254/96fe2286a0caa86be6185e954a09ed13 %}

- You have to be keen on commit since not all get requests get persisted to the vuex store. It all depends on your application though.

{% gist https://gist.github.com/sadick254/3dc7c91fe9f22d8c54e6b577a3099aa6 %}

Now when you need to issue another get request i.e. getAllShops getUserLogs you will not need to setup separate actions for getting shops and user logs . All you need to do in your component is

{% gist https://gist.github.com/sadick254/a39e21309bca9390979102c6021bfd24 %}

You can do the same for POST, PUT AND DELETE requests. This is how I handle requests in my applications and I can tell you for a fact it has increased my development speed.

#### _If this post was helpful please share it and stay tuned for my other articles. You can follow me on_ [_GitHub_](https://github.com/sadick254) _and_ [_LinkedIn_](https://www.linkedin.com/in/isaac-odhiambo-678b1547/)_. If you have any ideas and improvements feel free to share them with me._

#### _Happy coding!_
That Topic Has Already Been Covered!
Tags: culture, career
Published: 2017-11-01 12:54:50

---
title: That Topic Has Already Been Covered!
published: true
description: Don't let the fact that a topic has already been written about dissuade you from adding your own voice.
tags: culture, career
---

The other day Chris Coyier tweeted something I wholeheartedly agree with:

{% tweet 925081793576837120 %}

This is great advice. However, I read, write and edit a lot of developer-focused content. In the course of this, I've seen a a frequent criticism of content along these lines which is that this topic has already been sufficiently covered - and usually not stated as diplomatically. These comments are along the lines of this one from a recent article I published (but didn't write):

> Oh boy, another one of these articles. No thanks.

I wanted to briefly discuss why I think that this criticism is, in almost all cases, misplaced.

## 1. Each Developer Brings Their Unique Problem Solving Skills

One of my favorite parts about being a developer is that every problem has nearly infinite possible solutions. Even within similar solutions there are often creative variations. That problem-solving and creativity is part of what drew me to the field.

Every author brings their own thought into the problem solving process and their own creativity into the solution. Even if the topic isn't new to me, the reader, I may learn something from the particular developer's approach.

## 2. Writing is About the Learning _and_ the Sharing

I believe that the process of writing is as much a learning process as a sharing process. Even if a topic has been covered many times, it may be _new to me_. In the process of learning, I may want to think through and write out my thought processes. For me, this can be a very productive process, reinforcing what I learned and perhaps forcing me to think through in a more direct manner some of the choices I made in the development process. The sharing is, in part, just a side effect - if I found this useful, maybe someone else will.

## 3. Every Author has a Unique Perspective

One of the things you learn when you edit a lot of content is how unique each developer's writing voice is. Some are funny while some just focus on the code with as little discussion as necessary. Some give insights into their thought processes while others stick to research.

Even if the code were identical, every individual adds their voice and perspective to the content. You never know what will end up resonating with someone else. Perhaps your unique take  - so, don't be afraid to add your voice to the conversation, even when someone tells you its been done before.

_This post was originally published on my blog at [remotesynthesis.com/blog/thats-already-been-done](https://www.remotesynthesis.com/blog/thats-already-been-done)_
Too Strict Compile Option
Tags: openedge, datadigger
Published: 2018-01-22 20:05:36

---
title: "Too Strict Compile Option"
published: true
tags: OpenEdge, DataDigger
canonical_url: https://datadigger.wordpress.com/2017/11/01/too-strict-compile-option/
---

Lately I received a few reports that DataDigger would not compile using the new strict compile settings in 11.7. That did not surprise me at all, because I never focussed on that so there might have been a few abbreviated keywords lingering around.

And indeed there were quite a few. Around 100 to be more specific. Of that number only a handful were due to my coding, but the majority came from the UIB that generates code with abbreviated keywords.

Since I expected that this would be fixed in 11.7 in the UIB, I opened up the DataDigger main window in the UIB and saved it again, but nothing changed. So I created a new blank window and inspected it afterwards. To my surprise I found this :

![adrqyhk](https://datadigger.files.wordpress.com/2017/11/adrqyhk.png?w=840)

Note the red marks in the gutter. The error that is reported is:

Cannot reference “VARIABLE” as “VAR” due to the  
“require-full-keywords” compiler option. (18494)

Sounds like a bug to me, but bottom line is that you cannot use the strict compiler options in combination with DataDigger. Until it is fixed, that is.

Update: I logged a [question](https://community.progress.com/community_groups/openedge_development/f/19/t/35904) on the PSDN community page which got picked up. It appears to be a bug indeed.
Space Ghost: My Halloween Debugging Horror Story
Tags: debugging, javascript, webdev
Published: 2017-11-01 06:14:55

---
title: "Space Ghost: My Halloween Debugging Horror Story"
published: true
description: The hardest bugs to see are the ones that are literally invisible.
tags: debugging, javascript, webdev
canonical_url: https://simplestepscode.com/space-ghost-halloween-debugging/
cover_image: https://simplestepscode.com/img/space_ghost.jpg
---


Yesterday I faced a nasty bug.

I needed to integrate some third-party code that would dynamically insert a script onto a page.

It was billed as a simple copy and paste, but these things rarely are.

I pasted the code in the console, and it didn't work. Nice. Time to lace up my Troubleshoot Boots™.

So what was the problem?

- Was it the way the URL was being inserted (.src vs setAttribute)? - No
- Was it the script url itself? - No
- Was it a cross-origin issue? - Nope
- Was it the site I was using this code on? - No
- Was it the browser? - No

Finally, I asked myself, had basic script insertion stopped working altogether.

I rewrote my test case for the code from scratch just to make sure nothing was mistyped. Then something crazy happened. The new code worked.

The crazy part? It was exactly the same as the non-working code.

Baffled, I put both versions of the code into a diff checker.

Then I saw the problem: [invisible spaces](https://en.wikipedia.org/wiki/Zero-width_space).

The integration code came from a PDF, which had automatically inserted unwanted zero-width spaces, meaning that the code would break while the offending characters would stay invisible.

Once I deleted the spooky space ghosts, the problem went away.

Key takeaway:
If you ever need to paste code from a PDF, an HTML page, an Excel sheet or anything that's not a plain text file, run it through some kind of validator to make sure there aren't any unwanted characters.

I hope this helps in case you run into a similar issue.

*This post originally appeared on [Simple Steps Code](https://simplestepscode.com/)*
Making Powerline Work In Visual Studio Code Terminal
Tags: vscode
Published: 2017-11-01 04:28:48

---
title: Making Powerline Work In Visual Studio Code Terminal
published: true
description: Is Powerline not looking right in your Visual Studio Code terminal? It's a simple fix.
tags: vscode
cover_image: https://i.imgur.com/zcJJats.png
---

As I mentioned in a previous post, I'm totally digging on the embedded terminal in Visual Studio Code. However, as I also mentioned, it wasn't properly representing my powerline prompt. 

![](https://cdn-images-1.medium.com/max/479/1*qdYGhoAJLoaS10kh2ouCqA.png)<figcaption>zsh prompt in VS Code</figcaption>

![](https://cdn-images-1.medium.com/max/549/1*emmoMqJuY7HC2K48_kUh6A.png)<figcaption>zsh prompt in iTerm</figcaption>

I solved the problem today - in case you are having a similar issue, it's a pretty easy fix. Granted, I've only proven this out on OS X, but I believe a similar solution would apply on Windows or Linux.

1. Download proper patched font - https://github.com/abertsch/Menlo-for-Powerline
1. In your User Settings (Code | Preferences | Settings) add this:

```
{
"terminal.integrated.fontFamily": "Menlo for Powerline",
}
```

Tadah! My prompt in Code now looks right!

![](https://i.imgur.com/zcJJats.png)

(Yes, the colors look different than the previous screenshot; since taking those screenshots I changed from using the powerlevel9k oh-my-zsh theme to instead use [powerline-go](https://github.com/justjanne/powerline-go).)
Is Your Security Scaling Up Along with Your Operation?
Tags: testing, security
Published: 2017-11-02 20:16:55

---
title: "Is Your Security Scaling Up Along with Your Operation?"
published: true
tags: testing, security
canonical_url: https://airbrake.io/blog/software-testing/security-testing-scaling-with-operation
---

Throughout an entire software development life cycle, it is all too common for security practices to be neglected in favor of the more tangible, immediate benefits of adding that next cool application feature or landing another large swath of users. However, as we’ve witnessed with the many massive data breaches... [continue reading →](https://airbrake.io/blog/software-testing/security-testing-scaling-with-operation)