teleren/devto huggingface dataset:
Box shadow leaving strip at bottom of image?

Published: 2019-07-20 08:27:02

Hey all, very new to really messing with CSS and I can't seem to figure out what's going on here. On the site I'm working on there are several flags lined up like the ones in the image, and I've added a hover effect on mouse over with a little box shadow. However, anytime the hover effect is applied to the flag image, there's that little strip of white added to the bottom of the image and I can't seem to figure out what's causing it, although I know it has something to do with the box shadow.

For the box shadow I have:

box-shadow: 0 20px 20px rgba(0, 0, 0, 0.23);

Would really appreciate any help!
Taking Care of Emotional Support Animals
Tags: motivation, animals, realesaletter, esa
Published: 2019-07-20 07:38:56

An  <a href="https://www.realesaletter.com">emotional support animal</a> is there to help provide support and comfort to its owner, but they require something in return too – your care.

 
It is an owner’s responsibility to take care of their ESA by taking them to the vet regularly, grooming and bathing them properly and reciprocating the love and affection received.

 
These are some general facts that you must be aware of before getting an ESA. You must have a legit ESA letter with you in order to own an emotional support animal.

A  <a href="https://www.realesaletter.com/sample-esa-letter">sample ESA letter</a> is shown below:

<img src="https://www.realesaletter.com/images/letter1.jpg" alt="sample ESA letter">

 
However, if you already have a four-legged friend in your life remember that they do a lot for you and you should appreciate that.

Shopping together can be a  good bonding activity for you and your pet. This will also give them a chance of interacting with other animals.

 
Make sure that your ESA knows the pet store Etiquettes. Dogs usually get excited when they spot something that they like; train them in a way that they listen to you.

 
You can also pamper them by booking a spa session, where professionals will take care of your dog’s style and grooming.
4 Software Development Methodologies
Tags: productivity
Published: 2019-07-20 07:28:00

Lots of IT Comapnies use Several development methods to improve its function efficiency. But, there are a whole lot of instances when these approaches don't meet developers' requirements in a proper way. In cases like this, the project supervisor should correct them by creating some developments or even adjustments. The issue is that not each supervisor able to do this due to the shortage of knowledge.

XP (Extreme Programming)

Extreme Programming strategy (XP) is targeted at the introduction of a top-notch final product with no respect for regular alteration in requirements. To accomplish this, constant testing and preparation are implemented.

Waterfall

Every phase of this strategy represents a growth unit using a little Split between. Thus, every next stage starts when the preceding one is completed and also breaks between are utilized for confirmations in the client side.

This method is outdated now. But, it's still applied to the jobs with clear targets and demands that require around 100 hours of growth . Additionally, this methodology meant to eliminate unnecessary paperwork, time consuming routine meetings, and backlogs.

Kanban

I Would call this strategy minimalistic. Being concentrated on a different growth stage, Kanban puts a focus on the visualization of existing workflow. Hence, there's absolutely no need to bother anyone -- the advancement of a specific task is readily viewed on the plank.

I guess that there are 3 segments which are accountable for 3 phases: to perform, lively, done. Those segments might be broadened and corrected based on team's particular needs.

The Card with the job description is moving out of the 1 segment to another based on its own developmental advancement. Thus, the moment the staff member select the job -- he moves the card into 'busy' section. Subsequently, as soon as it's completed -- to'completed' section.

Scrum Is a rather flexible strategy helping the staff to respond quickly on unique changes in prerequisites. It's acceptable for jobs that need over 300 hours of growth.

Scrum

According to this methodology, there's not any general leader and the responsibilities are distributed among the team members basing in their choice.

Speaking about its construction, you will find product backlog, sprint Backlog and creep itself. The product backlog is a pair of top-priority tasks Letting to construct MVP after possible. Subsequently, sprint backlog comprises Those high priority attributes that programmers will address after 2-4 weeks. Throughout the rush itself, some weekly or daily assembly occur. These brief meetings are meant to synchronize all of the team members' work.

Author Bio - Kris martin is a developer working in Ignou Synopsis from last 3 years who deals in <a href="http://ignousynopsis.com/ignou-mba-project-help-report/">Ignou MBA Project</a> and its help books.
How to obtain an OAuth access token in Dynamics CRM 365 Online using C#
Tags: dotnet, crmonline, oauth, azure
Published: 2019-07-20 05:44:21

<p>The following code snippet demonstrates how to obtain an OAuth access token from your Dynamics CRM online instance that you can use to pass as authenticated and authorization when accessing Dynamics CRM 365 web services in your client-side or server-side code.</p>

```javascript
using (HttpClient client = new HttpClient())
{
   client.BaseAddress = new 
       Uri("https://login.microsoftonline.com/common/oauth2/token");

   HttpRequestMessage request = new HttpRequestMessage();
   request.Method = HttpMethod.Post;

   var keysValues = new List<KeyValuePair<string, string>>();
   keysValues.Add(new KeyValuePair<string, string>("client_id", 
       "2ad88395-b77d-4561-9441-d0e40824f9bc"));
   keysValues.Add(new KeyValuePair<string, string>("resource", url));
   keysValues.Add(new KeyValuePair<string, string>("username", username));
   keysValues.Add(new KeyValuePair<string, string>("password", password));
   keysValues.Add(new KeyValuePair<string, string>("grant_type", "password"));

   request.Content = new FormUrlEncodedContent(keysValues);

   HttpResponseMessage response = client.SendAsync(request).Result;
   return response.StatusCode == HttpStatusCode.OK;
}
```
<p>
In the code snippet above, the only thing that will change are username and password, there are your Dynamics 365 credentials to authenticate and authorize your instance, also the URL for your Dynamics CRM instance (e.g. https://benjsoftdemo.crm3.dynamics.com).
</p>
<p>
The client_id is the default Client Id which is setup against Dynamics 365 Online instances.
</p>
<p>You can test the following code snippet using Postman.
<p></p>
<img src="https://thepracticaldev.s3.amazonaws.com/i/12pmsa6vp5duh0npgbtg.png" />
</p>
<p>When successful, the response will contain the JSON response payload that contains your access_token.
<p></p>
<img src="https://thepracticaldev.s3.amazonaws.com/i/gsybbpfm898ptace10ex.png" />
<p>Then you can use the access_token programmatically to authenticate and authorize you when accessing the CRM webservice calls.</p>
</p>
<p>
For more information, you can refer to the following link <a href="https://community.dynamics.com/crm/b/magnetismsolutionscrmblog/posts/dynamics-365-online-authenticate-with-user-credentials">Dynamics 365 Online Authenticate with User Credentials</a>.
</p>
Are there any other options for implementing SEO in the Node / Vue project, other than Nuxt JS?
Tags: node
Published: 2019-07-20 04:45:09

Hello!
I'm going to work with backend in a Node/Vue project. Tell me, please, what are the options for implementing a SEO other than Nuxt JS?
I usually worked with a Node / React stack and more familiar with Next JS, which is restricted to React.
Can you please tell some alternative options?
Thanks for any help!
Better Javascript Type Autocomplete with JSdoc
Tags: javascript, typing, jsdoc
Published: 2019-07-20 02:04:46

---
title: Better Javascript Type Autocomplete with JSdoc
published: true
description: Tutorial on how to improve type inference with JSdoc annotations
tags: javascript, typing, jsdoc
---

If you want to skip the lecture and get straight to the code, here's the [repo](https://github.com/henryjw/js-types-examples) with all of the examples.

## Intro

Whether you like types or not, there's no denying that having autocomplete for types in any language is nice since it means we don't have to run the code to know what the object should look like (I'm looking at you, JavaScript).

VS Code, for example, partially solves this problem by automatically importing the type definitions for the any of the libraries you import, if available, behind-the-scenes.

So, whenever VSCode autocompletes your `express` methods, there's no magic! It's pulling the the [DefinitelyTyped](http://definitelytyped.org/) definitions behind the scenes.

However, the VSCode (and other editors) solution is limited because many times there's no way for the editor to know, for instance, the types of parameters a function. See example 

*Type Autocompleted*
![](https://thepracticaldev.s3.amazonaws.com/i/dekhzldnlyv0wl1snww6.png)

*Type Not Autocompleted*
![](https://thepracticaldev.s3.amazonaws.com/i/tjdgbvzxatknuzaaxd0q.png)


## Solutions
There are a few ways to solve this problem. The way you choose will depend on your project requirements, as well as in your preferences and needs.

### In-line JSdoc type definition
This approach allows you to define custom definitions in-line. The downside is that the types defined this way can't be reused outside of the file they were defined in.

![](https://thepracticaldev.s3.amazonaws.com/i/w6zg40emkso4ink0k8gx.PNG)


### Imported type definition
This approach allows you to add types from existing NPM modules to your code. To implement this, you'll first have to `npm install` the appropriate type definitions into your project. For instance, to add `express` types, you'll need to `npm install --save-dev @types/express`.
You can find any types you need at [DefinitelyTyped](https://microsoft.github.io/TypeSearch/).

![](https://thepracticaldev.s3.amazonaws.com/i/jxazh98g43ct087z8wqi.PNG)

## Conclusion
As I've shown, there are several ways to improve type autocomplete by using JSDoc annotations. Of course, if you need actual type checking you'll need to use a statically typed language like Typescript or a tool like [flow](https://github.com/facebook/flow).

There are also a few other uses for type annotations that I didn't go into detail in this article. Feel free to check them out in [this repo](https://github.com/henryjw/js-types-examples).

## References
https://ricostacruz.com/til/typescript-jsdoc
https://jsdoc.app/tags-typedef.html
Thermal! A new Git GUI application
Tags: electron, github, git, contributorswanted
Published: 2019-07-20 03:29:19

Thermal is free, open-source, the cross-platform desktop application allows you to manage your Git repositories at one place by providing a simple to use graphic interface with built-in features like commits, history, repository settings and more.

We welcome your contribution to Thermal, whether you're helping us fix bugs, improve the docs, or spread the word, we'd love to have you as part of the Thermal community.

* **Website**: [https://thermal.codecarrot.net](https://thermal.codecarrot.net)
* **GitHub**: [https://github.com/gitthermal/thermal](https://github.com/gitthermal/thermal)
* **Discord**: [https://discord.gg/DcSNmts](https://discord.gg/DcSNmts)

Have any questions? You can message me in [Thermal Discord Server](https://discord.gg/DcSNmts).

Happy commits 😉
What are some of the stupid methods people adopt in their journey to learn programming & development? [Sourcing for stories.]
Tags: discuss, crowdsource, stories
Published: 2019-07-20 03:11:08

Have you ever encountered the time when you, as a developer, when teaching people (not necessarily developers or geeks) coding & software engineering, there is someone who had a learning method that makes you totally pissed off because it is never tolerated in the development world?

Share your story here. The person in the story may not necessarily be developers but can be anyone whose job or career is not related to development, UI/UX and Data Science.
How to progressively load 1000s of rows into a table
Tags: javascript, vue
Published: 2019-07-20 01:52:19

I'm using Vuejs (if that helps) and I'm requesting over 1000 rows from my database and wondering what's the best way to load that data? 

I imagine there is a pattern, library or something that allows for a progressive loading (am I even using the right term) experience of some kind to the user.
VSCode Tips: column (box) selection
Tags: vscode, tips, webdev
Published: 2019-07-20 01:33:44

---
title: VSCode Tips: column (box) selection
published: true
description: 
tags: vscode, tips, web development
---

Column selection is a very handy tool when you need to edit column of text at the same time.

![VSCode column selection demo](https://thepracticaldev.s3.amazonaws.com/i/wukzbq545pbx105ef9t5.gif)

# Shortcuts:

Place the cursor in one corner and then hold **Shift+Alt** while dragging to the opposite corner. You can use keyboard arror up/down to place more cursors on the lines you want to edit. Press **[ESC]** key to exit the multicusor mode.


## More reference from VSCode site:
https://code.visualstudio.com/docs/editor/codebasics#_column-box-selection
Headless Selenium testing with Chrome extensions is broke AF
Published: 2019-07-19 23:50:40

---
title: Headless Selenium testing with Chrome extensions is broke AF
published: true
description:
tags: selenium,chrome,headless,testing,automation
---

In case you ever wondered, you cannot test extensions with Selenium and headless Chrome. Chrome does not support this type of testing.

```python
options = webdriver.ChromeOptions()
# print(dir(options))

# see this https://stackoverflow.com/questions/45372066/is-it-possible-to-run-google-chrome-in-headless-mode-with-extensions
# you cannot test extensions if you are in headless mode?
# it is a bug
options.add_argument('headless')
```

But the good news you can load an extension with Selenium easy-peasy. As long as you are not headless.

```python
options.add_argument("--load-extension={0}".format("e:/projects/headless/myext"))
```

Another thing I found at least in Windows 10 with this version of chromedriver
```
ChromeDriver 75.0.3770.140 (2d9f97485c7b07dc18a74666574f19176731995c-refs/branch-heads/3770@{#1155})
```
I would get a errant chromedriver.exe process that hung around after each test (I was using the Python bindings).

To fix that I switched to using webdriver.Remote and ran the chromedriver.exe by hand only one time.
Only CSS Rain Animation Effects
Tags: css, html, rain, animatin
Published: 2019-07-19 23:38:04

---
title: Only CSS Rain Animation Effects
published: true
description: Hello Guys! I have brought to you a very simple but awesome example of creating rain animation using only html and css. Don't forget to like, share and subscribe.
tags: css, html, rain, animatin
---

<p>Hello Guys! I have brought to you a very simple but awesome example of creating rain animation using only html and css. Don't forget to like, share and subscribe.</p>
<hr/>
[Do not forget to subscribe in the channel:](https://www.youtube.com/AhmadEmran?sub_confirmation=1)
<hr/>

{% youtube llWMlHrTwqQ %}
Why Go is better?
Tags: go
Published: 2019-07-19 22:59:58

---
title: Why Go is better?
published: true
description: Golang Tutorial Series
tags: Go,Golang.
---

The GoLang was conceived and developed by developers at Google.
It is reported that it was conceived while they were waiting for the project to have complied.


Go or GoLang, as it is called, is a robust system-level language used for programming across large-scale network servers and big distributed systems. Golang emerged as an alternative to C++ and Java for the app developers in the context of what Google needed for its network servers and distributed systems

Let's discuss one by one factor which makes go different from the majority of existing programming language.

# 1) Multithreading And Concurrency

A vast majority of programming languages lack concurrent execution when working with multiple threads. They often slow down the pace of programming, compiling and execution. This is where Go comes as the most viable option to support multi-threading environment and concurrency both.
With time the hardware manufacturers have kept on adding more core to the system to ensure better performance.
Go was conceived at the time multi-core processors became widely available across sophisticated hardware. The creators of Go gave particular focus on concurrency. Go works with goroutine which allow it to handle concurrently large number of tasks.
 
# 2) Simplicity of Go

## No Generics: 
Generics or templates which remained a mainstay for various programming languages often add to the obscurity and difficulties of understanding. Go designers by deciding to go without it made things simple. 

## Single Executable: 
GoLang comes without any separate runtime library. It can produce a single executable code that can be deployed by just copying. This helps in removing all the concerns of committing mistakes on dependencies or versions mismatch. 
## No Dynamic Libraries: 
Go just decided to do away with any dynamic library to keep the language simple and straightforward. Although, in the latest Go 1.10 version the developers are given the option to upload dynamic libraries through plug-in packages. This has just been included only as an extended capability.
Grunt then Gulp then Webpack now Parcel 🤖🔥🤔
Tags: javascript, discuss
Published: 2019-07-19 22:46:24

*disclaimer: this post is not an attack on tooling specificly, nor an attack on anything.*

Okay so let's do another rant post, I seem to be angry this week. 🙄😠 (Nobody likes a complaining developer but it's my birthday next week and I'm getting old)

Opening codesandbox and clicked on Vanilla, I wanted to just write some vanilla loose, quick and dirty old fashioned not complicated, not transpiled passed through a quantum molecular demodulation superconducting tree shape graph. I think it's called simple.

I am greeted with a Parcel configuration. "Hello parcel what are this file be?" I ask myself in the most efficient wording known to man. But before we get to that, let me remind you, I clicked vanilla! Why has JavaScript become a compiled first and interpreted second language, what we write is not what we ship, doesn't that bother you? 

I have spent a while justifying the 10 or so config files to run a front end, "it's normal", everyone's doing it, it's just a part of life for a frontender, doesn't this bother you?

We are so busy going forward, has anyone looked back at old friends? gulp 4, that's not the gulp I remember but it's nice.

Okay so a task runner is not a bundler (a compiler of things) so yeah bad example, still my point stands. Why is JavaScript (browser vendors) not keeping up with demand, why must we have so much fluf between the code we wrote and the mangled and larger code that nobody really knows what's inside.

Lately it's got to the point, I found learning C++ and emscripten around the same amount of effort to setup as it was to build the "perfect Webpack" setup, that's crazzy, time-consuming.

Don't you wish you could just write JavaScript with optional static typing. Maybe even just have an official specification for a JSC (JavaScript compiler), Less new hotness tooling and more development?

So yeah I ask a lot of questions, on with the point of this post and the conclusion, Parcel, that sounds like Fusebox, 0 config bundler, yep that's not really new, bundling things that's like dynamic linking sort of, a dll, an .exe that's a bundle too, conceptually this is all old hat stuff. Makefiles, the OP bundler, the list goes on. None of those tools compiled scripting languages back to itself, is there something seriously wrong with
 JavaScript today? 🧐

(He says all this then gets back to work programming the modern stack without any further thought)

Update: (he then wrote didi) {% github adam-cyclones/didi %}
I’m Looking for a Web UI for a Static Site Generator
Tags: help, cms, ssg
Published: 2019-07-19 22:25:37

---
title: I’m Looking for a Web UI for a Static Site Generator
published: true
tags: help, cms, ssg
---

## TL;DR

I’m looking for a web interface to manage content for a static site generator for web sites (not blogs), and I’d love your help to find one.


## Story

When I started blogging, WordPress didn’t exist. I used Movable Type, a blogging engine written in Perl, that had the interesting property that while the admin backend was dynamic (CGI), the public front end was all static files, generated or updated as necessary when you posted or someone commented, resulting in a fast web site that could handle a lot of traffic (that’s right, it was a static site generator, over five years before the term started trending.)

Today I would like the same type of software but for simple web sites, not only a blog. A backend that lets people edit the contents with a nice web interface, and and engine that generates static pages out of it, with templates, navigation, etc.

## My wish list

* The programming language doesn’t matter, I intend to run in in Docker;
* The backend and the site generator don’t need to be the same product, as long as I can get the content from the former to the latter;
* I want to host it on my own server;
* I would like to make web sites, with hierarchical pages, not only a blog (hierarchical pages to control how the navigation is displayed);
* A WYSIWYG editor is preferred;
* Web-based, so different people can edit the site without sending each other the source files;
* Since I’m going to use it to make small web sites for friends, I’d rather the solution to be free and/or open source. At least not a per-site license. Definitely not a SaaS. DEFINITELY not $499 per year.

## What I tried

* Ghost: Very nice interface, but only for blogging. Regular pages are too basic;
* Jekyll Admin: Only works with the Jekyll debug web server, not really suited for production;
* Grav: exactly the opposite of what I’m looking for: you have to edit static files and they are served dynamically;
* Netlify CMS: seems to have a very convoluted ways of doing simple things.

If anyone has suggestions for me to try, I would be very grateful. Thanks in advance.