teleren/devto huggingface dataset:
Day01- Conquering Responsive Layouts by Kevin Powell
Tags: css, webdev, html, frontend
Published: 2021-04-06 17:55:48

# Day 01: Using percentages & avoiding heights
## Percentages Vs Fixed widths

In this blog, let's see how effective percentage units are, while building a responsive website.

 >*By default, things are responsive.*

 Unless and until we don't assign a fixed width to any element our website is responsive. Whenever we try to create layouts for website, we create a problem by taking the responsiveness away. Then, we try to solve this problem that we have created by defining media queries for different screen sizes.

## So, how can we fix this problem?

As said earlier, "By default, things are responsive", which means that every element has a width of 100% of its parent. So, irrespective of the screen size, it is always 100% of viewport.
Hence, we can make our life easier and pretty simple by giving width in terms of % values instead of a fixed value.

## Percentages on the child.

```
<body>
    <div class="parent">
        <div class="child">
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
            Nesciunt nam ullam quo incidunt rerum corporis reprehenderit blanditiis natus quae consequatur,    
            possimus, dolores, mollitia a quis temporibus eos ut similique cupiditate!
        </div>
    </div>
</body>
```
When you give the parent, `width:80%` and the child `width:50%`, __*what does it actually mean?*__
```
.parent{
     width:80%;
     }
     
.child{
    width:50%;
    }
```

The parent class would have 80% width of its parent (ie) body and the child class would have 50% width of its parent (ie) 50% of the 80% given to the parent class.

>*The bigger the parent gets, the bigger the child gets.
The smaller the child gets, the smaller the child gets.
It's always the relation between them.*

{% codepen https://codepen.io/aneenajohn/pen/zYNdRNR %}

## Why it's a good idea to avoid heights?
Whenever you give a fixed height to an element, when the screen gets smaller the content of the element overflows the parent.
![meme](https://miro.medium.com/max/800/1*tPabIHZvsGVL0sGVh3wPew.jpeg)
But when you want the element to take up a certain height, *__give padding around the element instead of the fixed value of height so that it becomes responsive.__*

{% codepen https://codepen.io/aneenajohn/pen/zYNdabm %}

#Resources:
This is going to be a series of blog from Conquering Responsive Layouts by Kevin Powell.
[To view the course, click here](https://courses.kevinpowell.co/conquering-responsive-layouts)
Xe nâng Thiên Sơn
Published: 2021-04-06 17:49:02

Why is the design of daily forklifts changing day by day

Read more: <a href="https://xenangthienson.com/xe-nang-2-tan/"> xe nâng hàng 2 tấn</a>

The design of forklifts is changing day by day because human sizes are changing and the actual requirements are increasingly different. Over the past few decades, people get bigger and bigger, especially in height, which directly affects forklift operators.

As the operator size changes, the forklift truck design also needs to be tailored.

Size matters in forklift design
Forty years ago, the average shoe size was two sizes smaller than it is today, before the size 12 or 13/46 or 47 would have been unusual, they are now on the shelves of most shoe stores. .

That is just one example, but one example of change.

People are getting bigger and bigger, and they are a direct cause to be considered when designing and manufacturing forklifts.

If people are evolving, then the workspace has to grow around them.

But what does that mean for a forklift?

Read more: <a href="https://xenangthienson.com/xe-nang-25-tan/">https://xenangthienson.com/xe-nang-25-tan/</a>

The change comes from the aviation industry
You think designers will only calculate a new "average" ... but that simply doesn't work.

When the US Army designed the first standardized aircraft cockpit in 1926, it was based on the average measurements of male pilots (height, weight, arm length, etc.).

But the strong impact is that they need to choose the most suitable pilots with the 'medium level' accuracy.

Fast-forward to WWII and the same cockpit plan is still in use.

However, with many pilots being recruited, a large number of deaths occurred during training because of the limited size of the cockpit that hindered the ability of many pilots to fly. .

Post-war research shows that less than 5% of pilots equip the 'average' level on only a third of the 10 dimensions used.

As a result, the US Air Force (as before) has begun to design seats, pedals, and so on. can be adjusted, thereby improving pilot performance significantly.

It is also the first step for more adaptive changes on forklifts.

Read more: <a href="https://xenangthienson.com/xe-nang-3-tan/"> xe nâng hàng 3 tấn</a>

Are you really comfortable?
Adequate benefits in a work environment - be it a fighter, forklift or desk - are always evident.

A 1990 study of test subjects working in an ergonomically optimized setting found a 17.5% increase in productivity compared to those working in inferior environments.

A similar study in 2003 found that highly adjustable and properly trained chairs increased productivity by 17.7%.
What is Dark web ? How to Safely browse Deep web
Tags: devops, devjournal, programming, productivity
Published: 2021-04-06 17:36:02

**Do you want to Kickstart a career in CyberSecurity and want to know how hackers hack in real life**

Join Now

t.me/infosecbugbounty

https://t.me/infosecbugbounty

The dark web is the hidden collective of internet sites only accessible by a specialized web browser. It is used for keeping internet activity anonymous and private, which can be helpful in both legal and illegal applications. While some use it to evade government censorship, it has also been known to be utilized for highly illegal activity.

The reputation of the dark web has often been linked to criminal intent or illegal content, and "trading" sites where users can purchase illicit goods or services. However, legal parties have made use of this framework as well.

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


When it comes to dark web safety, the deep web dangers are very different from dark web dangers. Illegal cyber activity cannot necessarily be stumbled upon easily but tends to be much more extreme and threatening if you do seek it out. Before we unpack the dark web’s threats, let’s explore how and why users access these sites.


HOW TO SAFELY BROWSE
DEEP WEB? 

: Security Tips
You must have heard of dark web or deep web and as you
know its a scary place and its full of skilled cyber
criminals. So it becomes necessary to secure yourself
while visiting this wild part of internet. Today I am going
to tell you about some precautions that you should must
use while surfing dark web.

Secure Your Browser
Securing your browser must be your top priority as hackers
can exploit it to gain access to your machine. So lets talk
about some ways by which you can make your browser
more hardened.


1. If a website doesn’t use HTTPS, don’t use it.


2. Disable JavaScript using NoScript plugin


3. Disable all the plug ins as they can be used to track/
exploit your system


4. Don’t use search Engines like Google which track you.
Instead, go for DuckDuckGo which doesn’t keep the
records or inject tracking cookies into your browser


5. If you download something from the dark web its ok
but consider opening it in a sandbox or a virtual machine 


6. Don’t use torrent because torrent uses a peer to peer
connection instead of using TOR network.


7. Don’t maximize TOR browser’s windows as it can be
used to determine screen size of your device.


**Do you want to Kickstart a career in CyberSecurity and want to know how hackers hack in real life**

Join Now

t.me/infosecbugbounty

https://t.me/joinchat/aYDOfr2Hhr4xNmRl
A  5 Step Guide to Installing Python3 for Windows 
Explained using Gifs 
Tags: python, codenewbie, tutorial, beginners
Published: 2021-04-06 17:30:36

# Dear 👋💻🌎 Python 🐍,
---
### MAKING LEARNING HOW TO CODE
---
### ✧・ﾟ:* CUTE(◕‿◕✿) and INFORMATIVEᕙ(⇀‸↼‶)ᕗ!!!

### Python Installation & Setup Guide

Below Shows wonderful GIFs 

**Step 0.**  Go to http://python.org/downloads
Open your web browser and navigate to the official website🕸

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ub01gz24an7kz2egiynl.gif)

Click the Download Python Button to select the Latest Version of Python to Install

**Step 1.** 
Run the **Python Installer** once downloaded.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/09bidfcclf0fggucixbv.gif)

**Step 2.** 
Make sure the **Install launcher** for all users (recommend) is checked White heavy checkmark.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k2d7btqv65u8c7irfccg.gif)

**Step 3.**
Click the Add **Python 3.X to PATH** checkbox White heavy checkmark.
The interpreter in the execution path.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v5zko4ig50alct8ofuy2.gif)

Note: For older versions of Python that do not support the Add Python to Path checkbox White heavy checkmark.

**Step 4.** Click Install.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ujf4ynryt37ens2kwzuk.gif)


**Step 5.** Once you click **Install Now**, a security popover will appear on your screen.

- "Do you want to allow this app to make changes to your device."

Click **Yes**.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/22kbb0jjyz900jlv4ive.gif)



When the installer completes the installation Hourglass with flowing sand, the following is displayed Setup was successful.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yd61p6qm13c8lktl3yox.gif)

Click Close on the Setup was a successful window.
Python is installed. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fu4cxx2i9t0mz1ip6g7n.gif)

Thank you for reading my Python Guide❤ , 
@codewithcorgis
 
Kody & Bits.

{% medium https://medium.com/codewithcorgis/survival-guide-how-to-install-python-explained-with-cute-gifs-%EF%B8%8F-a13a1f600c75 %}
Announcing the Deno Company, Polypane 5.1, Safari Technology Preview 123, and TypeScript 4.3 Beta | Front End News #024
Tags: frontendnews, news
Published: 2021-04-06 17:22:53

> **NOTE:** This is issue #024 of my newsletter, which went live on Monday, April 5th. If you find this information useful and interesting and you want to receive future issues as they are published, ahead of everyone else, I invite you to join the subscriber list at [frontendnexus.com](https://frontendnexus.com/).

***

## Intro

The main topic of this issue is the creation of the Deno Company. Polypane 5.1 and Safari Technology Preview 123 are out. And the releases of the week include Next.js 10.1, npm 7.8.0, TypeScript 4.3 Beta, and more.

## Announcing the Deno Company

The creators of Deno have announced that they have raised nearly 5 million dollars to create the Deno Company. The new entity will ensure the project has a full-time team working to improve the platform. Deno will remain permissively free and under MIT license so that all developers can make use of it.

- [Announcing the Deno Company](https://deno.com/blog/the-deno-company)

***

## Browser news

### Polypane

Polypane released another update over the last week. Version 5.1 brings over support for web components, a higher Chromium version, as well as many improvements to the Outline panel and Contrast checker.

- [Polypane 5.1: Web components support](https://polypane.app/blog/polypane-5-1-web-components-support/)

### WebKit

Safari Technology Preview 123 is out, with a surprisingly short list of updates (most notably being some fixes to their flexbox implementation).

- [Release Notes for Safari Technology Preview 123](https://webkit.org/blog/11585/release-notes-for-safari-technology-preview-123/)

***

## Software updates and Releases

- **[Bootstrap Icons v1.4.1](https://blog.getbootstrap.com/2021/03/29/bootstrap-icons-1-4-1/)** - official open source SVG icon library for Bootstrap
- **[husky v6.0.0](https://github.com/typicode/husky/releases/tag/v6.0.0)** - Git hooks made easy
- **[mustache.js v4.2.0](https://github.com/janl/mustache.js/releases/tag/v4.2.0)** - minimal templating with mustaches in JavaScript
- **[NativeScript 8.0](https://blog.nativescript.org/nativescript-8-announcement/)** - a framework for building iOS and Android apps that lets you use native APIs directly from JavaScript (or TypeScript)
- **[Next.js 10.1](https://nextjs.org/blog/next-10-1)** - the React framework
- **[npm 7.8.0](https://github.com/npm/cli/releases/tag/v7.8.0)** - the package manager for JavaScript
- **[svgo v2.3.0](https://github.com/svg/svgo/releases/tag/v2.3.0)** - Node.js tool for optimizing SVG files
- **[ts-loader v8.1.0](https://github.com/TypeStrong/ts-loader/releases/tag/v8.1.0)** - a TypeScript loader for webpack
- **[TypeScript 4.3 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-4-3-beta/)**
- **[VS Code March 2021 (version 1.55)](https://code.visualstudio.com/updates/v1_55)**

***

## Wrapping things up

That's all I have prepared for this issue. Have a great and productive week, keep yourselves safe, and I will see you next time!
5 JavaScript Animation Libraries You’ll Want On Your Website
Tags: javascript, html
Published: 2021-04-06 17:22:10

JavaScript animation libraries handle complex animations that quickly create strong visual components. Use built-in properties to add rotations, translations, eases, and reveals to your website within minutes.

We gathered a list of some of the most visually interesting animation libraries that create a strong first impression on the page load.

CDNs (Content Delivery Networks) will be used throughout the article for the sake of quick development, but all of these JavaScript libraries can be downloaded into your project.

_Note: We encourage you to spend some time implementing these JavaScript libraries in small sections on your website. If you are too heavy-handed with animations, the user may find the site overwhelming and the animations could look gimmicky._

###ScrollReveal
ScrollReveal is a JavaScript library created by Julian Lloyd. When implemented, the JS library reveals HTML elements as they enter or leave the viewport. Compatible with all major browsers, it is easily added to as many HTML elements as desired.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c1pfoeturd5ml0sofsce.PNG)

###Typed.js
The next JavaScript library is Typed.js, a library by Matt Boldt. The library prints out strings of your choice as if you were typing. Like the previous library, Typed.js can be added by downloading the library or using the CDN.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0qateka215biyotl5tkd.PNG)

###Anime.js
On to Anime.js. This JavaScript animation library was created by Julian Garnier and operates on Chrome, Safari, IE/Edge, Firefox, and Opera browsers. It can be used to animate a variety of targets including a DOM node, CSS selector, or JavaScript object.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nq4914uealcg90n12v2k.PNG)


###Chart.js
Evert Timberg is credited as the author of Chart.js, a JavaScript library that allows developers to quickly add charts to your projects. There are 8 charts to choose from and all of it is open-source material. This library is our number one choice for showing clean charts and graphs to users.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7t7mq1wftlqh4lzuylqm.PNG)


###Slick
Slick is a handy JS library designed to create carousels with high functionality and minimal effort. Made by Ken Wheeler, Slick is “the last carousel you’ll ever need”.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nbzo5fnfzy3qqf655h44.PNG)


[More information](https://www.ordinarycoders.com/blog/article/top-javascript-animation-libraries)
Top 10 monkey paste Tips to get more views 😎🕵️‍♂️
Published: 2021-04-06 16:59:06

---
title: Top 10 monkey paste Tips to get more views 😎🕵️‍♂️
published: true
description: 
tags: 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8oetvpc6y4ttr1d0oef7.jpg
---

> Photo by [Dmitrii](https://unsplash.com/@dmitrii_zhodzishskii) Stalska on [Unsplash](https://unsplash.com)

Obviously:

1-. make it a "top 3" post
2-. make it a "top 5" 
3-. make it a "top 10" 
5-. make it a "top 100" post
6-. make it a "Top 5 Free Dev resources " post
7-. make it a "Top 10 Free Dev resources " post
8-. make it a "Top 15 Free Dev resources " post
9-. make it a "Top 10 of top 10 Free Dev resources "
10-.make it a "Top 100 Free Dev resources "


> Monkey paste it from this article [Top 5 easy tips to get more views](https://dev.to/jmdejager/top-5-tips-to-get-more-views-48cd)


Fallow me for more in deep advice in how to get more views in your blog.



Soon to release my fake guru course about the same topic.


{% gist https://gist.github.com/leamsigc/68d3f891d9298c35de273caa2b21e453 %}
🔐 Authenticating Vuepress Apps with Auth0
Tags: vue, security, auth
Published: 2021-04-06 16:56:29

Vuepress is a static site generator that was initially developed privately for the documentation needs of the Vue.js framework. It was later made public for anyone to use and optimized for writing technical documentation. Vuepress is built on Vue.js and uses markdown for writing pages, so you have the simplicity of content writing with markdown combined with the powerful capabilities of the Vue.js framework. 

Vuepress also comes bundled with a Vue-powered theming system and a Plugin API for extending its capabilities. In this tutorial, you will learn and demonstrate how to authenticate Vuepress sites using Auth0.

[Read more...](https://auth0.com/blog/vuepress-authentication/?utm_source=content_synd&utm_medium=sc&utm_campaign=vue_auth)
Stack Overflow blocked me from asking questions 😥
Tags: help, discuss
Published: 2021-04-06 16:52:06

I don't know why. But for quite a long time I am getting this.


![so_qb](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f53l40ymydtucsnz5v3q.gif)

Stack Overflow says: 

> _You have reached your question limit
Sorry, we are no longer accepting questions from this account. See the Help Center to learn more._


My Stack Overflow profile link is 

> https://stackoverflow.com/users/13523305/aahnik

 Can you help me debug this issue? I have not violated any community guidelines, as far as I know.

Some of my questions received a few downvotes, but I deleted those.

What can I do to regain the capability to ask questions in Stack Overflow?

Has this ever happened to you? Please let me know in the comments.

What suggestions do you have for me to gain back access to ask questions in SO?

What should I do now? 😥😥
Ten Years of Go: A Retrospective
Tags: go
Published: 2021-04-06 16:32:06

Over the past decade, [Go](https://golang.org/) has become one of the most popular programming languages in the world and one of the most loved by its community of users. So in celebration of Go’s tenth birthday, we’re taking a look back at its origins

## The Beginnings

In 2007, Ken Thompson, Rob Pike, and Robert Griesemer began work on a new programming language at Google. It was conceived as an alternative to C++ and Java, languages that they had come to feel were bloated and slow to compile. The project was greenlighted by Google management after three months of continuous prototyping in December that year.

## What is Go?

Go is an open source programming language that makes it easy to build simple, reliable, and efficient software. Go is expressive, concise, clean, and efficient. 

Its [concurrency](https://golangr.com/concurrency/) mechanisms make it easy to write programs that get the most out of multicore and networked machines, while its novel type system enables flexible and modular program construction. 

Go compiles quickly to machine code yet has the convenience of garbage collection and the power of run-time reflection. It's a fast, statically typed, compiled language that feels like a dynamically typed, interpreted language.

Go is descended from C but has a very different design. In fact, the designers have described Go as having "no bells and whistles". Its modest character makes Go an ideal language for doing practical, real world programming.

Go is not a revolutionary new programming language. Instead it takes the good aspects of some old ones and brings them together with everything modern software development knows about making code maintainable, scalable, and efficient.

## Why do we feel so strongly about Go? 

We have been asked this question many times, from friends, conference attendees, and even strangers. The answer has two parts:

* **Go is a very powerful language.**

It has helped us build many projects reliably and efficiently, from backend services to distributed systems to mobile services. The simple, clear syntax and powerful standard library make it easy to express a solution without having to rely on external libraries (although they are easy to use when you need them).

* **Go is a very practical language.**

It's especially suited to projects that are large enough to need organization but small enough to be completed by a small team. We like the "just enough" philosophy; Go's features are geared toward practicality, not theoretical purity or saving keystrokes.

The go community is amazing. There is such a strong sense of camaraderie and shared belief in the value of the language.
Microsoft Java got released
Tags: microsoft, java, opensource, openjdk
Published: 2021-04-06 16:29:31

Yes, you read correctly. We just announced the Preview of Microsoft Build of OpenJDK on Twitter and on [the official announcement](https://aka.ms/microsoft-java).

The Microsoft Build of OpenJDK is a new no-cost Long-Term Support (LTS) distribution of OpenJDK. It is open source and available for free for anyone to deploy anywhere.

{% twitter 1379451227482644485 %}

It includes binaries for Java 11, based on OpenJDK 11.0.10+9, on x64 server and desktop environments on macOS, Linux, and Windows. We are also publishing a new Early Access binary for Java 16 for Windows on ARM, based on the latest OpenJDK 16+36 release.

Visit [aka.ms/msopenjdk](https://msopenjdk.azurewebsites.net/?WT.mc_id=java-0000-sakriema) to download packages and installers.

{% twitter 1379509928335974414 %}

Learn more here at the official announcement: https://aka.ms/microsoft-java.

Please use the comments for your thoughts and questions, or share them directly at the GitHub repository. {% github microsoft/openjdk %}

Also, have a look at the Open Source Repository!

{% github microsoft/openjdk-aarch64 %}