teleren/devto huggingface dataset:
Now.sh docker image size limitation
Tags: docker, nowsh, question, help
Published: 2018-08-04 10:51:27

---
title: Now.sh docker image size limitation
published: true
description: 
tags: docker,nowsh,question,help
---


Does anyone know if now.sh limits the size of docker images?
I failed to deploy images probably because of the imitation as can be seen in the log below.
![now.sh log](https://thepracticaldev.s3.amazonaws.com/i/j8cfvxz3dxymyhjuso19.png)


Till several days ago, I had been able to deploy images which should be almost as big as the ones I failed to deploy today.

Update: 7 Aug 2018
I asked about this problem in now.sh slack channel, and they suggested that I try MSB (Multi-staged build). MSB basically allows you to copy a built app from a stage to another so that the latter stage only contains the app but no libraries or packages necessary for building it.
Using Firebase as your login provider
Tags: javascript, polymer, firebase, authorization
Published: 2018-08-04 07:15:26

---
title: Using Firebase as your login provider
published: true
description: I code though a small demo on how to connect Firebase and Google as your login provider with your back end server, and how to use it along side a more traditional login solution.
tags: javascript, Polymer, firebase, authorization 
---

{% youtube PSHQ5z_-1w4 %}
Facebook Style Chat Application with jQuery and CSS 
Tags: javascript, html, css, webdev
Published: 2018-08-04 06:00:06

---
title: Facebook Style Chat Application with jQuery and CSS 
published: true
description: Facebook Style Chat Application with jQuery and CSS
tags: #javascript #html #css #webdev
---

Post Link : https://www.skptricks.com/2018/03/facebook-style-chat-application-with-jquery-and-css.html

Today we are going to discuss how to create Facebook Style Chat Application with jQuery and CSS. In our Earlier post we have provided simple demo and explanation about Facebook Like Chat Slider Layout Design and Facebook Style Chat Box Popup Layout Design Using JQUERY and CSS. Hoping this example helps you similarly for creating chat application.

<a href="https://www.skptricks.com/2018/03/facebook-style-chat-application-with-jquery-and-css.html" >Facebook Style Chat Application with jQuery and CSS </a>

<img src="https://3.bp.blogspot.com/-7jgKreVx6wQ/WpuONaj4zuI/AAAAAAAABYo/u20rRtBIAGUPApdEQNuSaSvJKsCUbeJsACLcBGAs/s640/chat.jpg" />


So, Here we are integrating chat slider layout and chat popup box layout design in one HTML file. When user click on the username from the chat slider box, then it will show the same user popup box like Facebook application.


Feature for this chat box application :
1. Easily select user from the chat silder box.
2. With the help of this you can perform multi user chat in single web page.
3. You can close the chat session whenever required.
4. You can minimize the chat pop-up box.
5. The Latest chat box, should be displayed at right most corner.


{% youtube __L3_8olgfA %}


<a href="https://www.skptricks.com/2018/03/facebook-style-chat-application-with-jquery-and-css.html">Read More </a>
Buggy task card
Tags: help
Published: 2018-08-03 20:26:21

---
title: Buggy task card
published: true
tags: help
---
Hello everyone, i have been working on my portfolio and I've been building some projects to include in my portfolio, I have done a todo list app,but this morning I opened it up in chrome, added a new task and hovered over the new task, and the height started jittering, I honestly don't know what is causing this,so i can't find a fix for it. I test my projects primarily on Firefox developer edition and it works perfectly fine in Firefox.
Just Code Challenge: Dogs Up
Tags: challenge, ios, xojo
Published: 2018-08-03 20:01:56

---
title: Just Code Challenge: Dogs Up
published: true
description: An iOS app to display dog pictures
tags: challenge, iOS, Xojo
---
Are you doing the [Just Code challenge](https://dev.to/lefebvre/just-code-challenge-28la)? Here's an iOS app that I made for the challenge. It shows dog pictures using the [Dog API](https://dog.ceo/dog-api/).

![](https://blog.xojo.com/wp-content/uploads/2018/06/iOS55Screenshot.png)

To make this app, I used two HTTPSockets: one to request a URL to a dog picture and another to download the picture itself. A JSON file contains the dog facts that are displayed along with the pictures.

[Download Dogs Up Project](http://cdn.xojo.com/JustCode/DogsUp.zip)
Vue Theme - Theme for Visual Studio Code inspired by Vue.js
Tags: vue, javascript, react, php
Published: 2018-08-03 17:09:11

---
title: Vue Theme - Theme for Visual Studio Code inspired by Vue.js
published: true
description: +59000 installs, a Theme for Visual Studio Code inspired by Vue.js, with support for more popular languages and a perfect harmony of colors for the user to work for hours, reducing visual fatigue and having an excellent coding experience.
tags: vuejs, javascript, ReactJS, php
cover_image: https://thepracticaldev.s3.amazonaws.com/i/uadp1bcjgjbv5r4nbb9k.png
---

I created this theme for Visual Studio Code inspired by Vue.js,
with support for more popular languages, trying to maintain a perfect harmony of colors.

### Marketplace
Currently with +59000 installs in the Visual Studio Code editor

![Vue theme](https://thepracticaldev.s3.amazonaws.com/i/7e4iwn4ou1kswb836kuh.png)

### UX
All the colors in this theme have an intensity for the user to work for hours, reducing visual fatigue and having an excellent coding experience.

![Vue theme](https://thepracticaldev.s3.amazonaws.com/i/uadp1bcjgjbv5r4nbb9k.png)

###Syntax Highlight:
![Vue theme](https://thepracticaldev.s3.amazonaws.com/i/y3l9onslmmiinwvbofri.png)

### Installing

1.  Open **Extensions** sidebar panel in VS Code: `View → Extensions`
2.  Search for `Vue Theme` - by **Mário Rodeghiero**
3.  Click **Install** to install it.
4.  Click **Reload** to reload the your editor
5.  Code > Preferences > Color Theme > **Vue Theme**

You can know a little more by accessing the web page [Vue Theme](https://mariorodeghiero.github.io/vue-theme/) or [Marketplace](https://marketplace.visualstudio.com/items?itemName=mariorodeghiero.vue-theme).

If you liked this Theme, make your evaluation in the [Marketplace](https://marketplace.visualstudio.com/items?itemName=mariorodeghiero.vue-theme) or give me a star ⭐️ in [GitHub](https://github.com/mariorodeghiero/vue-theme-vscode), as it is important to improve the ranking. 
Thank you, I hope you like it 😊
Re-Learning fundamentals
Tags: algorithms, fundamentals, computerscience, discuss
Published: 2018-08-03 17:01:44

---
title: Re-Learning fundamentals
published: true
description: 
tags: #algorithms #fundamentals #computerscience #discuss
---

Going through sites like Hackerrank and leetcode i realize that i even have a hard time trying to go through some of the array based problems that those sites deem as easy.

Are there any sites or other resources that would help me re strengthen my understanding of algorithms and how to go about those types of problems?
Using SonarQube and GitHub without losing your comments
Tags: codequality, sonarqube, github
Published: 2018-10-13 16:28:41

---
title: Using SonarQube and GitHub without losing your comments
published: true
tags: quality, sonarqube, github, 
canonical_url: https://committed.software/posts/sonar-github/sonar-github/
---

[![github stickers cover](https://committed.software/static/github-stickers-cover-0282251214cc1183d9920d1b0d567d70-f3a32.jpg)](/static/github-stickers-cover-0282251214cc1183d9920d1b0d567d70-e17b4.jpg)

If you happen to use the official sonar-github plugin to integrate Sonar into your GitHub pull requests you may have found that the plugin has a tendency to delete any comments it considers stale. This is especially annoying when the Github account used for the integration is also a member of your team, causing many valuable review comments to disappear!

While there exists an existing PR to fix this precise issue, the support for this Github Sonar plugin has dried up (with Sonar moving towards a [new solution for its paid-for offerings](https://github.com/SonarSource/sonar-github/pull/30#issuecomment-349640582)). For this reason, we decided to fork the sonar-github project, applying the fix for this issue. [Releases of our fork are available here](https://github.com/commitd/sonar-github/releases).
Looking for good practices for JS SDK
Tags: javascript, sdk, goodpractice, discuss
Published: 2018-08-03 15:36:54

---
title: Looking for good practices for JS SDK
published: true
description: I'm going to write an JS SDK for my service and need some advice.
tags: javascript, sdk, good practice, discuss
---


I have built an online service with Laravel*, which has a REST API to interact with. Now I'm going to build a CLI tool to send data to the service using JS. I'm fairly new to CLI tools with JS. For this CLI tool I want to write a separated SDK so others can use it as well.

What are good / best practices to write an REST SDK in JavaScript? Do you have some advice for me or do you know a good SDK I can dig into?

I appreciate your help!

_* it's called [Speedtest Collector](https://speedtest-collector.de) if you're interested._
Preview your markdown with GitHub API in real time
Tags: javascript, markdown, showdev
Published: 2018-08-03 15:14:33

---
title: Preview your markdown with GitHub API in real time
published: true
description: Using GitHub API (or GitHub Enterprise API), a gfm-preview launches local preview server for your desired needs.
tags: javascript,markdown,showdev
---

Hello, I'm a TypeScript lover in Japan but in this article I'll show you how to preview markdown (as is, GitHub flavored markdown(GFM)) at my workspace.

## TL;DR

```bash
# install gfm-preview
$ npm install --global gfm-preview

# preview your markdown
$ preview file.md
```

Then you'll see a preview in your default browser like this:

![gfm-preview-result](https://i.imgur.com/ddvaQuS.png)

## Background

When writing markdown, I always concern about the result of GitHub markdown rendering. So I often copy markdown and paste it to GitHub Gist then I see some typos and rewrite and copy-paste it...damn!

So I wrote [gfm-preview](https://github.com/saltyshiomix/gfm-preview) today :)

## My Writing markdown life CHANGE

A `preview` command automatically do this:

- Launch a local preview server
- Open a preview in your default browser
- Render markdown by GitHub API
- Watch changes and reload the preview
- Close the local preview server when the preview is closed

Then my writing markdown scenario goes to:

```bash
$ touch file.md
$ preview file.md
```

So fun! No stuff!

## Support GitHub Enterprise

My workspace uses GitHub Enterprise, so I `preview` like this:

```bash
$ preview file.md --github-api-url https://ghe-host:port/api/v3
```

Add an alias to `~./bashrc`:

```bash
alias preview='preview --github-api-url https://ghe-host:port/api/v3'
```

Then, 

```bash
$ preview file.md # uses GHE API by alias
```

Easy enough?

## PRs are welcome

I'm new to OSS and want to communicate with contributors!

https://github.com/saltyshiomix/gfm-preview

Thank you for your reading my article!
Webfaction API client in Python
Tags: python, api, webfaction, xmlrpc
Published: 2018-08-03 15:10:00

---
title: Webfaction API client in Python
published: true
description: CLI tools for webfaction API
tags: python, api, webfaction, xmlrpc
---

I've been following [Webfaction](https://www.webfaction.com/) since they're known as python-hosting.com. Back in early 2000, it's not easy to find any python web hosting. Textdrive was the first but then after closed down, I was left wandering around the Net looking for a new hosting provider.

Since then, I have been hosting all side projects on Webfaction.

I found cli tools for Webfaction API. The project seem abandoned already so I've just fork it to my github account and start adding few unimplemented command.

* https://pypi.python.org/pypi/webf
* https://github.com/k4ml/webf

After playing around with the API for a while, I realized that we don't really need fancy library to access the API. It pretty straightforward, the API only accept either plain string, boolean or list as parameters and return either a dict or list of dicts. So here a client to the whole APIs in just 106 lines of code - https://gist.github.com/k4ml/5889346#file-webf-py.
The single most powerful action to make better choices and software
Tags: softwaredevelopment, qa
Published: 2018-08-03 17:57:50

---
title: The single most powerful action to make better choices and software
published: true
tags: software-development,qa
canonical_url: 
---

## Be curious ask open-ended questions

Understanding others viewpoints is key to making progress on projects and initiatives. It is better to ask tough questions and try to understand the other side than keep pushing forward without changing strategy. I often listen to two people having a conversation and totally miss the point of their discussion because neither side is attempting to dig in and ask specific questions. One example that came up was due to friction in a process, a team member vented that a policy for making changes became too onerous but this came across in a way that sounded like removing the entire process. Unfortunately due to not asking questions the discussion became about why is it important we have process. Without asking questions there was no discussion on how the process could be improved and whether it is bringing value in this instance?

Questions benefit me in my day to day life and work life in a variety of ways. I can show interest in a variety of people and their circumstances. I can dig deeper into ideas and concepts and listen to people and learn about things I never knew about. I can accomplish more of the right tasks when I ask questions. I can paraphrase what the person has said to verify that we're both in agreement. I use this a lot with my wife since English is not her first language. Shallow agreement is the worst when two people are miscommunicating but think everything is fine. I almost missed the bus to the airport because I didn't ask what my wife meant by if I had my 'ticket'. A bus ticket not the parking ticket for my car. This could have been avoided if I paraphrased or asked the right question.

Two books I recommend for asking better questions are "Leading with Questions: How Leaders Find the Right Solutions by Knowing What to Ask" by Michael J. Marquardt and "Never Split the Difference" by Chris Voss. Both provide excellent information on question asking from different perspectives one from leadership the other from negotiation.

## What is the problem exactly?

When working with my teams in software design sessions clarifying the problem is the hardest exercise. When we get near the finish line I have to ask "How is this working in a way that solves the problem for our customer?" If the answer is not clear I put it on myself and say, "I'm sorry, I'm failing to understand could you explain this in a different way?"

Ask people questions and keep digging for answers and asking what else?
Every 4000 lines of Android code contain a potential vulnerability
Tags: android, cpp, devops, opensource
Published: 2018-08-03 13:56:09

---
title: Every 4000 lines of Android code contain a potential vulnerability
published: true
description: 
tags: android, cpp, devops, opensource  
---

![Every 4000 lines of Android code contain a potential vulnerability](https://www.viva64.com/media/images/content/b/0579_Android/image2.png)

Last year, developers of the static code analyzer PVS-Studio already cited the result of their research on the operating system [Tizen](https://www.viva64.com/en/b/0519/) example and now again the choice fell on another, no less popular OS, Android. Looking ahead, I want to note that I didn't expect such a huge number of mistakes in such a popular product!

In the article, mistakes carried in even such a high-quality codeare striped on examples, in fact even those tested by Coverity.

In total, the developers described about 490 potential vulnerabilities. For example, CWE-14: Compiler Removal of Code to Clear Buffers, which is a serious type of potential vulnerability and leads to access to private data.

Among the others you can find:
• CWE-119: Improper Restriction of Operations within the Bounds of a Memory Buffer
• CWE-393: Return of Wrong Status Code
• CWE-480: Use of Incorrect Operator
• CWE-561: Dead Code
• CWE-690: Unchecked Return Value to NULL Pointer Dereference
• CWE-762: Mismatched Memory Management Routines

And many other interesting examples of almost 2 million lines of code in C and C ++! Wow!

Source - https://www.viva64.com/en/b/0579/
Gitflow and NPM versions
Tags: discuss, npm, node, help
Published: 2018-08-03 12:51:35

---
title: Gitflow and NPM versions
published: true
description: problem with gitflow and npm publish versions on different branches.
tags: #discuss #npm #node #help
---

I am following standard gitflow, and I have different environments for testing the dev builds, and release builds. master goes to production. 

I also have my JS app divided into multiple private npm modules which goes into private npm repository.

### Q1

Is there any way I can version my npm packages, against the branches they are built on in a standard way?

What I have tried is, I have `prerelease` `pre-ids` added to the versions. like 
`1.0.0-rc.0 //for master`
`1.0.0-beta.0 //for release`
`1.0.0-alpha.0 //for dev`

But if I create a feature branch from master, it contains the master's version. When I try to raise a PR from it to dev, then it shows conflict, since dev has `-alpha.x` in its version. To resolve the conflict, I'll have to consume the target branch's versioning. Same issue when it goes for merging on release branch too. 

And when it comes to merging to master, the release version (one with `-beta.0`) completely replaces the master.
So it becomes like this: on master, 

| It was        | After Merge   | After version bump  |
| ------------- |:-------------:| -------------------:|
| __1.0.0-rc.0__    | ~~1.0.0-rc.0~~ 1.0.0-beta.0| __1.0.0-rc.0__          |

Ideally after the version bump i would have wanted it to be 1.0.0-rc.1

Is it possible to keep package JSONs out of versioning. 

### Q2

How do I control the versioning in the package JSON of the application where these NPM modules are consumed? It too is on _gitflow_ and feature branching model, and I would want that the App, when it is building on _dev_ branch, it builds with artifacts that are published from their respective _dev_ branches.

Honestly, I might be misusing gitflow too, but as of now, too confused to figure out where I'm going wrong.


Thanks in Advance
How to set host-only adapter on VM (Virtual box)
Tags: oracle, vm, virtualbox
Published: 2018-08-03 08:21:09

---
title: How to set host-only adapter on VM (Virtual box)
published: true
description: 
tags: Oracle, VM, VirtualBox 
---

You can find many tutorials about how to setup host-only adapter, but most of them are incomplete, something is missing. So I decided to provide a step-by-step guide from my personal notes.
 
###1) Configuration of network adapter
In newer versions of VirtualBox select from **File menu** > **Host network manager**.


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

Create new adapter, and set the following options:
Configure the adapter manually.

**ipv4 address** 192.168.99.99
**ipv4 network mask** 255.255.255.0
DHCP server checked
**Server address** 192.168.99.100
**Server mask** 255.255.255.0
**Lower address bound** 192.168.99.101
**Upper address bound** 192.168.99.254

You can set IP address whatever you like, but make sure that other options are also set to appropriate address (DHCP server address, Lower/upper address bound, conf. of the network interface on VM) 

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

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

###2) Set up the adapter in network settings of VM
Then, in the network settings for the virtual machine (**machine tools icon - hammer**), set up two adapters:

Adapter 1
host only, vboxnet0

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

Adapter2
NAT

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

**also don't forget to click on refresh mac address of both adapters**


###3) Configure the VM
Boot the virtual machine and log in through the console VirtualBox provides.

open the terminal and run the following command: 

```
ls /sys/class/net
```

This will provide you the name of adapters on the VM. In my case, the adapters were named eth1 and eth2 (and lo, the loopback interface).


Then, edit the network configuration.

```
sudo vi /etc/network/interfaces
```

Now apply the following configuration:

```
# The loopback network interface
auto lo
iface lo inet loopback

# The primary network interface host-only adapter
auto eth0
allow-hotplug eth0
iface eth0 inet static
address 192.168.99.100
netmask 255.255.255.0

# The NAT
auto eth1
iface eth1 inet dhcp
```

After that, I recommend restart of VM.


And that is it. Now I am too lazy to explain every option in network interface configuration (hotplug etc..). You can google itself. :P

Also, you can set the hostname in your host's file (win => C:\Windows\System32\drivers\etc\hosts, linux => /etc/hosts) so you don't have to every time access to VM by ip address. 

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

My hole developer environment (and playground) is on VM, there I have installed tomcat, apache, db, node.js etc. because I don't want to pollute my host machine and also by my opinion this is the best solution for simulation of production/test environment.
Export colors palette to SCSS/LESS/CSS variables file
Tags: scss, css, less, webtool
Published: 2018-08-03 11:15:26

---
title: Export colors palette to SCSS/LESS/CSS variables file
published: true
description: Tool to export colors palette to SCSS/LESS/CSS variables
tags: scss, css, less, web tool
---
1. Find your palette or create new one.
2. Open Link with palette (example: https://colorswall.com/palette/3).
3. Press "Export" button.
![Export colors palette to SCSS,LESS,CSS variables file](https://i.imgur.com/Y6UL2ns.gif)
4. Choose file type SCSS, LESS or CSS and press "Download" button.
5. Save file and enjoy.

Video version
{% youtube M-APND5GUqE %}