teleren/devto huggingface dataset:
CSS hide scrollbars
Tags: css
Published: 2021-02-22 07:14:43

Today we will be hiding scrollbars with CSS!
As much as I love browser native behavior, there are use-cases where one would want to make an invisible scrollbar.

Working on a Mac, you hardly see how ugly scrollbars can be, but switching to Windows will show that you can get super ugly scrollbars for side menus, for example.

![Scrollbar sidemenu](https://cdn.hashnode.com/res/hashnode/image/upload/v1613543438749/yhDy8efPQ.gif)

As you can see, the right-hand scrollbar for the content is fine, that's normal behavior, but the one for the fixes side-menu is a bit misplaced and not nice to see.

On Mac, it's not disturbing since it disappears, but it will always be visible for Windows users, which is not doing our design a favor.

## Removing the sidebar

We can luckily remove this sidebar with some `CSS` magic and not lose its functionality.

> Note: please use this wisely since it's a default way to show the user a scrollable area.

In our case, we will add a `no-scroll` class on the element we want to remove the scroll for.

```css
.no-scroll {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.no-scroll::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}
```

As you can see, we have specific targets for IE and Firefox. The more modern browsers use a pseudo selector, which we can set to display none.

You can view the result in this Codepen.

{% codepen https://codepen.io/rebelchris/pen/ExNmXGB %}

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
Data Entry India BPO | Top BPO Company
Published: 2021-02-22 07:11:56

Data Entry India BPO that has been in business process outsourcing services and IT services for the past 6 years. In years of outsourcing to USA,European Countries,MiddleEast, the Company has developed a complete service and quality management system. We have been an established and popular company with an excellent track record for the 100% client satisfaction. 

We provide data entry, data conversion, data processing and web research services  with the highest degree of accuracy (99.97%) and speed at cost effective rates. We have range of advanced tools and techniques. We have never compromised on the quality and the services provided to the client. We would provide you Quality assurance as we maintain 99.97% quality parameters, we ensure deadlines, and there would be no false commitments from our end.

Email us: support@dataentryindiabpo.com

Website: https://www.dataentryindiabpo.com/
Become Experts to Share Your Professional Expertise！
Published: 2021-02-22 07:11:40

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

You certainly have a comprehensive knowledge of or skill in a particular area. The RT-Thread Club creates the Experts Channel for you, applies to be the experts in your area, and your profile will present on the Community Expert Page so the developers can directly ask for your help! Share your professional expertise to help more developers and build your reputation in the OpenSource community!

[Apply Now!](https://club.rt-thread.io/)

1. Log in RT-Thread Club, visit the Experts page.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v6ybt6vbgynx20ih2ddz.png)



2. Click the [Become An Expert] button on the top left side.

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


3 Telling us your stories and make people get to know You by filling out several simple questions to make people get to know You! Then Submit it.
The Application needs to take two working days for review.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e93twtilwn4zrb3cvawu.png)



Thank you all for being part of the RT-Thread Club Expert Team. We’ll also appreciate your hard work for the community by giving the rewards of:
- New Dev board GiveAway
- Get the first-hand experience of RT-Thread new features
- Gift Card

...
Etc.


Let OpenSource Project Benefits More People!
[Apply Now!](https://club.rt-thread.io/)
 

**RT-Thread Contact Info:**

 [Website](https://www.rt-thread.io/)  |  [Github](https://github.com/RT-Thread)  | [Twitter](https://twitter.com/rt_thread) |  [Facebook](https://www.facebook.com/RT-Thread-IoT-OS-110395723808463)   |   [Youtube](https://www.youtube.com/channel/UCdDHtIfSYPq4002r27ffqPw
)
10 Data Scientist Skills to get hired
Tags: datascience, help, beginners, python
Published: 2021-02-22 07:11:13

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9qry1bfeepzzwhchitgo.png)
1. Mathematical base
    -Statistics Fundamentals with Python
    -Data Scientist with Python
    -Foundations of Probability in Python
    -Linear Algebra for Data Science in R
    -Machine Learning Fundamentals with Python

2. Programming

    -Python Programming
    -Machine Learning Scientist with Python
    -Deep Learning in Python
    -Data Scientist with Python
    -Google's Python Class
    -R courses:
    	-Introduction to R
	-Data Scientist with R
	-Machine Learning Scientist with R





3. Working with databases

    -Fundamentals of Structured Query Language (SQL)
    -SQL for Data Science

4. Data preprocessing

    -Data Science Methodology. Data Preparation
    -Exploratory Data Analysis

5. Algorithms

6. Skills specific to the selected field of analysis

7. Ability to convey your idea

8. Teamwork

9. Ability to see the commercial side of the issue

10. Critical thinking

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3xz52gzyb7nujld9vcye.jpg)
Typescript - Tips & Tricks - Union and Intersection
Tags: typescript, webdev
Published: 2021-02-22 07:08:00

Hi and welcome back!
Today I talk about [Union and Intersection](https://www.typescriptlang.org/docs/handbook/unions-and-intersections.html).

In some cases, we have to combine different types to create new types, or sometimes we have parameters that could be of different types.
Typescript helps us with two powerful features: _Union_(|) and _Intersection_(&).

## Union
A union type describes a value that can be one of several types.
```ts
type Padding = number | string
let paddingNumber: Padding = 1
let paddingString: Padding = '----';
let paddingError: Padding = true // Type 'boolean' is not assignable to type 'Padding'.
```
In this case, the padding can be a number or a string, and the compiler detects if you set different types; this feature can be used also with custom types.
```ts
type Fish = {
  name(): string;
  swim(): true;
};
type Cat = {
  name(): string;
  meows(): true;
};
type Pet = Fish | Cat; // { name(): string; }
declare function createPet(): Pet;
let pet = createPet();
pet.name()
pet.swim() // Property 'swim' does not exist on type 'Pet'
pet.meows(); // Property 'meows' does not exist on type 'Pet'
```
In this example we can see how the union type creates the Pet type; the Pet type is composed by a single method "name". This method is the only one present in the two initial types: Fish and Cat.

## Intersection
An intersection type combines multiple types into one.
```ts
type Point2D = {
  x: number;
  y: number;
};
type Point3D = Point2D & {
  z: number;
};
let point2d: Point2D = { x: 0, y: 0 };
let point3d: Point3D = { x: 0, y: 0, z: 0 };
```
We can see that the Point3D type is the union of the Type Point2D and the type { z: number; }.

That's all for today!
See you soon guys!
Modify IIS Site Log Location With PowerShell
Tags: iis, powershell
Published: 2021-02-23 00:30:47

---
title: Modify IIS Site Log Location With PowerShell
published: true
date: 2021-02-22 07:00:00 UTC
tags: IIS,PowerShell
canonical_url: http://AgileCoder.net/2021/02/22/modify-iis-log-location/
---

Over the years I have inherited multiple projects and shared web servers as I have moved teams. Often these servers have been setup or configured by several different people now long gone, and many times the defaults in IIS have never been changed. That can be a problem.

Most recently I got a frantic call from a co-worker saying “all the sites on one of the production servers have quit working.” Scrambling, I logged in with Remote Desktop to check it out. Sure enough, this server (a VM actually) has a typical setup of a small OS drive partition (C:) and a much larger Data drive partition (E:). The C: partition was reporting only double digit megabytes of free space.

Every Windows box I have dealt with in the past had an environment variable set for `%SystemDrive%` and that has always pointed at the C: drive in my experience. So I checked the default location for IIS logs `%SystemDrive%\inetpub\logs\LogFiles` and found that it contained over 120 GB of log data.

Now, there are several issues that could be discussed, like monitoring so this problem was caught 30 or 40 GB earlier. Or like log storage, mining and truncation strategies. But, the immediate problem was that I have a Data drive partition that has nearly 1.5 TB of space, and I need to configure IIS to put the logs on that drive.

I manually changed one of the sites log locations using IIS, and then realized that not only do I have 41 sites on this shared server, I also have a TEST/QA server with the same structure.

Time for PowerShell.

After a couple of tests, I arrived at the following script, saved as `switch-log-location.ps1`.

```powershell
Import-Module WebAdministration

# Set your desired root here... 	
$LogPath = "E:\IIS_Logs"

foreach($site in (ls iis:\sites\*))
{
	$PathExists = Test-Path -Path $LogPath\$($site.Name)
	if(-Not $PathExists)
	{
		New-Item $LogPath\$($site.Name) -type directory
	}
	Set-ItemProperty IIS:\Sites\$($site.Name) -name logFile.directory -value "$LogPath\$($site.Name)"
}

```

In seconds, all of the sites will have their log location updated, and you can get started on cleaning up the cruft in the old location. Even better, the new location will have a folder name that matches the site name for every site on the shared server.
Git Me a Lesson on How to Use Git
Published: 2021-02-22 06:56:18

##What is Git?
Git is a distributed version control system, which means that it tracks the history of changes as people and teams collaborate on projects together. Because it is a distributed version control system, it is used commonly for open source and commercial software development. Users have full access to every file, branch, and iteration of a project, without the need for a constant connection to a central repository. This means that developers can work any time, anywhere, and collaborate asynchronously.

##Why Should I Learn Git?
If you plan on going into the technological workforce, you will more than likely have some experience with Git. According to Github, “more than 70% of developers use Git, making it the most-used VCS in the world”. Using Git allows developers interaction with the history of their project, cloning, creating branches, committing, merging, comparing changes across versions of code, and so much more. It allows multiple developers to work separately and together, without the fear of overwriting others work or making detrimental and irrecoverable changes.

##How Does Git Work?
Git works by using repositories. Repositories are like Git projects. They contain all of the files and folders associated with the project, as well as a list of the files revision history. Each change that is made is a “commit”, which is a linked-list relationship, which is then organized into branches that are multiple lines of development. Once changes have been made, you can make a Pull Request, which is a way of submitting contributions to the project. Your team and you will be able to discuss the changes by commenting, testing, and reviewing the open pull test. When a decision has been made, you can then merge the material .

All in all, Git may seem very confusing and difficult to master, but it is a valuable tool to have in the workplace. I promise, you will never be able to Git away from it!

[A Guide to Git]( https://guides.github.com/introduction/git-handbook)

[Click Here](https://www.youtube.com/watch?v=ifNl1JnjjlE&feature=youtu.be) to listen to me talk about Git & Github.

[Check out my Channel!](https://www.youtube.com/channel/UC2CjHJey08xQC9jVBDwH4Sw)
RSpec & Rails: how to test callbacks
Tags: rspec, ruby, rails, beginners
Published: 2021-02-22 06:42:12

Sometimes it's not clear which way to approach a complex callback and how to test it. For example, in the situation with a post:

```ruby
class Post < ApplicationRecord
  before_save :set_permalink
  after_save :rebuild_preview

  private

  def set_permalink
    self.permalink ||= build_permalink
  end

  def build_permalink
    date.strftime("%Y/%-m/") + title.parameterize("-")
  end

  def rebuild_preview
    Preview.new(self).rebuild
  end
end
```

The first thing that comes to mind is to test callbacks directly with `send`. Please don't do so. It is private methods which are subject to change.

Instead it'd be better to test the public interface which uses those callbacks (before or after save → `#save`):
```ruby
describe "#save"
  context "when permalink is NOT set" do
    it "generates it from year, month and title" do
      post = Post.create(
        date: new Date(2016, 07, 07),
        title: "Hello, its me")

      expect(post.permalink).to eq "2016/7/hello-its-me"
    end
  end

  context "when permalink is set" do
    it "preserves it" do
      post = Post.new(
        title: "Some title",
        permalink: "some-special-post")

      expect { post.save }.not_to change { post.permalink }
    end
  end

  if "rebuilds preview" do
    preview = instance_double(Preview, rebuild: true)
    post = Post.new(title: "Some title")
    allow(Preview).to receive(:new).and_return(preview)

    post.save

    expect(preview).to have_received(:rebuild)
  end
end
```
GITHUB
Published: 2021-02-22 06:38:38

What is GitHub?

Git is a version control software that allows developers to share , collaborate and manage changes to code. It makes it simple for either amateur or professional developers to transfer large file of code with low to no chance of errors and complication their program. It is a safe place to store project files,return to old version of your project, see changes made by coworkers and you can fork into new projects.

To start working on a project in Github, you first need to create a repository, it is the place where your entire project files are stored. With the repository there is the main branch that features your overall project. You can also create a separate branch, commit your changes to the source code before you push to the main. 

Today I am going to illustrate how to your github on the web browser version and the desktop version. 

Link to the tutorial. 
https://www.youtube.com/watch?v=pyM124xOfrQ
Table Designer
Tags: html, css, javascript, codepen
Published: 2021-02-22 06:36:05

I've been working on a *Generic Table Designer*-tool on and off for almost a year. It's not something I've prioritized that much — a few hours per month. 

I wanted to create a component, where the *configuration* is just a bunch of keywords in a `data-table`-attribute, *example:*

```html
<table data-table="border col-lines row-zebra shadow editable etc.">
```

Then, in CSS, I'll use the same list of attributes for styling, using the *contains*-selector:

```css
[data-table*="row-zebra"] tr:nth-child(even) td {
  --td-bgc: var(--zebra-row);
}
```

In JavaScript, I use `includes()` to check for the keys needed, *example:*

```js
const editable = table.dataset.includes('editable');
```

The color-palette of a table is generated from a single custom property, `--h`, which is the *hue* in `hsl()`. Using different *saturation* and *lightness*-values to *shade* or *tint* the root color, we can easily create tables with different look'n'feel:

*From this:*
![127.0.0.1_5500_docs_table_index.html (3)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vxx9enqwgvt8f91534r2.png)

*To this:*
![127.0.0.1_5500_docs_table_index.html (2)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yl4fxjgu2whddhdt7apy.png)
  
*Or this:*
![127.0.0.1_5500_docs_table_index.html (1)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vz4ru7mvtmeillcu3av9.png)

---

I'm not done with the JavaScript — I'm only working on this in my spare-time! — but when it's ready, it will add keyboard-navigation, sorting, [column resizing](https://codepen.io/stoumann/pen/poNjMJV), column toggle on/off, search/filtering, pagination, table-data from an endpoint, export to csv — and much more. It will also be possible to edit cells.

For now, the CSS-version is (almost) done. I've uploaded the initial version to Codepen, where you can play around with the various options, using a simple editor-interface. I've included some "presets" as well, to get you started.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g7t0yoad0rroaju6xhgi.png)

Here it is — open it on Codepen in fullscreen to use it properly:

{% codepen https://codepen.io/stoumann/pen/YzpVYWZ %}

Let me know what you think! Should I create a repo for this? Any features missing?

Thanks for reading!
Mesin Genset Murah Untuk Ice Cream Supaya Tidak Cepat Cair
Tags: hargagenset, gensetmurah, hargagensetmurah, jualgenset
Published: 2021-02-22 06:32:59

Mesin Genset murah untuk bisnis Ice Cream? Kenapa?. Siapa yang tidak mau menjadi bos bagi usahanya sendiri. Semua pasti mau menjadi bos meskipun usaha yang di buka adalah usaha kecil-kecilan. Salah satu bisnis yang paling mudah dan gampang adalah berjualan ice cream. Siapa yang tidak suka ice cream? Semua orang suka mulai dari anak-anak hingga orang dewasa. Berbagai varian rasa dengan bermacam topping ice cream mulai berkembang. Bahkan cara berjualan ice cream pun ikut berkembang. Dulu, ice cream dijual hanya di toko-toko atau kedai ice cream yang khusus menjual ice cream. Pasar penjualan ice cream tertuju untuk kalangan menengah ke atas karena harga ice cream tergolong mahal.
Namun saat ini, jaman sudah modern. Membuat ice cream tidak sesulit dulu. Mesin-mesin pembuat ice cream yang prakti sudah banyak dijual termasuk salah satu nya mesin pembuat ice cream yang saat ini sudah banyak beredar dan harganya terjangkau.
Mesin Genset Murah Untuk ICE Cream 
Mesin ice cream membutuhkan daya listrik untuk menggerakkan mesin kompresornya, semakin besar mesin ice cream nya semakin besar daya yang diperlukan.
Kendalanya adalah, daya listrik terpasang di rumah tidak cukup kuat untuk membuka usaha berjualan ice cream, terutama untuk daerah perumahan. Berhenti untuk membuka usaha berjualan ice cream? Tentu tidak….
Sumber daya tidak hanya bersumber dari PLN, bisa menggunakan Mesin Genset murah  untuk ice cream dalam kapasitas besar tentu sangat diperlukan bagi para perusahaan ice cream agar tetap beku dan tidak cair. Mesin tersebut bisa di letakan di pabrik es krim, kios, dan industry rumahan dalam jangka panjang Peletakan Mesin Genset ini pun tidak sulit, tergantung dari penyesuaian anda menggunakan daya dari Mesin Genset ini.
Modal awal yang dikeluarkan mungkin sedikit lebih besar daripada menambah daya PLN terpasang, namun anda hanya bisa berjualan di pabrik atau kios saja yang teknik jualan ice cream menunggu pelanggan datang. Tapi jika menggunakan Mesin Genset murah terpercaya, teknik berjualan bisa dengan sistem jemput bola pelanggan kemana saja karena pasar penjualan ice cream ini sangat luas sekali. Berlaku juga memang untuk jenis portable yang penggunaannya bisa dilakukan dimana saja, karena bentuk yang kecil. Namunn operasional dengan bak terbuka, anda dapat letakkan mesin ice cream beserta Mesin Genset bersamaan. dengan mesin produksi ice cream dan mesin genset yang anda gunakan, ini akan menambah profit dari usaha anda. Bayangkan kesempatan menjual ice cream ini lebih luas yang bisa di jangkau.
Namun jangan lupa, sebelum membeli Mesin Genset murah dan mesin ice cream pastikan membeli dari agen atau distributor yang jelas dan bisa di percaya untuk pelayanan purna jualnya, jangan sampai saat terjadi masalah dengan mesin genset dan mesin ice cream nya justru anda mendapat kerugian yang lebih besar.
Git or No Git, the difference between Github and Gitlab (and how to install it)
Published: 2021-02-22 06:17:37

Godzilla vs King Kong. Optimus Prime vs Megatron. GitLab vs Github. What do all three of these things have in common? Preference. And just as science fiction fans have their preferences for their favorite character, users of online repository management systems have their preferences as well.

Github vs Gitlab: 

Github and Gitlab are very similar services, in which users can share and work on different codes, while seeing the changes in real time.  All the changes to each repository are  documented and saved. Not only are these service for editing code, but it is very easy to share code as well. 

Enough of the similarities, what makes each of these services different? First off, Github is an open source service, where your companies (or your personal) code is freely available to anyone on the service. As a company, this would be great to get outsider help. However, Gitlab is the opposite, where you are on a private server, and you are more in control of your repository. For instance, the owner can set administrative restrictions and roles for different individuals. A company would use this over Github to make more specific tasks for individuals, without them getting ahead of themselves. Another Key difference between the two services is Github allows for easier importation of data from other vendors, as well as easier exportation services, while Github is more restrictive to its own website. 

## How to install GitLab? 

1. Find a cloud service to utilize GitLab on. In my guide, I will be using Reclaim Cloud, as you only have to pay for the service you use, not a set price. Go through the  setup for Reclaim Cloud. https://reclaim.cloud/

2. Sign up for Reclaim Cloud. While you are signing up, buy the Premium access. Just do it, you wont regret it later (Plus, free money!)

3. After creating an account and getting into the Dashboard, navigate back to the home screen and find the "Applications" tab. You will them look for "DevOps Lab - GitLab Server". Once you find this option, you will install this Server. It should redirect you back to the dashboard where a loading screen will update you on your progress (this takes a little while) 

4. Once installed, click on the "Change Environment topography", locate the Gitlab server "Vertical Scaling per node" setting, and boost the cloudlets up to 32 (12.8 Ghz). This will allow you to access Gitlab as the best speeds, for only a slight increase in spending (Worth it.)

5. Add your repositories and get to work! You can do this by going directly to Gitlab.com and linking this with the reclaim cloud dashboard. You are all set!

If it would be easier to see this process in a video demonstration, I have posted a link below. Otherwise I hoped this help, and enjoy Gitlab!

Video: https://www.youtube.com/watch?v=i1aUAnshMKw