teleren/devto huggingface dataset:
Nevertheless, Stevie Oberg Coded
Tags: wecoded, womenintech
Published: 2019-03-08 14:08:52

---
title: Nevertheless, Stevie Oberg Coded 
published: true
tags: shecoded, womenintech
---

## I continued to code in 2019 because...

tl;dr - Personally, because I enjoy it & professionally, because I got a new job.

2018 began as a rough year regarding my career. I was feeling burned out and I knew I needed to get a new job.

So I started applying and in November of 2018, I accepted a remote job working on an entirely different system and using entirely different technology. Frankly it's been a godsend!

It's given me the structure I desired and, most importantly, the mental space to work on personal projects in my free time and rediscover why I'm in Tech to begin with because I enjoy creating things with code.


## I deserve credit for...

- Quitting a bad job?
- Starting to interact with, instead of just lurking in, a community


## I hope to see my tech community...

Grow. In numbers, in character, and in diversity.
A subtle and clever way to prevent adblocks
Tags: adblocking, browser, discuss
Published: 2019-03-08 14:08:43

---
title: A subtle and clever way to prevent adblocks
published: true
description: How some websites are preventing adblocks in a subtle and clever way
tags: adblocking,browser,discuss
cover_image: https://images.unsplash.com/photo-1499722900374-f105b25c2934?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80
---

Some websites are very direct about their adblocking policies. Who has never seen something like this before?

![adblock](https://www.pcmobitech.com/wp-content/uploads/2016/06/Disable-adblocker-to-view-content-on-this-site.png)


Some of them even write complete articles or help posts discribing how to disable an adblock software so users can resume their web surfing. ( while seeing a lot of ads of course. )

Wheter that is acceptable or not is up to discussion. Some people are completely against the usage of internet ads, like the guys at [pihole](https://pi-hole.net/). Some think there are acceptable ads, and some think that all kinds of ads are a good source of revenue. Personally, i think that internet ads are an outdated practice that should be extinct.


Well, on the last few days i have come across some websites that were completely broken and unusable. Inspecting the developer tools ( force of habit, trying to debug stuff even if it isn't my job, lol ), i have noticed that my adblocker was breaking the site. My first thought was something like: 


*Hey, maybe the guys were junior devs and didn't think about it, and the site owners didn't have enough money to pay for proper devs.* 

Then i just stopped my adblock software and kept browsing. But then some thoughts came into my mind.


*What if it was done in purpose?*

Then I realized that i'm not the first person to happily disable an adblocker because the website completely stopped working because of it. It was like my subconscient told me that it was **my** fault instead of the website's. Then i ask you guys: 

Maybe it is more efficient to break your website in purpose if it detects an adblocker instead of just asking the user to disable it? And is it an ethical thing to do?
Nevertheless, Liana Coded
Tags: wecoded
Published: 2019-03-08 13:47:07

---
title: Nevertheless, Liana Coded 
published: true
tags: shecoded
---

## I started/continued to code in 2019 because...

Actually, I haven't coded once in 2019 but I did code in 2018. I even got a hacktoberfest t-shirt for contributing to my first open source project. I don't identify as a coder but I know HTML and was able to contribute and that was pretty cool. 

## I deserve credit for...

Being a legit open source contributor. You can check out my DEV profile and see the contributor badge as proof! I also designed the badge and deserve credit for that because that's what I actually do around here 😄

I'm writing this post in markdown. I think it's pretty cool I even know what markdown is and I love it. 

## I hope to see my school/work/developer/tech community...

I hope the whole software industry becomes as kind and awesome as the community here on DEV. 

![](https://thepracticaldev.s3.amazonaws.com/i/4648ezwq3giio81grlp6.JPG)
Hello, My name is Tyler Potts, and I support all women devs.
Tags: wecoded
Published: 2019-03-08 13:57:51

## I will advocate for gender equality by...
Continuing to be apart of the community supporting everyone who aspires to be a dev and more.

## I hope to see my developer community...
Pull away from the gender gap and grow with more of an equal variety of genders. We support everyone. I'd love to see more of you join us at [The Coding Pot](https://discord.gg/eQk3u9k) discord server...

## My advice for fellow allies is...
To continue to support all devs no matter what their gender is. Everyone is equal. No one is above anyone else.

\#SheCodedAlly #SheCoded #BalanceForBetter #InternationalWomensDay
Nevertheless, Karen Coded
Tags: wecoded
Published: 2019-03-08 13:57:42

---
title: Nevertheless, Karen Coded 
published: true
tags: shecoded
---

My day job is far from the coding world. I am a recruiting manager, and most of my day-to-day is spent exploring how to find great (tech) talent to join our company, take care of my team and making sure that other initiatives I'm involved with, run smoothly. I love programming, to create things out of nothing. Which is why I always try to find ways to continue in touch with these skills. 

Some things I am doing:

- Find opportunities in my job where I can apply logic and automation. A small script here, a scrapper there... There is always something to try and make my every day easier.

- I am involved in [building a bootcamp](http://codeable.pe) in Peru. This is not something that's common here, and we are still learning lots of things (we are running our first cohort!). However, I do take enjoyment in being involved in this project as a way to keep in touch with my technical knowledge. I love to help the next generation in not only learning something that is very passionate to me, but also being able to change their life and get an amazing job. 

- Trying code katas and exercises here and there. Taking online courses about topics that are interesting to me, like AI and machine learning.

- Working on my own app. It's always nice to put your ideas in practice. I am building a startup where I am leading the technical side. We are about to run out first closed test. 

To me, find ways to do what you love is important. I happen to love how to solve problems (often with technology). I see them as puzzles that need to be cracked. I persevere in trying to keep up programming by finding small opportunities during my job day-to-day.
Nevertheless, Ali Coded
Tags: wecoded
Published: 2019-03-08 13:29:49

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

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

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

![](https://thepracticaldev.s3.amazonaws.com/i/uyco6nk2stg6lfn4ar4p.jpeg)

![](https://thepracticaldev.s3.amazonaws.com/i/vbwz2lq079iuwb0lml09.jpeg)

![](https://thepracticaldev.s3.amazonaws.com/i/03gdh98gk4pt3cm50ym9.jpeg)

![](https://thepracticaldev.s3.amazonaws.com/i/m72n4w5w5eiuu5opawni.jpeg)

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

![](https://thepracticaldev.s3.amazonaws.com/i/bvjuz3hd0fiqloenpphh.jpeg)

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

![](https://thepracticaldev.s3.amazonaws.com/i/apb8fwehey5a4n8qcq2x.jpeg)

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

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

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

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

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

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

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

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



![](https://thepracticaldev.s3.amazonaws.com/i/dvo8uk6a9b0h0hns6ysf.jpeg)

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

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

![](https://thepracticaldev.s3.amazonaws.com/i/5pdd6e0mpide4nmwvfmd.jpeg)

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

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

![](https://thepracticaldev.s3.amazonaws.com/i/723pqhctiok5jkwupsvr.jpeg)

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

# Nevertheless, Ali coded... and wrote about it online.
Nevertheless, Aline Coded
Tags: wecoded
Published: 2019-03-08 13:29:17

---
title: Nevertheless, Aline Coded 
published: true
tags: shecoded
---

## I continued to code in 2019 
Because I finally realised that there's room for me in this industry. Many times I thought I made a mistake and I could never be a good programmer. That I had to be obsessed with programming to be successful. That I had to be a 'rockstar'.
My god how wrong I was :muscle:

## I deserve credit for 
Going after a fullstack developer job that scared the crap out of me, actually doing the job well and continuously adapting and learning. And being a lot less afraid to stand up for myself. :nail_care:

## I hope to see my community
Grow! This year I decided to do something I've been wanting to do for a long time, get involved in community. I met the amazing ladies of [Vue Vixens](https://vuevixens.org/) :sparkling_heart: so of course I joined. I hope to grow the Belgian Vue Vixens community and meet a lot more badass women in tech! :fire:
Replace “choose file” upload button with set image library 
Tags: javascript, html
Published: 2019-03-08 13:19:03

---
title: Replace “choose file” upload button with set image library 
published: true
description: I found code that allows a user to write custom text on an image on front end on a previous stack question https://stackoverflow.com/questions/17564368/allow-users-to-write-a-custom-text-on-an-image

I would just like to replace the button "choose file" upload button with a dropdown selector where users can only select images from my library and a button to download the image with the custom text on. Please help. Herewith the code:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    var
    maxSize=600, // Max width or height of the image
    font='italic small-caps bold 40px/50px arial', // font style
    fontColor='white', // font color
    textX=50, // text x position
    textY=50, // text y position
    h=function(e){
    var fr=new FileReader();
    fr.onload=function(e){
    var img=new Image();
    img.onload=function(){
    var r=maxSize/Math.max(this.width,this.height),
    w=Math.round(this.width*r),
    h=Math.round(this.height*r),
    c=document.createElement("canvas"),cc=c.getContext("2d");
    c.width=w;c.height=h;
    cc.drawImage(this,0,0,w,h);

    cc.font=font;
    cc.fillStyle=fontColor;
    cc.fillText(document.getElementById('t').value,textX,textY);

    this.src=c.toDataURL();
    document.body.appendChild(this);
    }
    img.src=e.target.result;
    }
    fr.readAsDataURL(e.target.files[0]);
    }
    window.onload=function(){
    document.getElementById('f').addEventListener('change',h,false);
    }
    </script>
    </head>
    <body>
    1.write text
    <input type="text" id="t">
    2.add image
    <input type="file" id="f">
    </body>
    </html>
tags: php,Javascript,html
---
I'm Nguyen Quoc Tuan, a Vietnamese developer, and I support women devs.
Tags: wecoded
Published: 2019-03-08 12:59:56

---
title: I'm Nguyen Quoc Tuan, a Vietnamese developer, and I support women devs.
published: true
tags: shecodedally 
---
<img src='https://thepracticaldev.s3.amazonaws.com/i/s0oixvj02c0vmtr4i2iy.jpg'>

## I will advocate for gender equality!
Women are also as great as men in being a developer. In my company, I have already seen many good female developers. They helps me a lot in handling problems in our projects, their guides and ideas are also great and easy for us to learn about. 

## I hope to see more female devs in tech community and work places in the future
In my country, many people think that women are not capable of learning and being a developer. They usually talk to their daughters that developer is the job for men, not women, just men should do a job like that. So, I hope those thoughts will change in the near future.   

## #SheCodedAlly #Happy #International #Women's Day
Nevertheless, Mme l'ingénieure informatique #supportNickConrad Coded
Tags: wecoded
Published: 2019-03-08 12:40:14

---
title: Nevertheless, Mme l'ingénieure informatique #supportNickConrad Coded 
published: true
tags: shecoded
---

## I started to code in 2013 because...

I finished prep school and I got in a public computer engineering school in France. I did not really code by then, I mean I had a Tumblr, I edited some CSS and HTML stuff but it was handy work. I did not know a lot about languages or logics even thought I got off prep school thanks to an informatics project (Maple stuff...)

## I deserve credit for...

Going through my entire education without killing anybody, the misogyny in our community is wild. A bunch of girls drop out engineer schools. Some people tried so hard to make me quit... I have a CTO who told me I was not meant to code and I was meant for design. *LIKE AFTER KNOWING ME FOR 6 MONTHS HE KNEW BETTER THAN ME.* Some fellows in my school told everyone I sucked dicks to get good grades. It is a miracle I did not break any jaws.

## I hope to see 

I hope to see more diversity in the community, I want to see women and I want to see POC and above all I want to hear their stories.
Deploy and Host in 30 Seconds with Netlify Drop
Tags: netlify, webdev, beginners, tutorial
Published: 2019-03-08 12:37:25

---
title: Deploy and Host in 30 Seconds with Netlify Drop
published: true
description: A 30 second explanation about the 30 second process of deploying and hosting a website with Netlify Drop
tags: netlify, webdev, beginner, tutorial
cover_image: https://thepracticaldev.s3.amazonaws.com/i/t4yiilrj6fuxfevfzi20.png
---

>"I had a website, but hosting was too expensive...other options look difficult to use"

This was something I heard recently from a family member. I immediately suggested they look into [Netlify](https://www.netlify.com), specifically [Netlify Drop](https://app.netlify.com/drop).

Netlify has been around for a while now and they have built a really powerful platform with a huge number of tools and features. The best part? **It's free and super easy to use!**
<img src="https://media.giphy.com/media/nlmwU1uZgFGdq/giphy.gif" alt="doge shiba" width="200"/>

Let's look at how easy it is for a non technical person to deploy and host a static web site with Netlify and their product Netlify Drop

###Step 1: Setup your website folder correctly:
Ensure all the files are named correctly. Html should be in a file named index, CSS should be in a file named styles and Javascript should be in a file named scripts. 

<img src="https://thepracticaldev.s3.amazonaws.com/i/abw3zwbqe2zakffrsrmd.png" alt="Picture showing correct and incorrect file structure" width="65%"/>

###Step 2: Drag and Drop
Drag the folder from your pc into the browser and watch the magic happen.

<img src="https://thepracticaldev.s3.amazonaws.com/i/s0seonzhypn5hr35minr.gif" alt="Gif image showing the process of dragging the project folder into the browser" width="100%"/>

And that's it!
<img src="https://thepracticaldev.s3.amazonaws.com/i/e6jcmufpnenu7omp72za.gif" alt="doge shiba times three" width="70%"/>

Now you can go ahead and set up your own custom domain, hook the website up with Netlify's cms to manage blog posts or even add and manage forms! 

Power to the people baby! 
<img src="https://media.giphy.com/media/8c147bu4hTnvhnZjLa/giphy.gif" alt="blue haired girl mouth agape" width="50%">

Check out the finished product which is now a bookmark for my newest prized possession [Roseanna.dev](https://roseanna.dev)
How to Force Your Brain to Be Creative
Tags: productivity, creativity
Published: 2019-03-08 16:19:10

---
title: How to Force Your Brain to Be Creative
published: true
tags: productivity, creativity 
canonical_url: https://www.kahlillechelt.com/2019/03/08/constraints-are-decisions-you-dont-have-to-make/
---

Since I realized that constraints can produce more creative outcomes I‘ve been fascinated by it.

I think I first learned about it when the iPhone became popular and the form factor and usage patterns produced beautifully designed apps and then website and web app designs that were optimized for mobile.

I read up on it a little and there seems to be a pretty logical explanation for this.

In an environment of abundance the brain is not being challenged. The brain likes to be efficient as possible. If there is an abundance of resources it’s going to be harder to be creative because your brain has no incentive to really get into gear.

In a situation where you are confronted with resource scarcity of some kind, your brain has no choice to start turning up in order to find out how to work around the scarcity.

This results in more creative, out-of-the-box thinking.

I think there is a second element that plays a part in this as well: reduced cognitive load.

Resource scarcity could also be interpreted as: some decisions were already made for you. The fewer decisions you have to make, the more brain capacity is available to you to solve the problem at hand. 

If you want to be productive and inventive, set constraints.

Like a time limit or a specific set of tools.
Convert Windows PC to Linux (Ubuntu)
Tags: windows, linux, ubuntu
Published: 2019-03-08 11:49:16

---
title: Convert Windows PC to Linux (Ubuntu)
published: true
description: Learn how to transform your Windows 10 machine into a Linux powerhouse.
tags: #windows #linux #ubuntu 
canonical_url: https://auth0.com/blog/convert-windows-pc-to-linux-ubuntu-dev-environment/
---

Imagine for a moment that you're stranded on a desert island. You're a software developer and have been using Linux systems or an Apple Mac ever since you were old enough to type on a keyboard. Yet the only things that you were able to bring with you to your desert island was a Windows machine, and enough tea and biscuits to last a lifetime. Luckily the island already has an internet connection — what do you do?

Okay, you could just download Ubuntu and install it onto a Virtual Machine, but there is another way. Which as it happens, also involves installing Ubuntu...

[Read on 🐧](https://auth0.com/blog/convert-windows-pc-to-linux-ubuntu-dev-environment/?utm_source=dev&utm_medium=sc&utm_campaign=convert_win_linux)

![Convert Windows PC to Linux (Ubuntu)](https://thepracticaldev.s3.amazonaws.com/i/s8p8vzemj609g5wrnusx.png)
Introducing: Load Balancing!
Tags: webserver, development, loadbalancing, loadbalancer
Published: 2019-05-05 07:55:00

---
title: Introducing: Load Balancing!
published: true
tags: web-server,development,load-balancing,load-balancer
canonical_url: 
---

[Introducing: Load Balancing! 🛰](https://ploi.io/news/introducing-load-balancing)

* * *
Released my first Bootstrap 4 template!
Tags: showdev, bootstrap, sass, template
Published: 2019-03-08 11:34:14

---
title: Released my first Bootstrap 4 template!
published: true
description: Released my first Bootstrap 4 template!
tags: showdev, bootstrap, sass, template
---
![template screenshot](https://thepracticaldev.s3.amazonaws.com/i/tb0w1ztcw3ku30xvpwv8.png)

## Links
- [Demo](https://davinaleong.github.io/proj-comphanny-template/)
- [Repo](https://github.com/davinaleong/proj-comphanny-template)

## Teck Stack

This template is built in Bootstrap 4 with Font Awesome 5 for icons.
I also decided to use `SASS` to code up the styles to make it easier to assign colours, and font families through the use of variables, functions and mixins.

## Purpose

This template is actually the first half of a 2-part demo project I built last week. I was scheduled to do a presentation on CraftCMS earlier this week. This is the template which the Craft side would use to display entry records.

## Idea

I came up with the idea of creating a fake company. This company specializes in developing custom web and mobile applications for clients. The audience of the talk was a local PHP community. Hence, I came up with the company's name _"Comphanny"_ which is a play on the words "company", "php", and  "ph" being pronunced as "f" in "elephant" which is the animal typically associated with PHP.

## Reflection

I initally wanted to build this template from scratch, to practise my `CSS` & web design skills, as well as explore Flexbox and CSS grid. But due to time constraints from my day job, and still having the Craft part of the project to build, I felt it was too ambitious. So I decided to go building off Bootstrap since it was what I was familiar with.
Lexical Variable Scoping with Javascript
Tags: todayilearned, javascript, beginners, learning
Published: 2019-03-08 10:47:14

In Javascript, code blocks are created using curly braces ({}). For example:

```javascript
someFunction() {
    // some code here
}

anotherFunction() {
    // some more code here
}
```

`someFunction` and `anotherFunction` are two different code blocks. These two different code blocks could also be considered as two different scopes. What that means is that the variables declared in `someFunction` only affect that block of code, and those declared in `anotherFunction` only affect that block of code. They are _"scoped"_ in that sense. To illustrate:

```javascript
var name = "Kenny"

someFunction() {
    var name = "Kyle"
    console.log("someFunction block:", name) // someFunction block: Kyle
}

anotherFunction() {
    var name = "Timmy"
    console.log("anotherFunction block:", name) // anotherFunction block: Timmy
}

console.log("global", name) // global Kenny
```

As you can see, the same variable `name` retains its global value although it gets redefined within `someFunction` and `anotherFunction`.

Now here is where it can get a bit tricky. With that knowledge in mind, it is easy to assume that this would always be the case whenever we have code blocks. Except, it doesn't work the same with `if/else` statements and `for` loops.

```javascript
var name = "Kenny";

if (name) {
  var name = "Kyle";
  console.log("if block:", name); // if block: Kyle
}

console.log("global", name); // global Kyle
```

The `name` variable inside the `if` block resets the value of `name`. The same happens in a `for` loop:

```javascript
var name = "Kenny";

for (var i = 0; i < 1; i++) {
  var name = "Kyle";
  console.log("for loop block:", name); // for loop block: Kyle
}

console.log("global", name); // global Kyle
```

The solution is to use the `let` keyword instead of `var`.

```javascript
var name = "Kenny";

if (name) {
  let name = "Kyle";
  console.log("if block:", name); // if block: Kyle
}

console.log("global", name); // global Kenny
```

```javascript
var name = "Kenny";

for (var i = 0; i < 1; i++) {
  let name = "Kyle";
  console.log("for loop block:", name); // for loop block: Kyle
}

console.log("global", name); // global Kenny
```