teleren/devto huggingface dataset:
You cannot see the last uploaded packages of NPM because Microsoft deleted this feature. Most probably to steal software...
Tags: npm, software, microsoft
Published: 2020-04-27 14:13:00

Yes, folks. The farm is real.

Notice how you will not be able to see the very last packages uploaded to NPM, unless you knew already that they existed, and their names.

**Strategy to block progress**, as usual. The idea of creating Lynda, and not a Free Online University directly, follows the same thinking lines of the *old times*, the same as buying companies like **Github** and **Npm**. It is simple: people is, mainly, or stupid, or unable to fight them. They are the winners, and they want us, as Steve Jobs said, **hungry and foolish**. If, beside this, you create software for them, for free, what else can they demmand? Well, wait for it, they always want... no, **they always need more**. Otherwise, they would not be where they are today.

**Strategy to steal software**, as usual. Remember how was got the first piece of software built by Microsoft? By money. There is a battle, and rats want to fight. But... blocking others is excessive. But this is the tradition: I am rich, I buy your virtues, and put them to work for me (and against competence).

And nothing will happen.

You are used to be abused and stay ok. This is the world... Is not it?

Let us see the video again.

https://m.youtube.com/watch?v=xRwgdZxYL-E

Fun, anyone?
Twilio Hackathon - Day 2
Tags: twiliohackathon
Published: 2020-04-27 14:07:36

[Comment]: I'm still trying to come up with a good name for my project, but it is what it is. I got started on firebase auth last night and now I'm creating a system to add friends!


#### What I built
An Omegle type product for first and second-degree friends in order to facilitate more spontaneous conversations 

#### Category Submission: 
Covid19 Communications

#### How I built it (what's the stack? did I run into issues or discover something new along the way?)
- Firebase Auth
- Firebase DB
- Twilio Video
- React & Material UI
- Python & Flask for Video API
Light and blazingly fast caching utility utilizing Redis - includes Express middleware
Tags: express, node, cache, redis
Published: 2020-04-27 14:02:31

---
title: Light and blazingly fast caching utility utilizing Redis - includes Express middleware
published: true
description: Simple and light NodeJS caching tool utilizing Redis for Express or indeed any other application which does not utilize such a framework.
tags: express,node,cache,redis
---

Simple and light NodeJS caching tool utilizing Redis for Express or indeed any other application which does not utilize such a framework.

View on GitHub here: https://github.com/eddiejibson/cachi
Fix: Logitech Touchpad T650 not Working on Windows 10
Tags: peripherals, logitech, t650, windows10
Published: 2020-05-24 21:20:47

---
title: Fix: Logitech Touchpad T650 not Working on Windows 10
published: true
date: 2020-04-27 14:00:00 UTC
tags: Peripherals,Logitech,T650,Windows 10
canonical_url: https://seankilleen.com/2020/04/fix-t650-windows-10/
---

Logitech is probably my favorite peripheral maker of all time. Recently I remembered that I had a T650 touchpad that I hadn’t used in a long time and I decided to give it a shot.

## Problem

When I paired the touchpad, it didn’t look like any of the gestures worked in Windows 10, and I couldn’t find it in the settings app despite having clearly paired it. Furthermore, the settings app that listed it said there were no updates for the device.

## Solution

In this case, the issue was that there indeed _was_ a firmware update for the device. It just wasn’t showing in the settings app.

- I noted the firmware version of my device was `041.000.00033`
- I found [the downloads page for the T650](https://support.logi.com/hc/en-us/articles/360024699134--Downloads-Wireless-Rechargeable-Touchpad-T650).
- The only download shown by default was the firmware update tool – but this isn’t the correct tool.
- I clicked `Show all downloads`, and selected `Windows 10` as my OS.

Towards the bottom of the page, I saw the magic words: “Firmware update”. The version number? `041.001.00038` – a higher version number than my firmware.

I downloaded the file and ran it – but nothing happened. Hmm. That’s not great.

I had to:

- Go into the logitech unifying receiver app
- Click the `Advanced...` button at the bottom left corner
- Click the T650 in the list

**NOW** I could see the update firmware button (which had previously been disabled). Success! I clicked the button, followed the instructions, and the firmware opened successfully.

It would have been great for Logitech to provide a little more insight in their firmware update exe (or any output at all), but it was released in like 2014, so I’ll forgive them.

If you found this, I hope it helped you resolve the issue. Happy scrolling!
Learning by vueing - Learn Vue interactively
Tags: showdev, vue, tutorial, react
Published: 2020-04-27 13:32:10

Learning a new framework can be a daunting task. Sometimes you just want to see what the technology has to offer, maybe borrow some ideas and simply have fun exploring something new. Svelte has done an amazing job with their interactive tutorial. So I did something similar with vue.js.

Introducing [learning by vueing](https://learning-by-vueing.netlify.app/).

If you have ever wanted to check out Vue without going through tooling or docs (although the docs are very good), I hope that this makes it more approachable and fun.

You will learn all of the basics of Vue while giving you the opportunity to play around with the framework yourself. It also comes with an introduction based on your technical background. So if you are currently using react, angular, Laravel's blade, etc., give it a try!

Please let me know if there are slides that are hard to understand.
Portfolio Feedback
Tags: feedback, react, html, css
Published: 2020-04-27 13:48:29

---
title: Portfolio Feedback
published: true
description: I'm looking for some feedback.
tags: feedback, react, html, css
--- 
[My Portfolio](https://dakotalewallen.me)
[The code](https://GitHub.com/iamflowz/personal-site)

---
Hey dev.to readers. A month or so ago I went live with my personal portfolio site. I'm newer to frontend, and this is my first react project. I would really appreciate any feedback or advice you guys might have on both the visual/functional side of the application, as well as any thoughts you have about the codebase.

---
Find me on [Twitter](https://twitter.com/FastFlowZ) | [LinkedIn](https://www.linkedin.com/in/dakota-lewallen/)
Like the article? [Buy me a coffee!](https://www.buymeacoffee.com/iamflowz)
Daily Challenge #233 - Get Planet Name by ID
Tags: challenge
Published: 2020-04-27 13:48:15

---
title: Daily Challenge #233 - Get Planet Name by ID
published: true
series: Daily Challenge
description: Can you find the solution to fix this function? 
tags: challenge
---
The function below is not returning the correct values. Can you figure out why?


```
def get_planet_name(id):
    # This doesn't work; Fix it!
    name=""
    switch id:
        case 1: name = "Mercury"
        case 2: name = "Venus"
        case 3: name = "Earth"
        case 4: name = "Mars"
        case 5: name = "Jupiter"
        case 6: name = "Saturn"
        case 7: name = "Uranus"  
        case 8: name = "Neptune"
    return name

get_planet_name(3) # Should return "Earth"
```
Good luck!
***
_This [challenge](https://www.codewars.com/kata/515e188a311df01cba000003) comes from jhoffner on CodeWars. Thank you to [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_
Practical guide to Kubernetes Certified Administration exam
Tags: kubernetes, career, opensource, terraform
Published: 2020-04-27 13:44:16

I have published [practical guide to Kubernetes Certified Administration exam](https://github.com/vorozhko/practical-guide-to-kubernetes-administration-exam)

## Covered topics so far are
### Installation
* Kubernetes Single control plane with Kubeadm
* Configure High Available Kubernetes cluster
* Upgrade Kubernetes cluster
* Configure secure cluster communications

### Core concepts
* Testing Kubernetes AWS LoadBalancer with http/https, access logs and connection draining

### Security
* Container security with PodSecurityPolicy
* and more to come

## Share your efforts
If your are also working on preparation to Kubernetes Certified Administration exam lets combine our efforts by sharing the practical side of exam.
Add Tailwind CSS Color Palette to Bootstrap
Tags: webdev
Published: 2020-04-27 13:41:36

- [tailwind-color-palette package](https://github.com/stevepolitodesign/tailwind-color-palette)
- [Demo](https://tailwind-color-palette-demo.netlify.app/)

You might be wondering why anyone would want to add [Tailwind's default color palette](https://tailwindcss.com/docs/customizing-colors/#default-color-palette) to Bootstrap. It comes down to personal preference, but below are the key reasons I think this is beneficial.

## Why adding the Tailwind color palette to Bootstrap is beneficial:

1. Tailwind is **only** a CSS framework. It doesn't come with battle tested, commonly used JavaScript components like [modals](https://getbootstrap.com/docs/4.4/components/modal/) or [tabs](https://getbootstrap.com/docs/4.4/components/collapse/).
   1. I know [TailwindUI](https://tailwindui.com/) ships with a lot of components, but this **does not** include JavaScript. More importantly, Bootstrap has already accounted for edge cases and accessibility. Why reinvent the wheel?
1. Bootstrap ships with [base styles](https://getbootstrap.com/docs/4.4/content/reboot/#page-defaults), whereas [Tailwind](https://tailwindcss.com/docs/adding-base-styles) does not.
1. Bootstrap already ships with [utility classes](https://getbootstrap.com/docs/4.4/extend/approach/#utilities).
1. Bootstrap's [color palette](https://getbootstrap.com/docs/4.4/utilities/colors/) is very limited, whereas [Tailwind's color palette](https://tailwindcss.com/docs/customizing-colors/#default-color-palette) is extensive.

## How to extend Bootstrap by adding the Tailwind color palette

1. [Import](https://getbootstrap.com/docs/4.4/getting-started/theming/#variable-defaults) Bootstrap and its default variables.

```scss
// some-file.scss
@import '~bootstrap/scss/bootstrap';
```

2. Run `npm i tailwind-color-palette` or `yarn add tailwind-color-palette`.
3. Import tailwind-color-palette.

```scss
// some-file.scss
@import '~tailwind-color-palette/scss/tailwind-color-palette';
@import '~bootstrap/scss/bootstrap';
```

Now you have access to [background color utility classes](https://github.com/stevepolitodesign/tailwind-color-palette#background-color-utility-class-structure) and [text color utility classes](https://github.com/stevepolitodesign/tailwind-color-palette#text-color-utility-class-structure).

4. Optionally override [Bootstrap's variables](https://github.com/twbs/bootstrap/blob/master/scss/_variables.scss).

```scss
// some-file.scss
@import '~tailwind-color-palette/scss/tailwind-color-palette';
$primary: map-get($tw_indigo, 900);
@import '~bootstrap/scss/bootstrap';
```

---

Did you like this post? [Follow me on Twitter](https://twitter.com/stevepolitodsgn) to get even more tips.
What's your quarantine jam? 
Tags: music, motivation, learning, productivity
Published: 2020-04-27 13:23:48

I've been binge-listening to surfaces lately. just all-around good vibes when coding. 

Surfaces - Sunday best
Surfaces - Good day
Surfaces - Palm tree

bonus...

Forrest - your soul
Surf Mesa - ily
Sales - Chinese new year

thanks to these tracks JS-DOM Manipulation finally sank in on me.
Github Notification
Tags: github
Published: 2020-04-27 13:17:29


### Way to make use of github notification!

[Managing notifications from your inbox](https://help.github.com/en/github/managing-subscriptions-and-notifications-on-github/managing-notifications-from-your-inbox#supported-queries-for-custom-filters)

![image](https://user-images.githubusercontent.com/32301380/80373073-7a51a400-88cf-11ea-98ba-b6def5408142.png)

You can move to the notification management page by clicking the bell button
<br><br><br>

![image](https://user-images.githubusercontent.com/32301380/80373409-ff3cbd80-88cf-11ea-92da-5931dd34fc60.png)

On the right side, you can read all the notifications.
On the left side, you can see the filter, used to filter notifications by their properties. You can manage your custom filters by clicking the setting button.
<br><br><br>

![image](https://user-images.githubusercontent.com/32301380/80373611-462ab300-88d0-11ea-9bbf-d81492f1322d.png)
<br><br><br>

In the image, I created a custom filter to filter notifications that are from my "KNUCafeMap" repository and marked as "review-requested"
```
Name : KNUCafeMap review-requested
Filter inbox by... : repo:Donghoon759/KNUCafeMap reason:review-requested
```
![image](https://user-images.githubusercontent.com/32301380/80374193-3fe90680-88d1-11ea-83a2-27420527aeaf.png)
You can add up to 15 custom filters.
You can customize the custom filters by using filter queries. You can check the sorts of queries on the following link.
Supported queries for custom filters](https://help.github.com/en/github/managing-subscriptions-and-notifications-on-github/managing-notifications-from-your-inbox#supported-queries-for-custom-filters)<br><br>

`repo:YOUR ID/NAME OF REPOSITORY` format. :)
<br><br><br>
![image](https://user-images.githubusercontent.com/32301380/80374265-63ac4c80-88d1-11ea-8d73-3548a00a115c.png)
If you are having hard time to create filters, you can do it easily by clicking properties on the search input. So don't hesitate.

It is very nice to get notifications that I only want. I hope a lot of cases will be shared :)
How I use Python to map the global spread of COVID-19
Tags: python, javascript, career, webdev
Published: 2020-04-27 13:12:51

---
title: How I use Python to map the global spread of COVID-19
published: true
description: 
tags: #python #javascript #career #webdev
---
![pixabay](https://dev-to-uploads.s3.amazonaws.com/i/4n7hw3gipxyqdeazq66i.jpg)
We will download the latest corona data from:

https://raw.githubusercontent.com/datasets/covid-19/master/data/countries-aggregated.csv

The complete script is available on GitHub.
https://raw.githubusercontent.com/ag999git/jupyter_notebooks/master/corona_bar_animated

author:-AnuragGupta
mail:- 999.anuraggupta@gmail.com
source: [opensource.com](https://opensource.com/article/20/4/python-data-covid-19)
Arcsight training
Tags: arcsighttraining, online, training, onlinetraining
Published: 2020-04-27 13:08:53

Arcsight name itself infers the use of this apparatus is that it increases the value of your association security strategies. Utilizing this apparatus, it will assist the associations with focusing on the risk discovery, investigation on the triages, consistence the executives. These are done on the SIEM stage where it really decreases the time taken to determine a cyber security risk.Learn online classes in GoLogica https://www.gologica.com/
A cool way to handle scss color variables
Tags: css, webdev, design, tips
Published: 2020-04-27 13:05:35

In my career, I've tried a lot of different ways to handle colours variables in SCSS (or CSS of course).

Every time I try different approaches to handle them, but finally, I've found a cool way to.

## The problem
The issue with different theme colours management was the naming convention. Basically I was using something like that:

```scss
$background: white;
$primary: magenta;
$secondary: lawngreen;

$light: #FFF;
$dark: #000;

[...]

html {
  background-color: $background;
  color: $dark; /** white on black */
} 
```

This method has some limitations especially while using different themes palettes. Sometimes switching between dark and light themes doesn't mean than the light colour or the background one might be in contrast with the opposite themes, for example:

```scss
/** LIGHT THEME */
$background: black;
$primary: magenta;
$secondary: lawngreen;

$light: #FFF;
$dark: #000;

/** DARK THEME */
$background: white;
$primary: magenta;
$secondary: lawngreen;

$light: #FFF;
$dark: #000;
[...]
html {
  background-color: $background;
  color: $dark; /** black on black with dark theme */
} 
```

As you can see, you will get unexpected behaviours if you don't set variables and/or CSS properties properly.

## The solution
I've tried a lot of different solutions during my career to handle these issues with theming. The best one I've found so far is the following:

```scss
/** CONTRAST VARIABLES */
$<variable-name>: black;
$on-<variable-name>: white;
```

This method allows you to define a colour variable and a contrast colour variable for it.

So if we define two different themes it comes easier to understand and to write:

```scss
/** LIGHT THEME */
$background: black;
$on-background: white;
$primary: lawngreen;
$on-primary: black;

/** DARK THEME */
$background: white;
$on-background: black;
$primary: lawngreen;
$on-primary: black;

[...]
html {
  background-color: $background;
  color: $on-background; /** black on white with dark theme */
} 
```

This system lets you define each variable with its contrast colour, which lets you organize better your themes and styles.

Another cool advantage with this system is the **reverse** state, for example:

```scss
[...]
pre {
  background-color: $primary;
  color: $on-primary;

  &.reversed {
    background-color: $on-primary;
    color: $primary;
  }
} 
```

Easy! That's all!

## Conclusions
This is a cool way to define SCSS (and CSS) variables, I'm using this system in different projects in production and create a new theme is really easy to do.

What do you think about that? Do you know a better method to handle this case? If yes let me know in the comments section!
Flutter: How to work with JSONs like a PRO
Tags: flutter, dart, JSON
Published: 2020-04-27 12:56:34

Before being a Flutter developer, I came from the JavaScript world. One thing I missed the most is the mighty JavaScript packages on [npm](https://www.npmjs.com/), especially [lodash](https://lodash.com/) and [ramda](https://ramdajs.com/).

When developing Flutter applications, we often need to parse JSON objects from API responses, then access or manipulate them accordingly. Sadly dart language’s support for Map objects is not very rich, therefore I created this package: [map_enhancer](https://pub.dev/packages/map_enhancer).

**Usage**

```dart
import 'package:map_enhancer/map_enhancer.dart';

void main() {
  final Map peter = {
    'name': {
      'firstName': 'Peter',
      'lastName': 'Petrelli',
    },
    'age': 29,
  };

  print(
    peter.getIn(['name', 'firstName']),
  );
  // Output: Peter

  // or if you prefer the JSON "dot notation":
  print(
    peter.getIn('name.firstName'.split('.')),
  );
  // Output: Peter

  // call with default value:
  print(
    peter.getIn(
      'name.nickName'.split('.'),
      defaultValue: 'Pete',
    ),
  );
  // Output: Pete

  peter.setIn(['ability'], 'Empathic mimicry');
  print(peter['ability']);
  // Output: Empathic mimicry

  peter.unsetIn(['name', 'lastName']);
  print(peter['name']['lastName']);
  // Output: null

  print(peter.hasIn(['name', 'nickname']));
  // Output: false
}
```

Actually this package is not restricted to Flutter and JSON(Map<String, dynamic>) objects, you may use it in any dart projects, or on any dart’s native Map objects.

And that’s it. Visit [pub.dev](https://pub.dev/packages/map_enhancer) to install this package, or submit issues/pull requests on [GitHub](https://github.com/crizant/dart_map_enhancer).
Mithril Gems...
Tags: mithril, bss, javascript, list
Published: 2020-04-27 12:51:41

Did I say Mithril is really awesome ? Futhermore, the community behind is very active.
Among the community I must cite Oscar (Osban) who constantly and patiently responds to any questions. Here is one of what I call 'little gem" from Oscar.
He uses a very nice CssInJS library called [bss](https://github.com/porsager/bss) from Porsager.

```js
const app = () => {
  const list = [{c: 1, t: 'one'},{c: 2, t: 'two'},{c: 3, t: 'three'},{c: 4, t: 'four'}]
  let which = 1
  
  return {
    view: () => [
      m('div' +b`f left; w 150; bc lightgrey; mr 100`,
        m('ul' +b`listStyle none`,
          list.map(x =>
            m('li' +b.$hover(b`cursor pointer; c red`), {onclick: () => which = x.c}, x.t)
          )
        )
      ),
      m('div' +b`pt 50`,
        which === 1 ? m('div', 'ONE')   :
        which === 2 ? m('div', 'TWO')   :
        which === 3 ? m('div', 'THREE') :
        m('div', 'FOUR')
      )
    ]
  }
}

m.mount(document.body, app)
```

You can test it here [List Selection](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J4hcYgAIMABxmSAvJIAUASkUA+ScAA6aSZPFSoECYsmpqiSQEYKk4tYDk9GE-bArkgEz3Hkp2IAd1p3Di8AZj9nYkIAJxg3Dy8AFmiAsFoAVzj3AF09A1gpIMIIakJzG0LJGoTiHP1dfQNJADcIGCDrNU0LGtbJLGUnABMINqdJAGoAIwADMElYMGIAbkkg2wBWAAYN2epliABzEhOEgE8NrDjbXd35igHBoZGsqCm5+ZMJAGViJdYJI0K4ni9XscJPgsLJlAAPTQQyFvJwmL6zfAAEkItDaMDiygW1BycFodxktAgwjiGyOCVG81U9mA9GoJmoAGseuoFFpSuVKkp4fhqOxJCLiKpkYNpS1IXKFc95a1hmMJhj5jIpHtwSrBgKKooFEobJIAPyo8aTexOADyADkAKJOdQGRAyzZlI0mpTeC1WjW2gAqAHU7a7Wh79a1DUKTZIIgG1danCGABIAJSdLvU0ZRgZtAQAYnaAKqZ13IxWtAotVh6BtoPRYGHZBjKUa0Ek4Bj4Wa0UaXeyyGSqSggOAwWDUYgQegIHjeCKIbwAdgAtLtELs2BwQJgcHhRXABDR6IxmDw2HkqCY0JzF6gD1w8FgILE4tAJzlyDwSMQMhwIgAD0IFZGgMicicoq0FgIHvp+0AAAI2PgaEAGwIR+8TQPg-AToCMjcJO1Bftqe6cEePCzKeP5xH+IAAUBoHgZB0GwfBtFwKh+DbOhIHcfhZ5ESRcBkRAFGsHkrBAA)
Vim's Versatile CLI - pipes, signals, and flags
Tags: vim, neovim, productivity
Published: 2020-04-27 12:49:44

Vim is a command-line tool and therefore comes with all the modular conveniences this entails - such as the ability to respond to signals, to be opened with special flags, or receive input from a pipe. Learn how to do all this and more in this screencast.

{% youtube pt36X1OJRG4 %}
April 27 — Daily CodeNewbie Check-in Thread
Tags: codenewbie, checkin, beginners, discuss
Published: 2020-04-27 12:45:10

---
title: April 27 — Daily CodeNewbie Check-in Thread
published: true
description: A daily thread to ask questions, share progress, and stay accountable!
tags: codenewbie, checkin, beginners, discuss
series: Daily Checkin
---

You are encouraged to use this daily thread to:
- Ask for help (all questions encouraged)
- Explore topics you’re curious about
- Share something you’ve written or read
- Celebrate your wins
- Stay accountable to your goals
- Support your fellow programmers

Happy Coding!

---

_Interested in joining the twice-weekly live [#CodeNewbie Twitter chats](https://twitter.com/search?q=codenewbie)?  You can find us [on Twitter](https://twitter.com/search?q=codenewbie) each Wednesday at 9pm ET (1am GMT on Thursday) and Sunday at 2pm ET (6pm GMT)!_