teleren/devto huggingface dataset:
MakePad for individuals
Tags: productivity, sideprojects
Published: 2019-04-17 17:56:34

---
title: MakePad for individuals
published: true
description: productivity tool 
tags: productivity, sideproject
---
About us
Makepad is designed and created for individuals looking to organise work or side projects in a productivity tool that doesn't cost the earth to use monthly.

Why Makepad
Our app allows you to create multiple projects and within each project organise everything from uploads , bookmarks , kanban boards and more.

Goodbye teams
Since we are aimed at individual users we stripped out team features so you wont be asked via notifications what your working on or find your self caught up in a discussion with others.

Https://makepad.live
How to Code JS Column Chart with Multi-Level X-Axis — Challenge AnyChart!
Tags: webdev, dataviz, tutorial, javascript
Published: 2019-04-17 17:47:10

---
title: How to Code JS Column Chart with Multi-Level X-Axis — Challenge AnyChart!
published: true
description: Irina Maximova from AnyChart's Support Team wrote a new "Challenge AnyChart!" tutorial. It explains how to create an interactive JavaScript column chart with a multi-level X-axis, displaying data with subcategories
tags: #webdev, #dataviz, #tutorial, #javascript
canonical_url: https://www.anychart.com/blog/2019/04/17/code-js-column-chart-multi-level-x-axis/
cover_image: https://i.imgur.com/4pMNpKj.png
---
Irina Maximova from [AnyChart](https://www.anychart.com)'s Support Team wrote a new "Challenge AnyChart!" tutorial. It explains [how to create an interactive JavaScript column chart with a multi-level X-axis](https://www.anychart.com/blog/2019/04/17/code-js-column-chart-multi-level-x-axis/), displaying data with subcategories. Take a read on the AnyChart blog.
Hidden Characters
Tags: html, utf, webdev, discuss
Published: 2019-04-17 16:02:07

---
title: Hidden Characters
published: true
description: I see it but I can't SEE it.
tags: HTML, UTF, webdev, discuss 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/q6h67mtqr09i86goagq6.jpg
---

The other day a bug was reported to my team. On windows machines and android devices we were getting this character.


![](https://d2mxuefqeaa7sj.cloudfront.net/s_CBD5FD7C06F427E5ED25F8374D3BA4322F37A0714B5C35ADCD3068E21CD15805_1551985270824_image.png)


On android we would be getting just blank squares

![](https://d2mxuefqeaa7sj.cloudfront.net/s_CBD5FD7C06F427E5ED25F8374D3BA4322F37A0714B5C35ADCD3068E21CD15805_1551985338254_image.png)


When we would go and look in the code we couldn’t find anything.

![](https://d2mxuefqeaa7sj.cloudfront.net/s_CBD5FD7C06F427E5ED25F8374D3BA4322F37A0714B5C35ADCD3068E21CD15805_1551985435353_image.png)


We were able to cmd + shift + right arrow and it wouldn’t select anything but you could delete the character. Then my boss told me about the bare bones editor and how it has a setting you can turn on to see hidden characters.

Here is the setting to run on hidden characters

![](https://d2mxuefqeaa7sj.cloudfront.net/s_CBD5FD7C06F427E5ED25F8374D3BA4322F37A0714B5C35ADCD3068E21CD15805_1551985640216_Screen+Shot+2019-03-07+at+12.42.05+PM.png)


After then we were able to see this hidden | character. 

![](https://d2mxuefqeaa7sj.cloudfront.net/s_CBD5FD7C06F427E5ED25F8374D3BA4322F37A0714B5C35ADCD3068E21CD15805_1551985864777_image.png)


If you selected them and did a search and can see what the editor interprets them to be. unicode 2028.  https://www.compart.com/en/unicode/U+2028

![](https://d2mxuefqeaa7sj.cloudfront.net/s_CBD5FD7C06F427E5ED25F8374D3BA4322F37A0714B5C35ADCD3068E21CD15805_1551985984011_image.png)


I was able to then search our whole site to make sure that there wasn't any more of these hidden characters hanging around. We aren’t sure exactly how these characters got added but it could have been a copy and paste from microsoft word or outlook or an old design tool we used in the past.

##Extras
[I made a couple of designs one for a sticker click here to go get one.](https://teespring.com/hidden-characters#pid=794&cid=103544&sid=front)
![](https://thepracticaldev.s3.amazonaws.com/i/q38orydxwnmvv7axstng.jpg)

[And another for a T shirt if you would like to buy one click here.](https://teespring.com/hidden-characters-t#pid=369&cid=6513&sid=front)
![](https://thepracticaldev.s3.amazonaws.com/i/rrmofj9uisdej6jebaxs.jpg)


Also if you are already using vscode I found a couple of plugins that are supposed to help find hidden characters.
https://marketplace.visualstudio.com/items?itemName=nachocab.highlight-dodgy-characters

https://marketplace.visualstudio.com/items?itemName=wengerk.highlight-bad-chars
Things to look forward to while learning development and having mental disorders or neurological
Tags: learning, mentalhealth, experience
Published: 2019-04-17 15:43:22

---
title: Things to look forward to while learning development and having mental disorders or neurological
published: true
description: a non technical personal experience for a code newbie starting after a 9 years hiatus
tags: #learning , #mentalhealth ,  #experience 
---
Hello I am a code noob well my name is MO but that's not important as much as my experience which is as follows :
at  college I had only 2 semesters in Java but after graduation I had severe neurological issues and psychological which made me doubt everything for 9 years , not acknowledging I had problem but then I got intact with reality bit by bit .
and here what I found as a GAD and ADD diagnosed individual .
with the ever evolving technologies and products : ANT , Gradle , saas, paas,Iaas, python , BI , etc .
you will be overwhelmed and don't know where to start so if you're recuperating from a long vacation like mine for 9 years , start small and gradually .
Nowadays there are tons of cyber bullying but also there are supportive communities like this one which serves as a source of information.

I had a fear of failing and was always fearing to start something because I didnt know where to start , since I was also diagnosed with ADD , Epilepsy , Depression and social phobia .
Now a days comparing to 15 years ago there is learning platforms , knowledge sharing sites , foss lobbies , also try to push yourself to be out there even if its terrifying .
finally integrate , since knowledge is accumulated .
the best thing is gradual escalation of your projects for self assessment .
and others too in order to learn and get out of your shell .
Free & Production-Ready UI-Kits for Vue.js  
Tags: vue, uikit, starters
Published: 2019-04-17 15:06:51

---
title: Free & Production-Ready UI-Kits for Vue.js  
published: true
description: Searching UI-Kits for your next app. Check out this list 
tags: vue, ui-kit, starters
---

Hello coders, 
I've searched for Vue.js UI-Kits (free & paid) and this is my list:

![Vue.Js Themes - Free and Paid](https://static.appseed.us/misc/vuejs-themes-free-paid.jpg)

**Free** - Now UI Kit - [Demo](https://demos.creative-tim.com/vue-now-ui-kit/#/), [Sources](https://github.com/rosoftdeveloper/appseed/tree/master/starter-vue/now-ui-kit)
**Free** - Argon Design System - [Demo](https://demos.creative-tim.com/vue-argon-design-system/#/), [Sources](https://github.com/rosoftdeveloper/appseed/tree/master/starter-vue/argon-design-system)
**Free** - Vuesion - PWA stater - [Demo](https://vue-starter.herokuapp.com/), [Sources](https://github.com/vuesion/vuesion)
**Free** - Material kit - [Demo](https://demos.creative-tim.com/vue-material-kit/#/), [Sources](https://github.com/rosoftdeveloper/appseed/tree/master/starter-vue/material-kit)

**Paid kits**, published on ThemeForest (no affiliate link)
Blair One Page BS4 kit - [Demo](https://belostemasblair.firebaseapp.com/#!/)
Tovo Landing Page - [Demo](http://vue.pixelstrap.com/tovo/)

A few remarks:
Vuesion kit looks very nice, the publisher provides support live support on Discord. Personally, I didn't succeed to start it. I will provide an update after getting some support from the publisher.


**Argon Design System** is available also as a [Full-Stack Web App](https://vuejs.appseed.us/#/) enhanced with JWT authentication, login, register, Express backend, SQLite - LIVE [demo here](https://vuejs.appseed.us/#/).


Some nice UI-Kit, not on the list? Feel free to suggest it in comments. 
Thank you!
TypeScript Tutorial - conditional types
Tags: tutorial, typescript, webdev, showdev
Published: 2019-04-17 14:05:22

---
title: TypeScript Tutorial - conditional types
published: true
tags: tutorial, typescript, webdev, showdev
canonical_url: https://blog.graphqleditor.com/advanced-typescript-tutorial-conditional-types/
series: TypeScript Tutorials
description: Advanced typescript tutorial - conditional types
---

Hello, This is the second article of the advanced typescript tutorial series. Today I'll cover the basic usage of

```typescript
extends
```

keyword and conditional types. How does conditional type looks like?
```typescript
type StringOrArray<T> = T extends string[] ? 'array' : T extends string ? 'string' : never
const a:string = "hello"
const b:string[] = ["hello","world"]
const c:number = 1

const d:StringOrArray<typeof a> = "string"
const e:StringOrArray<typeof b> = "array"
let f:StringOrArray<typeof c> 
```

So let's analyze this code:

1. We check if our generic Type is a string array
2. If it is array make type as string constant 'array'
3. If it does not check the type. If it is string make type as string constant 'string'
4. Else the type is never
   
To be the truth this code is useless but can give you some scope how `extends` keyword works. Next example will be a real-world example where we determine the type of the form field to give the user correct options.

```typescript
type FieldType = "string" | "float" | "date"

type BaseField = {
    name:string
}

type Field<T extends FieldType> = BaseField & {
    value: T extends "string" ? string : T extends "float" ? number : T extends "date" ? Date : never
}

const stringField:Field<"string"> = {
    name:"myfield",
    value:"aaa"
}
const floatField:Field<"float"> = {
    name:"myfield",
    value:1.0
}

const dateField:Field<"date"> = {
    name:"myfield",
    value: new Date()
}
```

This is a little bit more advanced. What's going on with FieldType? It just checks the string converted to generic type to return correct type.

```typescript

type FieldType = "string" | "float" | "date";
type BaseFieldExtended = {
  name: string;
  type: FieldType;
};
const FieldExtended = <T extends BaseFieldExtended>(
  baseField: T & {
    value: T["type"] extends "string"
      ? string
      : T["type"] extends "date"
      ? Date
      : T["type"] extends "float"
      ? number
      : never;
  }
) => baseField;

FieldExtended({
  name: "a",
  type: "string",
  value: "bbb"
});

FieldExtended({
  name: "a",
  type: "float",
  value: 12
});

FieldExtended({
  name: "a",
  type: "date",
  value: new Date()
});

```

And this is what typescript is made for. To provide complicated autocompletion stuff :). Wait for the next series of advanced typescript tutorial.
How to setup a mailbox with custom domains?
Tags: discuss, question, advice, help
Published: 2019-04-17 14:05:05

---
title: How to setup a mailbox with custom domains?
published: true
description: Need advice on how to setup a custom domain mail solution.
tags: discuss, question, advice, help
cover_image: https://thepracticaldev.s3.amazonaws.com/i/74tlt07m7csysh6rkhww.png
---

I have a couple of domains for all kinds of different projects, some on shared hosting (with a mailbox solution from the provider) and some on a private VPS.

My goal is to move everything to my VPS but the problem I currently have is that I don't know how to setup a mail server solution. Any advice would help me a lot, do you have your own mail server solution or are you using a 3rd party service?

Maybe some requirements that I currently have:

- Supports multiple domains
- SMTP so I can send mails from my backend application
- Can create multiple mailboxes if needed

**I understand that there is not 1 perfect solution but any tips are welcome to help me reach my goal.**
Mint 🍃: Getting Started
Tags: mintlang, webdev, frontend, javascript
Published: 2019-04-17 14:03:01

[Mint](https://www.mint-lang.com) is a refreshing programming language for the modern web (which I am the developer of). 

This is the first in the series introducing Mint and it's features.

## Why use Mint?

The following list should provide a nice incentive :)

* Strongly typed, JavaScript like syntax
* Immutable data structures and functional programming elements
* HTML like syntax for HTML elements and components
* Everything included:
  * routing
  * support for components
  * styling with CSS
  * standard library
  * data store (like Redux)
  * development server
  * formatter
  * environment variable handling
  * test runner
  * documentation server
  * JavaScript interoperability
  * Progressive Web Application support
* Optimized output (minified, mangled)
* [Dead code elimination](https://en.wikipedia.org/wiki/Dead_code_elimination)
* A single binary which contains the whole toolchain
* Uses React a Platform
* and more awesome features...

## Installation

Mint comes as a single binary file: `mint`. To install it please follow the instructions on [the install page](https://www.mint-lang.com/install) (basically download the binary and add it to the PATH).

## Creating a new project

Once you have Mint installed you can create a new project with the `mint init` command:

```
mint init my-awesome-project
```

If successful you should see this:

```
Mint - Initializing a new project
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⚙ Creating directory structure...
⚙ Writing initial files...

There are no dependencies!

There is nothing to do!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
All done in 2.231ms!
``` 

This creates the following directory / file structure:

```
my-awesome-project
├── source
│   └── Main.mint
├── tests
│   └── Main.mint
├── .gitignore
└── mint.json
```

## Development server

Mint comes with a built in development server which recompiles the code (and reloads the browser) when something changes, to start it go into the project directory and run the `mint start` command:

If successful you should see this:

```
Mint - Running the development server
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⚙ Ensuring dependencies... 181μs
⚙ Parsing files... 2.608ms
⚙ Development server started on http://127.0.0.1:3000/
```

Now you can open the running project on `http://127.0.0.1:3000/` or `http://localhost:3000/`.

If the project is running you should see this:

![](https://thepracticaldev.s3.amazonaws.com/i/dyvfbhcu61y25n3aibs3.png)

Now you are up and running with a Mint project locally 🎉 

## Online Playground

If you just want to mess around without installing, you can use the [try page](https://www.mint-lang.com/try) on the website.

If you like to learn more about Mint check out the [guide](https://guide.mint-lang.com) 📖

In the [next part](https://dev.to/gdotdesign/components-in-mint-4a4n) I'm going to show how to create components 😉 see you there 👋
Why is my alias not working?
Tags: explainlikeimfive
Published: 2019-04-17 13:58:28

---
title: Why is my alias not working?
published: true
tags: explainlikeimfive
---
 alias  cloud='cd ~/Users/diddy/Library/Mobile\ Documents/com~apple~CloudDocs'

I thought it was related to the escape character but it's not. I get the "No such file or directory" error.
Developers meet Designers, Designers meet Developers
Tags: discuss, beginners, design, career
Published: 2019-04-17 13:29:55

---
title: Developers meet Designers, Designers meet Developers
published: true
description: 
tags: discussion, beginners, design, career
---

Is there such a community where Developers ⇄ Designers can meet and collaborate? I am a developer who has an eye for design. 

That doesn't mean that I can do what professional designers do, I just know what looks good vs the obvious `not`. 

I do create my own opensource logos, templates, etc. But most of the time, I find myself copying other's designs or totally give up and head to Fiverr.

I once had an opportunity to work on a project with a designer who knows UX and HTML/CSS development. It was an awesome experience.

It was my first time to trust someone with a design which we both agreed. He was not just a designer, we both had enough knowledge to communicate requirements on our sides.

Now, why am I looking if I already found a person who could work with me? Here is the thing, not all people are like you and me folks.

We are the ones who have a very long list of TODOs that is piling up very fast but slowly being ticked. We are obsessed with new ideas which most of the time lead to half-baked outputs. 

{% link https://dev.to/dvddpl/s-o-s-you-might-suffer-from-f-o-m-o-about-fear-of-missing-out-and-shiny-object-syndrome-23j4 %}

We love opensource and definitely find time out of our 9-5 job and our weekends. In fact, we consider this as one of our leisure activities. 

Working for years, I only met a single person who shares the same enthusiasm. And no, he is not a designer, he is an awesome developer just like me.

So how about, we start establishing an alliance where we can do stuff together. Let us build our portfolios together and work our way towards intentional career building.
Anything like PHP's PSR-7/15 for C# and ASP.NET Core?
Tags: csharp, php, question
Published: 2019-04-17 13:25:04

---
title: Anything like PHP's PSR-7/15 for C# and ASP.NET Core?
published: true
description: 
tags: csharp, php, question
---

I've been using PHP for the past 5 years or so, and I'm taking a look at C#, which I last used 5-6 years ago.

A lot has happened, it seems.

One of the greatest pains was threading issues (locks and mutexes, ugh) and it looks like `async` and `await` will make for a more painless experience in that department, so that's good.

The platform and the new .NET Core run-times are now cross-platform with Linux and Mac support, so that's a huge plus.

But where's the simple, elegant, straight-forward, no-frills, no-bells, no-whistles HTTP kernel I'm looking for?

These past years, with the PSR-7 HTTP model, and PSR-15 middleware model, I've grown accustomed to a very simple and elegant HTTP abstraction consisting of a few interfaces and a trivial middleware stack - I build everything from the ground up with a DI container at the center of everything, which provides me with a huge degree of freedom, flexibility, control and ease of use, with very few moving parts, easy debugging, and nothing to get in the way of handling any special case or requirement.

Everything I can find for C# looks overly complex, bloated - everything seems to be based on the idea of "standard architecture" with a bunch of hooks and configuration that lets choose from lots of tailored options and plug things in.

After the success we've had with PSR-7/15, after seeing how happy my fellow developers are working with something much more simple and open, frankly, it would feel like a huge setback, going back to the kind of "fill in the blanks" architecture of "web" frameworks (way too broad!) that we put of with before we discovered things like Express.js, PSR-15 and similar middleware stacks on other platforms.

All I really want is a simple Request and Response model, and a very basic `Request => Response` middleware abstraction (e.g. PSR-15's `HandlerInterface` would do nicely) that plugs into a simple HTTP Host that does the hard work.

Surely there has got to be something like that for C#/.NET Core?

Why am I not finding it?
Taking Back Software Engineering
Tags: agile, software, sketchnotes
Published: 2019-04-17 13:08:19

---
title: Taking Back Software Engineering
published: true
description: sketchnotes from a talk by Dave Farley at Agile North East
tags: agile, software, sketchnotes
---

We had Dave Farley (of Continuous Integration book fame) talk at our local 
Agile meetup group on 2nd April 2019. Here are my sketchnotes from the event.

![sketchnote](https://thepracticaldev.s3.amazonaws.com/i/3xrwfe1n67ms0sv0c79a.png)
Most Popular Development Posts Of The Week (17 April 2019)
Tags: css, webdev, frontend, html
Published: 2019-04-18 10:27:17

---
title: Most Popular Development Posts Of The Week (17 April 2019)
published: true
tags: css,webdev,frontend,html
canonical_url: https://medium.com/daily-now/most-popular-development-posts-of-the-week-17-april-2019-96b1f7e5e6a7
cover_image: https://cdn-images-1.medium.com/max/1024/1*8sER-al_PH5OMu_O8W78Yg.jpeg
---

> Only the paranoid survive

For those of you who still don’t know, we have officially announced the launch date of Daily 2.0, 🥁 **April 30th!** For more information: [https://www.producthunt.com/upcoming/daily-2-0/messages/daily-2-0-has-an-official-launch-date](https://www.producthunt.com/upcoming/daily-2-0/messages/daily-2-0-has-an-official-launch-date)

Make sure to subscribe so you won’t miss it!

- [Front-end Developer Handbook 2019](https://app.dailynow.co/r/e84e6edda62d022c558571b326a42ff5)
- [10 Shortcuts Web Developers Use to Get Results in Record Time](https://app.dailynow.co/r/298170d30d7c429c5abd103cfdfd66f5) by [Tessa Norton](https://medium.com/u/687def1e0bc2)
- [The 2019 Web Developer RoadMap](https://app.dailynow.co/r/7bde5ba95a1b2b46751e6cfa80f700f4) by [javinpaul](https://medium.com/u/bb36d8439904)
- [So You Think You Know HTML?](https://app.dailynow.co/r/801b40b9d4516be8ea661f1341c9ff9f) by [Bret Cameron](https://medium.com/u/d4a4110b5d57)
- [Marissa Mayer Interview: How a Revenue Guarantee Almost Killed Google](https://app.dailynow.co/r/4cf83c5a8d3a4fd6b3b7c32126a23555) by [Charlie Treichler](https://medium.com/u/c17da8e4a073)
- [How I’ve Automated My Productivity With This Smart Home Combo](https://app.dailynow.co/r/f4ad0b71b2a94a4a8747a714d35e9743)
- [Edge Goes Chromium: What Does it Mean for Front-End Developers?](https://app.dailynow.co/r/8666eec1b338e4c3dd519486b8add5e0)
- [Kyle Simpson: I’ve Forgotten More JavaScript Than Most People Ever Learn](https://app.dailynow.co/r/25673b940377da44ce9f06ef92402feb)
- [Building a Chat application using Flexbox](https://app.dailynow.co/r/391f29c93135affae089702275eb96a8) by [Daryl Duckmanton](https://medium.com/u/4b7390c40098)
- [How the Tech Giants Make Their Billions](https://app.dailynow.co/r/e2645af3f5dbffe27aabaf223c0a1104) by [Scott Douglas Clary](https://medium.com/u/5c20bd9d6f89)

* * *

[_Thanks to Daily_](https://www.dailynow.co/) _developers can focus on code instead of searching for news. Get immediate access to all these posts and much more just by opening a new tab._

![](https://cdn-images-1.medium.com/max/1024/1*m8Uf-6F4Q5AOp_wW6tbKSQ.jpeg)