teleren/devto huggingface dataset:
Unity3D and WebGL (WebAssembly) exports
Tags: csharp, webgl, unity3d, webassembly
Published: 2019-08-06 12:20:32

Hi to all guys! This is my first post so sorry if I make some mistakes ^^

I've maded a speed run with Unity3D to learn how Unity exports WebGL + WebAssembly with a simple pong game (revisited).

Here you can find the video: 

{% youtube eMs9DiMuhTo %}

Have you tried UNity WebGL exports? Expecially for advanced 3d contents on your websites?

If you have some similar experiments please feel free to share them here!

Happy coding to all!

PS: you can take a look to the result [here](http://nicawd.herokuapp.com/glow-pong) but after only 4 hours of development is pretty buggy!
Technical writing: how long does it take you to write a post?
Tags: writing, productivity, discuss
Published: 2019-08-06 11:47:08

I was recently writing a post about making an app with React. The app is quite small, therefore I was surprised that it took me 3 evenings (approx. 2-3 hours each) to write the process up and one evening for proofreading/fixes). 

I was wondering how long on average does it take people to write a post? 

A follow up question would be: if you write about building an app/webpage/etc, do you 

1. Build it while writing the post
2. Build the app first and then write the process up
3. Do not bother with building the app at all and checking that the code actually works :D
How to identify and prevent most common S3 security problems?
Tags: aws, s3buckets, s3security
Published: 2019-08-06 11:40:45

---
title: How to identify and prevent most common S3 security problems?
published: true
description: While it’s inexpensive and easy to set up and maintain S3 buckets, it’s also very easy to overlook S3 security aspects and expose them to malicious attacks (only a few of them occurred recently).
tags: AWS, S3 buckets, s3 security
---

Amazon S3 is an object storage service widely used for storing many different types of data in the cloud.

While it’s inexpensive and easy to set up and maintain S3 buckets, it’s also very easy to overlook S3 security aspects and expose them to malicious attacks.

A typical example is accidentally allowing public access to S3 files.

Several recent high-profile data breaches were caused by lax S3 security.

Other attacks used AWS credentials from less protected services to download files, whereas those services shouldn’t have access to S3 in the first place.

In this AWS security guide, we will talk about some best practices to help you identify and prevent most common S3 security problems. 

Have no time to read? You can easily secure your AWS S3 buckets and get immediate S3 insights, monitors, problem detection > download XpoLog free here - https://www.xplg.com/download/

Article sections: 
1. How you can audit AWS S3 buckets in minutes?
2. Use policies.
3. prevent public access.
4. Disable file ACLs.
5. least privilege principle.
6. Encrypt S3 files.
7. Use versioning.
8. Enable Logging.
9. Secure All Your S3 Buckets With Automation.
10. Free checklist – 10 essential S3 audit.

Please refer to our blog as the design limitations and lack of image makes the read here very difficult and not so friendly > https://www.xplg.com/s3-security-buckets/

Hope you'll enjoy, keep us posted :)
Website AB Testing and Multivariate Testing.
Tags: multivariatetesing, multivariatetest, multivariatetestingtools, multivariatetestingstatistics
Published: 2019-08-06 11:16:43

In the digital marketing world, a customer is considered a king. A firm makes strenuous efforts in order to increase sales and revenue on their brand. What is the main motivation? Obviously, the customers. A company’s website is regularly optimized in order to generate more traffic to it. The business does it in order to analyze or reanalyze which version or element of a particular webpage is giving more traffic than the other. So, how does a firm do it? There are two alternate software tools to optimize the functionality of a website. One is A/B testing and the other one is Multivariate testing.



One often gets confused between the two. A/B testing is also referred to as split-testing. As the name suggests itself, you can have two different versions of a web page. Through A/B testing we can compare between the two, regarding which version is receiving more traffic. ‘
For example, your website has a home page or a landing page. Hence you can change the layout or design of your page or you can even change the headline but not in variations. So, you have limited functionality in A/B Testing. You can only have one thing changed at a time.

On the other hand, In Multivariate testing, you can take a few elements of a page. Following it, you can create variations for those elements. Whereas in A/B Testing we can only create a variation of a particular webpage.

<a href="https://www.notifyvisitors.com/blog/ab-testing-and-multivariate-testing">Multivariate testing</a> allows us to combine all the variations of specific elements. Thereon, you can test the unique version of the page. It simplifies the analysis of traffic generation for each page separately.

Another highlighted the difference between the two tools is their usage: A/B Testing is best used to test different ideas for conversion rate optimization. On the other hand, Multivariate testing is used to refine a landing page without investing in a redesign.

Both offer sound productivity to business growth. Either you can pick one or use both of them according to preferences.

Visit <a href="https://www.notifyvisitors.com/product/ab-testing">NotifyVisitors</a> for More Details about A/B Testing and Multivariate Testing.
Is Jetpack Personal Plan really worth the money?
Tags: wordpress, jetpack, wordpressplugin
Published: 2019-08-07 14:49:16

---
title: Is Jetpack Personal Plan really worth the money?
published: true
tags: WordPress,jetpack,wordpress,wordpress plugin
canonical_url: https://kevinhq.com/is-jetpack-personal-plan-really-worth-the-money/
---

Long-time ago, I decided to get rid off Jetpack from this blog. It happened when I put this blog on the old hosting. Fast forward to two months ago, when I decided to get a new host for this blog, I installed it again. This time, the performance didn’t degrade at all. I even didn’t… [Continue reading »Is Jetpack Personal Plan really worth the money?](https://kevinhq.com/is-jetpack-personal-plan-really-worth-the-money/) ![](http://feeds.feedburner.com/~r/kevinhq/~4/UCY7tqI0nZw)
Why not everyone should learn how to code
Tags: nocode, webdev, bubble, startup
Published: 2019-08-06 09:16:30

---
title: Why not everyone should learn how to code
published: true
description:Find out everything about no-code and how far your business can go with it.

tags: no-code,webdevelopment,bubble,startup
---
Code is no longer the best way to build software. At least, not always.
We are used to a world where it’s the only way to build apps — in 2019, code runs almost everything. As a result, learning to code presents itself as a worthy investment of time, a way to create things while being essentially guaranteed a well-paying job on the other side. Yet, whether or not it’s the best path depends a lot on your motivations for considering it. If you want to learn to code because you love getting into the technical weeds of a problem, then everything I’m about to say need not concern you. But if you’re looking at code as a means to bring your dream app to life, or as the solution to your career woes, well, at least let’s have a conversation about no-code first.

**Getting apps built is expensive**

The code-based web development industry is booming, but it’s creating a lot of inefficiencies along the way. Learning to code is a bit like learning how to make an elephant do tricks. You slowly pick up on how to communicate with one another, you tell it to do stuff, you get confused when it doesn’t respond, and you panic when it starts running out of control. All of this is of course is a messy process, full of late nights and headaches, and it takes time. And unfortunately the speed at which people are learning to be coders is a lot slower than the speed in which businesses can find them.
In business, as we all know, things that take time usually also take money. Learning to build web and mobile applications in code takes a lot of time and dedication, and like any highly skilled profession, developers can charge accordingly. Ideas for this or that app are abundant, but so are the stories of entre and intrapreneurs, who have spent tens of thousands of dollars on development agencies in an attempt to bring their dream app to life, not to mention the thousands more on revisions and new features. [Read more...](https://blog.zeroqode.com/why-not-everyone-should-learn-how-to-code-55b2f30fc612)
What is a password manager? 
Tags: security, cybersecurity, passwordmanager, passwordgenerator
Published: 2019-08-06 08:50:19

I recently started to dig in the password managers and all kinds of stuff related to them. There are loads of info on how to create proper passwords and how to manage them. Although, for me it's still seems unclear, which tactics and techniques are good, trustful. I will keep searching for the answers and update on my findings. This is a [quite simple read] (https://nordpass.com/blog/what-is-password-manager) on what is what regarding passwords.
WooCommerce Call to Order Plugin
Published: 2019-08-06 07:28:16

As an admin at a WooCommerce store to fulfill day-to-day business needs it is desired to have various functionalities. WooCommerce by default comes with basic functionalities. Aftermarket plugins are used to enhance the functionalities of a WooCommerce store. Some of these plugins are available for free. Others come with a small price which includes tech support.
There is a saying:
“Nothing is free in this word, you have to pay the price one way or the other.”
So it is always recommended to buy paid ones because they come with tech support, don’t have backdoors to spy on you or don’t have some ad-ware embedded in them.
There are a lot of plugins out there with the verity of features. We will discuss a <a href="https://codecanyon.net/item/woocommerce-call-for-price-call-to-order-plugin/23143168?s_rank=10">WooCommerce call to order plugin</a> here.
<img src="https://s3.envato.com/files/258863895/Screenshots/02_WooCommerce%20Call%20to%20Order.png">
WooCommerce doesn’t allow its admin by default to replace/hide the price of a product. To do so, Call to order plugin can be used. The plugin provides all the control in its admin panel. Admin can make rules/policies to manage the visibility of the prices, if someone is not allowed to view the prices, what is the alternative way to get the price. Visitors can be routed to the login/register page by replacing the price with the custom button (Contact7 form is supported). It also allows admin to group people on and shows the price to one group and call to order to another group.

<img src="https://s3.envato.com/files/258863895/Screenshots/03_WooCommerce%20Call%20for%20Price%20Plugin.png">

It is a wonderful plugin to manage the price of products on the base of different customer and product groups. If you want to know more about the product or the vendor, please visit their website.

<img src="https://s3.envato.com/files/258863895/Screenshots/01_WooCommerce%20Call%20For%20Price%20Plugin.png">
Designer must know about different button for UI Designing 
Tags: uiuxdesignservices
Published: 2019-08-06 07:20:16

In all over the world if two people want to communicate with each other, then the most important thing is medium. The medium may be any languages, symbols, gestures, etc.

In the same manner for any user interface.”Button” do the same thing. The button is most vital for the UI that provides a link between user and design.

“Button lack your choices, just in a single click”
Few common buttons-

The most commonly used buttons are- radio buttons, submit, reset, etc. But if we talk about nature of button and their perfectly use then other is a list of that.

    Dropdown Button
    CTA Button
    Ghost button
    Expandable button
    Dynamic download button
    paddle Switch
    Realistic button
    Menu Button

Dropdown Button – With the help of the drop-down button, we display a drop-down list of mutually exclusive items, by clicking it.

CTA Button – CTA- call to action you can use this button in the website to guide users towards your goal, conversion.

Some examples of CTA

    Add to cart button
    Download button

Ghost button – We called it ghost button because it looks transparent and empty, also known as “empty” hollow. It covered by very thin line with plain text.

Expandable button – It opens several options after being clicked or tapped. It provides the flow of interactions without any lead of screen.

Dynamic download button – This is the new concept to design button, it is a combination of the download button and progress Bar. It reduces the waiting time of users to download the content of the webpage.

Paddle Switch – This is one of the most creative buttons. It shows the sliding button with great visual effect. We can make it more effective and attractive with 2D/3D.

Realistic button – You can design this button with a glowing effect. It is the most innovative idea to design buttons for websites and mobile apps for getting a number of clicks.

Menu Button – It shows the drop-down options, also mark the switch menu button, is the best replacement of a dropdown menu that shows option one by one. These are the few best menus that can improve your design.

Conclusion –  In this blog, I have written about buttons. The button is most vital for the UI that provides a link between user and design. The most commonly used buttons are- radio buttons, submit, reset, etc. Providers of the <a href="https://www.oodlesstudio.com/ui-ux-design-services/"> UI UX design services</a> said these buttons gives attractive user interface design which are highly appreciated by their clients.
CSS box-shadow on all four sides
Tags: css, html
Published: 2019-08-06 07:14:12

The following CSS code create a box Shadow appears equally on all four sides.


box-shadow:  0 0 10px  rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
-o-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
Understanding Gaps in project
Tags: java, opensource, beginners
Published: 2019-08-06 06:38:28

Understanding Gaps are major problems in development of a project.There are some situations that I personally involved and things didn't make worked.

**Ask Questions?**
Asking questions is not a crime while you are developing something.we should get a clarity on what we are doing so don't hesitate or don't worry to ask your IO.

**Make a simple Document**
Write down your understandings and schedule a meeting with IO for a short discussion on what you understood and what you are going to use and which logic you are using to make it work.

**Search MORE**
If you are developing a complex part then you should definitely Google to get know more about it and look for any similar projects or kind of similar logics.

**Things starts working**
While making documents and scheduling meetings we will get a clear idea about what we have to do and eventually our things make work and project go smoothly.

**Early Post**
It's my first post please feel free to comment.I would like to receive a response from you 😀😁
Union and Intersection Types
Tags: typescript, webdev, javascript
Published: 2019-08-06 06:32:49

###Hi Guys Good Day!


The __|__ operator tells that we can have __either__ one of the types or values on the right-hand expression.


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


In this example the __LogLevel__ type means that we can have a value of "__error__","__fatal__","__info__" or "__debug__".


![Example Union](https://thepracticaldev.s3.amazonaws.com/i/elybuf02slr7z6xcn6wa.png)


In the above example, we made a function called __myLogger__ that has two parameters __level__ which has a type of __LogLevel__ and __message__ that can have a value of either a __string__ or an __object__.

We invoke the __myLogger__ function with values __"err"__ and __"Wtf some error occurred__" for __level__ and __message__ parameters respectively. If you're using __VS Code__ as your editor a compile-time error will be visible with a message of __"Argument of type '"err"' is not assignable to parameter of type 'LogLevel'."__. Obviously what this means is that __"err"__ value is not compatible with our type __LogLevel__.

![Right Code - Union](https://thepracticaldev.s3.amazonaws.com/i/btivd00c9dx4ecft2vsa.png)

But if we change __"err"__ to __"error"__ the compile-time error will be gone.


The __&__ operator tells that we can __combine__ the values or types on the right-hand expression.

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


In the above example, we have two interfaces __APIResponse__ and __APIData__.
and a function called __reply__. The __resp__ parameter has the __combined__ type of __APIResponse__ and __APIData__ which means that we can have all the properties or members of both interfaces in our __resp__ parameter.

![Example Intersection](https://thepracticaldev.s3.amazonaws.com/i/xdhdq1g2ph0tb2utislw.png)


In the above example, we made a variable __resp__ that has a combined type of __APIResponse__ and __APIData__. Then we specify a member __wahhhhh_ in __resp__ object that does not exist in either in both interfaces. A compile-error will be visible with a message of __Type '{ ResponseCode: number; ResponseMessage: string; orders: undefined[]; wahhhhh: undefined[]; }' is not assignable to type 'APIResponse & APIData'.
  Object literal may only specify known properties, and 'wahhhhh' does not exist in type 'APIResponse & APIData'.__. This indicates that the __'wahhhh'__ property does not exist in both interfaces obviously.

![Right Code - Intersection](https://thepracticaldev.s3.amazonaws.com/i/sqfao4wx05p1dnpdtpxy.png)


But if we change __"wahhhhh"__ to __"products"__ the compile-time error will be gone.


__Thanks guys for reading this post.__

##Have a Nice Day 😃!.
Quine Snake Battle
Tags: ruby, showdev, quine
Published: 2019-08-06 06:10:24

---
title: Quine Snake Battle
published: true
description: 
tags: ruby,showdev,quine
cover_image: https://thepracticaldev.s3.amazonaws.com/i/u4ik7sm33qm5g693mhik.png
---

I made a multiplayer snake game.
https://github.com/hanachin/quine-snake


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

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">telnetで対戦できるQuineなsnake game<a href="https://t.co/hYCRTGdtSE">https://t.co/hYCRTGdtSE</a> <a href="https://t.co/aziv7ai6yB">pic.twitter.com/aziv7ai6yB</a></p>&mdash; 𝓜𝓲𝔂𝓪𝓰𝓲 (@hanachin_) <a href="https://twitter.com/hanachin_/status/1158109398025158657?ref_src=twsrc%5Etfw">August 4, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

## How to play

Run server (requires ruby 2.7+)

```
$ ruby snake.rb
```

Then telnet

```
$ telnet 127.0.0.1 1234
```
Nested object clone disaster!!!!!
Tags: javascript, react, reactnative, redux
Published: 2019-08-06 05:29:48

I was just trying to clone a parameter and after some manipulation update the redux state. But some unwanted value is updating , cause the clone copied the reference of the object also. Normally we try to assign a value of an object to another via , 
```javascript
let something= sourceObject
```
But, it can mutate the source object sometime, if the object is nested. Another way of doing the clone is, 
```javascript
let something= {...sourceObject}
```
Still same result. Also tried, 
```javascript
let something= Object.assign({},sourceObject)
```
No change of the scenario. Then, lodash came to rescue, 
```javascript
let something= _.cloneDeep(sourceObject);
```
Now, it's just cloning the object without mutating it.
99 Bottles of Beer and the Wayback Machine
Tags: programming, learning, languages, todayisearched
Published: 2019-08-06 03:18:27

[99-bottles-of-beer.net](http://99-bottles-of-beer.net/) is another programming language comparison site. Sadly, no one seems to care about it any more and its guestbook is full of spam. Nevertheless, hundreds of programming languages, ancient and modern, are represented. There are some gems there even if only about the '99 Bottles of Beer' song.

I originally went hunting for it on the [Wayback Machine](https://archive.org/web/) as it wasn't coming up on the first page of a Google search. For those not in the know

> The Internet Archive, a 501(c)(3) non-profit, is building a digital library of Internet sites and other cultural artifacts in digital form. Like a paper library, we provide free access to researchers, historians, scholars, the print disabled, and the general public. Our mission is to provide Universal Access to All Knowledge.

> We began in 1996 by archiving the Internet itself, a medium that was just beginning to grow in use. Like newspapers, the content published on the web was ephemeral - but unlike newspapers, no one was saving it. Today we have 20+ years of web history accessible through the [Wayback Machine](https://archive.org/web/) and we work with 625+ library and other partners through our [Archive-It](https://archive-it.org/) program to identify important web pages.

For historians, analysts, authors and even those hunting for now-defunct software companies and other sites of interest, The Internet Archive is invaluable.

For USA readers, how about [HuffPo](https://web.archive.org/web/20060407222856/http://huffpost.com/) in 2006? or [The Drudge Report](https://web.archive.org/web/20090806011232/http://www.drudgereport.com/) in 2009? or even [WaPo](https://web.archive.org/web/19961220225445/http://washingtonpost.com:80/) and [FoxNews](https://web.archive.org/web/19961022175132/http://www.foxnews.com:80/) from way way waaaaay back in 1996? 

Australians may be mildly interested in what Aunty [ABC](https://web.archive.org/web/19961017233008/http://www.abc.net.au/) was reporting back then.
How to find the difference between two dates in php?
Tags: php
Published: 2019-08-06 01:31:42

---
title: How to find the difference between two dates in php?
published: true
description: If you were given two dates, that is start date and end date and You want to find the difference between two dates in PHP.
tags: php
cover_image: https://w3lessons.info/wp-content/uploads/2019/05/difference-between-two-dates-php.jpg
---

If you were given two dates, that is start date and end date and You want to find the difference between two dates in PHP.

Its very simple and easy to calculate the difference between two dates.
[Read More](https://w3lessons.info/how-to-find-the-difference-between-two-dates-in-php/)