teleren/devto huggingface dataset:
HTML & CSS Only Illustrations : My Thoughts
Tags: html, css, 100daysofcode
Published: 2020-08-14 04:19:46

After a long time, I am writing a story. I am going to share my thoughts about "**HTML & CSS only illustrations**".

## Introduction

For those who hasn't heard of "HTML & CSS only illustrations", They are illustrations built with HTML & CSS only. Instead of using HTML Canvas or SVG, These are built with basic HTML tags and the power of CSS.

These illustrations are famous among the #100DaysOfCode followers.

If you still don't understand, See [Akash's Bhandwalker's Tweet](https://twitter.com/__akash__19/status/1293958553552617477).

## What is the use of it?

The people who make these kinds of illustrations say this
"In these illustrations, we have to use CSS. And if you are familiar with CSS, you would know how much skills are needed, to create illustrations with CSS. So by doing this, we can learn a lot of CSS."
This reason may seem right. but it's not.

Think of it, Can you learn Rocket Science by building rockets worth billions and launching them? Definitely no.
Like that, in order to start doing CSS illustrations, you have to have a great understanding of CSS.

And most of those illustrations can be done so easily with *Inkscape* or *Adobe Illustrator*. Or if you want to code these illustrations, code with SVG.

## Why people are doing it?

As I said above, people can't learn CSS by making CSS illustrations. So then why are people making these?

First, many people don't understand, they can't learn CSS by making CSS illustrations. They are making CSS illustrations, thinking they can learn CSS. It's funny and leave them alone.

Some people do this to become famous in [Twitter](https://www.twitter.com). How?, they create a CSS illustration and share it on Twitter with the hashtag #100DaysOfCode. This hashtag will get them a bigger reach.

Some other people do this to pass #100DaysOfCode challenge. (#100DaysOfCode is a challenge to code for 100 days (minimum of 1 hour each day) consecutively). People do this challenge to become good at coding. And after some days into the challenge, most people would run out of ideas on what to code. So they start doing CSS illustrations because a CSS illustration would keep them coding for at least 3 days.

And the last two reasons are my assumptions. It may be wrong for many of you (not for all).

## Conclusion

I know, most people would get offended after reading this story. Drop a reply or email me at [sahithyan2701@gmail.com](mailto:sahithyan2701@gmail.com) to share your comments.
2019 16in MACBOOK PRO....I got one, it’s using 7gb ram 
Tags: apple, code, vue
Published: 2020-08-14 04:11:05

I got the 16in 516ssd MacBook Pro, it’s using 7 of 16gb RAM,
I just got it.... do I need to just restart? 

What shouldn’t a MBP do that,
Is mainly for a desktop?

Does charging it too much? 
What low % should I let the battery go to?
Are you Java expert? What will be the output of the given code snippet?
Tags: java, codenewbie, codepen, codequality
Published: 2020-08-14 03:53:53

Are you Java expert?

    What is the output of 

    System.out.println(0123);

If you know the answer it's good,
If not then surely you'll learn some really cool concept of Java 😄🤗.

Don't click on the link,😎
First comment your answer.
https://www.javaoneworld.com/2019/10/System-out-println-0123.html
Lista
Published: 2020-08-14 03:53:29

```python
from random import randint
from time import sleep


lista = ['A meritocracia é uma MENTIRA que contaram pra você', 'Todo mundo ' 
        'fracasa!', 'Se coaching fosse bom, ele estaria ocupando sendo rico\nao'
        ' invés de ser um fudido que vende cursos e falar bosta no youtube' 
        '¯\_(ツ)_/¯', 'NÃO vista a camisa da empresa'
        ' quando vc precisar ela nao fará o mesmo por você e já basta aquele uniforme merda']


for i in lista:
  x = randint(0, 3)
  if x == 2:
    print(lista[x])
    sleep(5)
  elif x == 0 and x == 1:
    print(lista[x])
    sleep(2.5)
  else:
    print(lista[x])
    sleep(3.5)
```
8 Silent Signs You’re Not Taking Good Care of Yourself
Tags: selfimprovement, coolstuff, happiness, love
Published: 2020-08-14 03:48:38

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

If you don’t have any medical issues you’re in luck, but there could still be room for improvement when it comes to your wellbeing. In fact, things you brush off on a daily basis could be signs that you’re actually not taking such great care of yourself. Read on to see if you’re experiencing any of these symptoms—and how to avoid their causes. [READ MORE >>>](https://metrous.co/8-silent-signs-youre-not-taking-good-care-of-yourself/)
....
health, exercise, workout,yoga, cool stuff, exercise science, science, health, exercise, yoga, science, health, yoga, exercise, science, health, exercise, science, health, exercise,cool stuff, workout,yoga, exercise science, science, health, exercise, yoga, science, health, yoga, exercise, science, health, exercise, science, health, exercise, workout,yoga,cool stuff, exercise science, science, health, exercise, yoga, science, cool stuff, health, yoga, exercise, science, health, exercise, science, science,health, exercise, workout,yoga, cool stuff, exercise science, science, health, exercise, yoga, science, health, yoga, exercise, science, health, exercise, science, health, exercise,cool stuff, workout,yoga, exercise science, science, health, exercise, yoga, science, health, yoga, exercise, science, health, exercise, science, health, exercise, workout,yoga,cool stuff, exercise science, science, health, exercise, yoga, science, cool stuff, health, yoga, exercise, science, health, exercise, science, science
Jest JSDOM data-attribute
Tags: todayilearned, javascript, testing
Published: 2020-08-14 03:37:18

When using [Jest](https://jestjs.io/) with JSDOM to test HTML elements, it's common to try to use or access the [data-attribute](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes). The problem is that it [doesn't work](https://github.com/jsdom/jsdom/issues/961).

The solution is quite simple: `getAttribute` / `setAttribute`.

```javascript
element.setAttribute('data-food', 'taco');

element.getAttribute('data-food');
// returns 'taco'
```
สิ่งสำคัญที่โปรแกรมเมอร์ต้องมี
Published: 2020-08-14 03:35:29

ทุกอาชีพ ล้วนมีสิ่งที่จำเป็นและมีความสำคัญที่สุด
ทั้งต่อการทำงานและการเรียนรู้
สิ่งสำคัญที่ว่า มักจะเป็นกุญแจหลัก
ในการเปิดโลกกว้าง หรือ ให้คำตอบกับชีวิต
และสิ่งสำคัญที่สุดอย่างแรกที่โปรแกรมเมอร์ต้องมีก็คือ

เครื่องคอมพิวเตอร์
Como Instalar Temas no Ubuntu 20.04
Tags: ubuntu, linux, themes
Published: 2020-08-13 15:40:23

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

Para começar é necessário instalar o **ocs-url**, ele é responsável por automatizar a instalação dos pacotes que encontraremos no **Gnome-Look**. Assim não precisa baixar o pacote e extraí-lo em determinada pasta do sistema.

```sudo apt install libqt5svg5 qml-module-qtquick-controls```

Após instalar essas dependências, é necessário ir no site **OpenDesktop**, baixar o **ocs-url** para ubuntu e ao abri-lo aparecerá a opção de instalar.

Agora ao acessar o site **Gnome-Look** selecione algum tema do GTK3Themes e ao pedir para instalar, aparecerá:

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

Agora para configurar o tema que foi instalado, é necessário ir em Softwares e instalar o **Tweak** (Ajustes do GNOME) e selecionar o tema em *Aparência*.

Ops, o tema do Shell não funcionou, sendo assim, ainda é necessário instalar uma extensão no Ubuntu. No site **Gnome Extensions** é necessário ativar e instalar o **User Themes**. Agora sim, ao retornar ao Tweak, o Shell estará ativado.

Aproveitando o gancho do Gnome Extensions, ative também o Hide Activities Button, ele ocultará o menu Atividades da sua barra superior.

### Ícones
No gnome-look na aba Full Icon Themes, costumo escolher por Score. Acostumei utilizar **Mc-Mojave-circle** prefiro ícones redondos. E dentre eles, o purple combina bem com o tema Dracula.

### Cursor
No gnome-look na aba Cursors, costumo utilizar o Breeze que tem a cor dark.

### Dash
Estamos quase terminando, agora falta apenas o Dash. No site **Gnome Extensions** o **Dash to Dock** fará o trabalho de organizar o Dash do Ubuntu. Ao entrar nas configurações do Dash to Dock, costumo ir em: Aparência > Encolher o dash, e ativá-lo para tirar o espaçamento desnecessário entre os ícones.
August 13th, 2020: What did you learn this week?
Tags: weeklylearn, discuss, weeklyretro
Published: 2020-08-14 02:13:31


It's that time of the week again. So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.

![Dog lying back and typing on a computer](https://media.giphy.com/media/wpoLqr5FT1sY0/giphy.gif)

Feel free to comment with what you learnt and/or reference your TIL post to give it some more exposure.

{%tag todayilearned %}
And remember, if something you learnt was a big win for you, then you know where to drop it as well.👇👇🏻👇🏼👇🏽👇🏾👇🏿

{% link https://dev.to/devteam/what-was-your-win-this-week-8cl %}

![A show host dancing a winning in their seat](https://media.giphy.com/media/l3q2Z6S6n38zjPswo/giphy.gif)
Dockerize Angular 9-10 App With Cached Dependencies
Tags: angular, docker, node, webdev
Published: 2020-08-14 02:12:47

I've had a perfectly fine Angular app built into a Docker container image, which became terribly slow to build after upgrading to Angular 9, with build process recompiling dependencies with ngcc every single build. 

`Compiling @angular/core : fesm5 as esm5`

Here are the steps that you need to take to make your builds fast again.

1) Add .dockerignore file
```
node_modules
.git
.gitignorenpm
```

2) Add default.conf (this is for your nginx server)
```
server {
  listen 80;

  location / {
    root /usr/share/nginx/html;
    index index.html index.htm;
    try_files $uri$args $uri$args/ $uri $uri/ /index.html =404;
  }
}
```

3) Add Dockerfile
```
### STAGE 1: Build ###
FROM node:14.8.0-alpine AS build

WORKDIR /usr/src/app
ENV PATH=${PATH}:./node_modules/.bin
ENV NODE_PATH=/usr/src/app/node_modules
ADD package.json ./
ADD package-lock.json ./
RUN npm ci
RUN ngcc
ADD . .
RUN ng build --prod

### STAGE 2: Run ###
FROM nginx:1.17.1-alpine
COPY --from=build /usr/src/app/dist/web /usr/share/nginx/html
COPY default.conf /etc/nginx/conf.d/default.conf
```

4) Profit. Run `docker build .` and enjoy. NGCC will cache built dependencies now and subsequent builds will be as fast as usual.
8 Tailwind CSS resources to help your next project takeoff
Tags: tailwindcss, css, webdev, beginners
Published: 2020-08-14 02:03:30

Let's face it, no matter whether its our first or hundredth time, staring at a blank Tailwind CSS is intimidating. The enormity of the task at hand starts to crash over you as the excitement begins to build. Here are eight resources that I reach for first when I need to move quickly or want inspiration that may prove helpful to you.

At the end of list I will let you know which of the following I add to every Tailwind CSS project, NO MATTER WHAT!

## Theme Components

{% github praveenjuge/kutty %}
{% github estevanmaito/windmill-dashboard %}

## Text & Typography Components

{% github jhta/tailwindcss-truncate-multiline %}
{% github tailwindlabs/tailwindcss-typography %}

## Layout Components

{% github tailwindlabs/tailwindcss-custom-forms %}
{% github Log1x/tailwindcss-container-sizes %}

## Bonus: Developer XP

{% github rogden/tailwind-config-viewer %}
{% github jorenvanhee/tailwindcss-debug-screens %}

Out of all of these great resources, I find [Tailwind Debug Screens](https://github.com/jorenvanhee/tailwindcss-debug-screens) to be the most helpful, most of the time. In addition to the time you will save by using the plugin, it will also help you create better responsive designs and become more familiar with sizing in Tailwind by sight.

Happy coding!
How to bulk delete huge post data in WordPress
Tags: wordpress, wpcli
Published: 2020-08-14 02:03:26

---
title: How to bulk delete huge post data in WordPress
published: true
description: How to bulk delete huge post data in WordPress
tags: wordpress,wpcli
//cover_image: https://direct_url_to_image.jpg
---

That's a lot of work, deleting hundreds of thousands of huge post data.

Let's use the [WP-CLI](https://wp-cli.org/) command to delete all those data at once.

## How to use

Bulk delete all post data.

```
wp post delete $(wp post list --post_type='post' --format=ids) --force
```

If you want to delete data from your custom post type, you can specify the post type in the `post_type` option

```
# Delete post type 'news'
wp post delete $(wp post list --post_type='news' --format=ids) --force
```

If you have too much data to delete, you may get an `Argument list too long` error.

In that case, you can delete it little by little with a shell script like the following.

```
#!/bin/sh

# Deleting 10,000 at a time.
for i in `seq 1 10`
do
    wp post delete $(wp post list --post_type='your-post-type' --format=ids --posts_per_page=10000) --force
done

echo "done"
```
Core Problems for New Programmers
Tags: career, motivation, beginners, sideprojects
Published: 2020-08-14 01:19:15

---
title: Core Problems for New Programmers
published: true
description: 
tags: career, motivation, beginners, sideprojects
---

Hello internet! If you've been following me on [Twitter](https://twitter.com/SamBorick), you know I've been participating in #100DaysOfProjects, where cool people are making cool stuff! You can check out a thread of all 18 days [here](https://twitter.com/SamBorick/status/1289025910604267521)!

So far I've been doing a lot of research into the problems that new programmers have. I've collected 3 core problems that I want to try and address. 

# Shutting down in the face of large problems
I see programmers, especially very new programmers, have a lot of trouble with high-level problems. People who have these problems will hear a suggestion like "practice your programming by making a todo list app" and they'll have no idea where to start. 

# Translating Ideas into Code
Those who can get past the 'shutting down' phase, have trouble going from the abstract concept of what the code should do, to running code. One constant that I saw was the use of the word 'translate', which I think has interesting implications. 

# Getting stuck on problems/errors/jargon
This one should be familiar to all programmers. New programmers encounter error messages that they don't understand or find solutions to those errors that they don't understand. 

---

The typical response when a new programmer encounters these issues is they get specific solutions to their one specific problem.  What I want to do is provide the tools to make solving these problems easier. 

I don't have the solution to all of these at the moment. But I suspect that they have similar root causes. 

Right now I'm planning on creating an ebook to address these. I'm having an amazing time working in public on this project, so if you're interested in the behind the scenes, the best place to go is my [Twitter](https://twitter.com/SamBorick). If you want to hear about the launch, and get some cool weekly project ideas in the meantime, you should definitely be in the [Weekly Project Club](weeklyproject.club)

Thanks for reading! I'd love to hear about your experience with any of these problems, or if you have any resources for these problems you think I should see!
VirtualBox can't find USB devices in Linux host
Tags: linux, ubuntu, virtualbox, usb
Published: 2020-08-14 00:49:57

This is the common problem I have seen in almost every Linux distros (especially Debian based distros. Such as Linux Mint, Ubuntu, POP OS, etc), that VirtualBox unable to find USB devices connected to the host OS, even you installed the VirtualBox Extension Pack.
<br>
![Usb List](https://dev-to-uploads.s3.amazonaws.com/i/o3kkfv9wcneexlypo8rt.PNG)
<br>
##What are the needs to have USB support for Virtual Machines?

1. Data Transfer - Suppose you want to create a backup of your Virtual Machine, or just want to transfer data from your Pen drive to Virtual Machine (Vice versa), in that case, you must have an active USB connection.

2. Wifi Adapters - If you want to connect your USB dongles, external Wifi adapter to your Virtual Machines, you need USB support.

##How to enable USB support for your Virtual Machines?

##Solution 1

###Extensions Pack

 Check if you already installed an extension pack or not?

###Steps 

Open VirtualBox ---> Click on File menu ---> Preferences (Ctrl+G) ---> Extensions tab
<br>
![VirtualBox Ext Pack](https://dev-to-uploads.s3.amazonaws.com/i/mmzwng6a7y3451e3m3w7.png)
<br>
If you don't find any installed extension pack, go to the VirtualBox download page (https://www.virtualbox.org/wiki/Downloads) and look for Oracle VM VirtualBox Extension Pack, download and installed it. (**Extension Pack must be the same version of your VirtualBox**) 
[If you don't know what is your's VirtualBox version, just click on Help menu ---> About VirtualBox]

I hope at this point you have installed the VirtualBox Extension Pack successfully.

Now select your Virtual Machine ---> Right-click on it and choose Settings (Ctrl+S). ---> Come to the USB tab. Check on Enable USB controller and select USB 2.0 (EHCI) Controller or USB 3.0 (xHCI) Controller, any one of them (By default USB 1.1 (OHCI). Now click on Add USB icon.
<br>
![Add USB](https://dev-to-uploads.s3.amazonaws.com/i/cb3yvdaxnjgolo9e59ka.png)

<br>

###***If you don't find any active USB list, follow the _Solution 2_
<br>
##Solution 2

###Add user to the vboxusers group

i.  Open your Linux host's terminal, type `sudo su`, and enter your account password.
<br>
![SUDO](https://dev-to-uploads.s3.amazonaws.com/i/34cl03etdq9bsn76hzmb.png)
<br>
ii.  Type the following command `sudo usermod -aG vboxusers mir` (In the last command, instead of `mir` use your account name such as nick, peter, etc.)
<br>
![Add Vboxusers](https://dev-to-uploads.s3.amazonaws.com/i/qlfcoupmmafwzs4nahqn.png)
<br>
iii.  Finally, reboot your PC and check the USB settings again.

<be>

###[Watch on YouTube](https://www.youtube.com/watch?v=eSYkLnb3LTI&t=10s)


Thank you very much for reading :)

Coffee https://www.buymeacoffee.com/rahedmir
linux network debugging
Published: 2020-08-14 00:42:57

---
title: linux network debugging
published: true
description:
tags: 
//cover_image: https://direct_url_to_image.jpg
---

I found this cheatsheet and it is GREAT

https://github.com/kmille/linux-debugging

The stuff on tcpdump is really good. I have used some of those tricks myself.
woopsytime - Track the bad habits you want to change
Tags: actionshackathon
Published: 2020-08-14 00:15:47

I don't know if this is feasible but before I even begin exploring, I want to dump my idea out. This is definitely in the "whacky" territory!

woopsytime is a Chrome extension which tracks the time you spent on your own list of defined domains and submits timed visits to an API

What API is that? I don't think it'll be GitHub. A sort of key-value store with a unique identifier

You will then run a GitHub Action periodically to fetch data from this key value store. The action will write your woopsies to a CSV (via a GitHub Action). You will connect to your data via an identity token that matches the unique identifier in your instance of the Chrome extension

Your GitHub profile is so focused on all the great things you're doing, but why not also share some of your faults?!

Is this a good idea? Most definitely not! Might it be fun to hack on for a week or two? Maybe!
What to Do in Django After You Link a Route 53 Record to Elastic Beanstalk
Tags: django, aws
Published: 2020-08-14 00:14:41

This is a continued post from [here](https://dev.to/greenteabiscuit/linking-route-53-to-elastic-beanstalk-environment-3d6f)

In your django **production** settings, you will need to add the record to `ALLOWED_HOSTS`. Otherwise, your website when accessed will return a `400 bad request` error.

```
ALLOWED_HOSTS = [
    'YOUR_PREVIOUS_LINK',
    'LINK_RECENTLY_ADDED',
]
```


I kept forgetting this, so I thought I might as well leave a memo.

### References

> [Mapping third party domain to aws elastic beanstalk](https://stackoverflow.com/questions/25100849/mapping-third-party-domain-to-aws-elastic-beanstalk)
Day 195: Uncomfortable Truth
Tags: hiphop, code, coding, lifelongdev
Published: 2020-08-14 00:13:58

_liner notes_:
- Professional : Whew what a day! Had our team meeting and I got to demo an application I've been working on for a blog post and it worked! Speaking of blog posts, my latest went live on the companies website. I did a tweet about it and it seemed to pick up some steam. Even the people that created the library I used in the blog post to make the Web Component started following me. I also posted it in their Slack Channel. People seem to like it and have shared it. Here's a link to the blog post: https://www.nexmo.com/blog/2020/08/13/creating-a-web-component-with-open-wc

- Personal : Spent a good amount of time last night filling out my mail in ballot. I watched a lot of interviews, debates and looked through social media. Not going to lie, felt like a stalker. Pretty uncomfortable truth that you must dig to the find info you need to make an informed decision with some much noise out there. haha Went through more tracks for this week's radio show. Did a little packing. Oh, and I figured out why when switching scenes on the canvas element, the text would disappear. Looks like the default font color is white so when I switched the scenes, the black font color didn't carry over so it looked like it disappeared. Just had to explicitly make the font color black and it showed up, working how I wanted. Awesome.

![A series of small islands surrounded turquoise water in Palau called Rock Islands](https://dev-to-uploads.s3.amazonaws.com/i/xg7nz9gmb8svmbco1kce.png)

I'm pretty tired. haha Went to drop off my ballot. It was so hot outside! Like 100 degrees! I think it zapped all my energy. Helped out a friend with some coding stuff. Going to continue packing. I lowered the temperature on the cooler to see if it will freeze water. I had to actually look up the normal temperatures for a refrigerator and freezer. Never had to know it before, because the fridge/freezer was already set. haha

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube eMn27NrFy7k %}