teleren/devto huggingface dataset:
What is CreateJS?
Tags: javascript, canvas, createjs, es6
Published: 2020-11-16 11:24:57

---
title: What is CreateJS?
published: true
description: Get to know CreateJS
tags: javascript, canvas, createjs, es6
cover_image: https://frontendgamedev.com/wp-content/uploads/2020/10/createjs-in-5-minutes-cover-1-1024x239.jpg
---

I bet you have probably never heard about the CreateJS library, if so, this post is for you.

#What is CreateJS?

So… let me explain. CreateJS is a suit that consists of 4 JS libraries (can be run together or independently):

– **EaselJS** – all you need for generating graphics and interact with HTML5 Canvas.
– **TweenJS** – all you need for tweening things.
– **SoundJS** – all you need for playing sound.
– **PreloadJS** – all you need to preload your app assets.

So as you see, pretty much all you need to create a fancy game!

#How can you use it?
Unfortunately, the library is written in ES5, so it means you can’t just import and use it in your project. There are some ideas for updating it to ES6 but for now, we can only use the old version.

I’ve created a starter project that lets you quickly check how the library works. Check it out here.

So clone the repository and execute three commands in the following order (make sure you have node & yarn):

– `yarn setup` – this one will init a fresh repository for a new project
– `yarn install` – this one will install dependencies
– `yarn start` and boom! You should see the following page:

![CreateJS Boilerplate’s initial screen](https://frontendgamedev.com/wp-content/uploads/2020/10/createjs-boilerplates-initial-screen.png)

#Editing the code
Once it’s started, you can edit whatever you want for testing. For example, open the app.js file and try to change the text background color. All you need is to change the HEX color string at line 26. For example to #ff0000:

```
25    const graphics = new Graphics()
26      .beginFill("#ff0000")
27      .drawRect(CONFIG.canvasWidth / 2, CONFIG.canvasHeight / 2, 380, 100);
```

Let’s see what happens:

![CreateJS Boilerplate’s initial screen with red text background](https://frontendgamedev.com/wp-content/uploads/2020/10/createjs-boilerplates-initial-screen-step-2.png)

Oops! The text is not really visible now. Try to change the third argument in the Text call on line 32 to #ffffff:

```
32 const welcomeText = new Text("CreateJS Boilerplate", "26px Courier", "#ffffff");
```

![CreateJS Boilerplate’s initial screen with changed text and background colors](https://frontendgamedev.com/wp-content/uploads/2020/10/createjs-boilerplates-initial-screen-step-3.png)

#Conclusion

Even though it is not the newest and fresh library, you should give it a try!
Come back later for more materials about that. Good luck with coding :).
social snap Black Friday sale
Tags: socialsnap, socialsnapblackfriday
Published: 2020-11-16 11:10:01

Are you looking for **social snap Black Friday sale?** if yes then you’re in the right place.

This year for the Black Friday sale social snap is offering upto 75% discount, so if you’re looking for a deal on social snap, then this is the right time for you to grab this deal.

Social snap is one of the most popular social sharing plugin, which can help you to add a social share button to your WordPress sites.

It has tons of features that will give you more functionality to do something creative. Below is the black Friday sale details.

**social snap Black Friday deal info**

* Deal: Huge discount. Get up to 75% off
* sale starts from: 26th November
* Offer Validity: Black Friday week
* My Rating: 4.9/5

[Grab this deal Now](https://bit.ly/social-snap-blackfriday)

If you want to know more about [Social snap black Friday](https://blog.thehypeguy.com/social-snap-black-friday/) s deals then take a look at this post.

**Final word**

Social shares are an important part of any blog, which can help you to get more visibility and reputation in the eyes of search engines, and for social share social snap works best.

Social share provides tons of features that can help you to skyrocket your social shares.

Black Friday is the best time to get a discount on it because normal days they won’t offer any discount like this,

**so don’t miss this opportunity and grab this fast before it gets to end**
Why bulma is actually cool?!
Tags: css, vue, javascript, bulma
Published: 2020-11-16 11:09:52

Note: This is my first post so please pardon me for my mistakes, if any. Any constructive criticism is welcome.


So how did I meet up with bulma. It's been only two years since I started web designing and only 2-3 months since I learned JavaScript. First language I learned was python, so it was fairly easy to catch up with js. The fascinating thing is it's been less than two weeks since I discovered Bulma and I already fell in love with it. I was having my vacation and I was away from my house and wanted to do something creative with Vue. So in my mobile I installed Spck editor and in fact it is the most wonderful code editor I have seen in mobile version.(I have very little experience doing web dev in mobile, please tell me if there are any better option), so in the app I created a new project and as js framework I chose vue and when it asked for css framework, it was puzzling. The options were bootstrap, bulma, material lite, semantic, etc,. I didn't know any of them so I went to do some research about each of them, so then I chose Bulma here's why 👇👇

1) Minimal and Simple
====================
The framework itself is a css file 📁, and it doesn't require any extra knowledge about the framework. Just link the file like a css file and you are good to go. We can create simple and minimal looking webpages without using any to very little css.

2) Well documented 📝
======================
The documentation of bulma is quite appreciable. Because any beginner can quickly start designing and developing professional looking pages with their instructions. Each of the features and components are categorised

![Bulma Documen](https://dev-to-uploads.s3.amazonaws.com/i/kybc32y7lfduj7rpzhpp.jpg)
3) Component structure 📶
======================
So in Bulma each UI component has a class name with meaning. For example there are classes like button, then we have is-primary, is-secondary, is-large, is-dark and other properties which we can add

4) Newbie friendly 👨‍🏫
========
Those who are new to front end or just started with html can use any css library and Bulma would be the easiest one to start with. Or it would be great for developers concentrating in the programming part of the app rather than on the ui and just want a clean UI.Screw it there's even loading animations integrated.

5) Progressive
========
The Bulma CSS library can be constructively learnt and tweaked with the level of expertise. If you are complete noob you can just follow docs and create the ui if you have somewhat knowledge in css, you can put together various helper classes. And if you are a pro in css and sass you can costumize the themes of Bulma. And all of this doesn't mess up with the js. This comes in real handy when you are using vanilla js or just a library or anything

6)Other features
========
It is mobile first( means it has responsive components and features),flexbox layout and guess what it is inspired by Bootstrap.


**Conclusion**
So what I am telling is just give it a go. You'll love it.Follow and leave a like if you want more posts like this one.
The first Terraform Cloud alternative
Tags: terraform, devops
Published: 2020-11-16 11:07:14

Terraform Cloud is HashiCorp solution for Terraform code executions, running in their hosted cloud. This solution simplifies environment management, code execution, state file management, as well as permissions management.

Until recently Terraform Cloud was the only remote execution environment available.

But at the beginning of October, [Scalr](https://scalr.com) released the first alternative to Terraform Cloud. Scalr was built to offer the DevOps community the ability to choose their remote execution environment. It has feature parity with Terraform Cloud, including full CLI support. 

It differentiates at the [pricing](https://scalr.com/pricing) level. It integrates with [Open Policy Agent] (https://scalr.com/blog/opa-series-part-1-open-policy-agent-and-terraform/). Objects like [modules, policies, variables are sharable between organisations](https://scalr.com/blog/hierarchical-terraform-module-registry/). And it is built by a company that has more than a [decade of experience in infrastructure software](https://scalr.com/about).

[Check it out here!](https://scalr.com/terraform-cloud-alternative)
Introducing: ESM CDN for NPM + Deno
Tags: deno, npm, cdn, esm
Published: 2020-11-16 10:41:46

Hi, let me introduce you to [esm.sh](https://esm.sh), a fast, global content delivery network (CDN) for modern(es2015+) web development that allows you to import [es6 modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) from a URL:

```javascript
import React from 'https://esm.sh/react'
```

#### Specify version

```javascript
import React from 'https://esm.sh/react@17.0.1'
```

#### Submodule

```javascript
import { renderToString } from 'https://esm.sh/react-dom/server'
```

### Deno compatibility

**esm.sh** will polyfill the node internal modules(**fs**, **os**, etc..) with [`https://deno.land/std/node`](https://deno.land/std/node) to support some modules to work in Deno, like `postcss`:

```javascript
import postcss from 'https://esm.sh/postcss'
import autoprefixer from 'https://esm.sh/autoprefixer'

const css = (await postcss([ autoprefixer]).process(`
    backdrop-filter: blur(5px);
    user-select: none;
`).async()).content
```

#### X-Typescript-Types

By default, **esm.sh** will response a custom HTTP header of `X-TypeScript-Types` when the types(dts) defined, that is useful for Deno types check ([link](https://deno.land/manual/getting_started/typescript#x-typescript-types-custom-header)).

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



### More usages

Please check https://esm.sh



### Open source

**esm.sh** is licensed under the **MIT** License.

> https://github.com/esm-dev/esm.sh
Excel Formulas to Count Total Matches in Two Ranges!!
Tags: excelformula, excelformulas
Published: 2020-11-17 03:50:44

---
title: Excel Formulas to Count Total Matches in Two Ranges!!
published: true
date: 2020-11-16 10:23:44 UTC
tags: ExcelFormula,Excelformulas
canonical_url: https://geekexcel.com/excel-formulas-to-count-total-matches-in-two-ranges/
---

This page will show the **formulas used to count the total matches in the two ranges in Excel Office 365**. Let’s get started!!

Get an official version of ** MS Excel**  from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)

[![Formulas to count total matches in two rows](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/11/Formulas-to-count-total-matches-in-two-rows.png)](https://geekexcel.com/excel-formulas-to-count-total-matches-in-two-ranges/formulas-to-count-total-matches-in-two-rows/#main)<figcaption id="caption-attachment-17395">Formulas to count total matches in two rows</figcaption>
## General Formula:

- The below formula will help to compare two ranges and count the total matches between the two ranges in Excel.

**=[SUMPRODUCT](https://geekexcel.com/how-to-use-excel-sumproduct-function-in-office-365/)(COUNTIF(range 1,range 2))**

## Syntax Explanations:

- **SUMPRODUCT** – In Excel, this function will help to multiply the corresponding arrays or ranges and returns the sum of the products. Read more on the [**SUMPRODUCT Function**](https://geekexcel.com/how-to-use-excel-sumproduct-function-in-office-365/).
- **COUNTIF** -The COUNTIF Function helps to count the cells that match a single condition or criteria.
- **Comma symbol (,)** – It is a separator which helps to separate a list of values.
- **Parenthesis ()** – The main purpose of this symbol is to group the elements.
- **Range**  – It represents the input range from your worksheet.

## Example:

- Let’s consider the following example to count the total matches between two ranges.
- We will give the input values in **Column B** and **Column C**.
- After that, enter the given formula in the selected field.
- Finally, we will get the result in **Cell E3 ** as per the below image.

![Example](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/11/Example-33.png)<figcaption id="caption-attachment-17397">Example</figcaption>

## Verdict:

In this short tutorial, you can get some clarification on the **Formulas for counting the total matches between two rows in Excel Office 365**. Hope that this article is useful to you. If you have any **doubts/queries,** don’t forget to share it with us. Thank you so much for Visiting Our Site!! Continue learning on **[Geek Excel](https://geekexcel.com/)!! **and [**Excel Formulas**](https://geekexcel.com/excel-formula/) **!!**

### Read Ahead:

- [**Excel Formulas to Count Cells Not equal to Many Things or Values!!**](https://geekexcel.com/excel-formulas-to-count-cells-not-equal-to-many-things-or-values/)
- [**Formulas to Find Sum of All Digits/Numbers in a Cell in Excel!!**](https://geekexcel.com/formulas-to-find-sum-of-all-digits-numbers-in-a-cell-in-excel/)
How to set up Postgres in your Django project
Tags: postgres, django
Published: 2020-11-16 10:22:57

Sqlite3 is the default Django Database Engine, but it is very light-weight.
I am going to show you how to set up and use Postgres DB in your project. Let's get started!

####*Steps*
1. Install and configure Postgres.
2. Install dependencies.
3. Set it up in our Django project.


#####1. Install and configure Postgres.
Download Postgres [here](https://www.postgresql.org/download/) for your operating system.

Install it. 
If you run into problems, you can check detailed instructions for your operating system [here](https://www.postgresqltutorial.com/install-postgresql/).
Start your Postgres server/ db.

#####2. Install dependencies 
In your work environment, install psycopg2 using this command: `pip install psycopg2`

#####3.Set it up in your Django Project
Make sure that your Postgres server/db is running.
Click [here](https://www.postgresqltutorial.com/connect-to-postgresql-database/) if you don't know how.

Navigate to your project's settings.py file, and  replace the DATABASE dictionary with the following:
```
#myProject/settings.py

...

DATABASES = {

    'default': {

        'ENGINE': 'django.db.backends.postgresql',

        'NAME': ‘<db_name>’,

        'USER': '<db_username>',

        'PASSWORD': '<password>',

        'HOST': '<db_host>',

        'PORT': '<db_port>',

    }

}

...

```

Use your host as 'localhost' and your port as 5432 (or to whichever port you changed to during configuration).

You can now migrate your database using `./manage.py migrate` or `python manage.py migrate`.
Your Django Project is now using Postgres as its database.
Captcha solver extension for humans
Tags: opensource, github
Published: 2020-11-16 10:18:47

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

[Buster](https://github.com/dessant/buster) is a browser extension which helps you to solve difficult captchas by completing reCAPTCHA audio challenges using speech recognition. Challenges are solved by clicking on the extension button at the bottom of the reCAPTCHA widget.

reCAPTCHA challenges remain a considerable burden on the web, delaying and often blocking our access to services and information depending on our physical and cognitive abilities, our social and cultural background, and the devices or networks we connect from.

The difficulty of captchas can be so out of balance, that sometimes they seem friendlier to bots than they are to humans.

The goal of this project is to improve our experience with captchas, by giving us easy access to solutions already utilized by automated systems.

[Chrome Web Store](https://chrome.google.com/webstore/detail/buster-captcha-solver-for/mpbjkejclgfgadiemmefgebjfooflfhl)

[Mozilla Addons](https://addons.mozilla.org/en-US/firefox/addon/buster-captcha-solver/)

[Edge Add-ons](https://microsoftedge.microsoft.com/addons/detail/buster-captcha-solver-fo/admkpobhocmdideidcndkfaeffadipkc)

[Opera Addons](https://addons.opera.com/en/extensions/details/buster-captcha-solver-for-humans/)
Email Marketing and It's Importance
Tags: digitalmarketing, emailmarketing, socialmediamarketing
Published: 2020-11-16 10:17:41

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vimqiy7frrzswsw0ndqf.jpg)

**Email marketing** is one of the tools most used by Internet marketers. This article aims to discuss the basics of email marketing. Most people know what email marketing is. With the help of Email marketing we can market our product and services through email. This is what most people in general know about the email marketing system and to some extent it is correct.

The first obvious thing you should have to start with is the list of people you would be sending the emails to through your email marketing program. This list  is known as the Email Marketing list in the internet marketing world. We can read on the internet regarding "the money is on the list" etc. These lists can receive emails from you.

Building lists is a long-term, ongoing activity. You must have seen the free updates and square boxes on the website asking for your name and email address. Once you put your name and email address in the box, you become a subscriber for this site.

Opinions differ on the efficacy of potential [email marketing](https://www.propelguru.com/email-marketing/) clients purchased, but we recommend that you buy the lists only if you trust the site from which you are purchasing the email marketing lists and for which the list is intended. . a specific group of people who represent a particular niche. Email Marketing also helps us in the Lead Generating process.

You can promote affiliate links to trusted list members and earn good commissions. With Safe Lists, you don't have to wait to create your own list. So if you don't have a website and listing of your own, it's best to search for safelists to start promoting products.

For more information regarding Email Marketing strategy you can visit Propel Guru, [Digital Marketing Company](https://www.propelguru.com/)
HOW TO MAKE MONEY AS AWEBSITE DEVELOPER
Tags: freelancedeveloper, freelancingwebsite, letworkbedone
Published: 2020-11-16 10:04:05

Its time to turn our programming codes  to money through freelancing platforms. www.Letworkbedone.com is anew freelancing website specifically for the people in coding field.
 The website is free to join and every developer can use it to advertise his skills
Sometimes the Typescript CLI seems strangely opaque
Tags: help, typescript
Published: 2020-11-16 09:40:17

Here's my tsconfig.json
```json
{
  "compileOnSave": true,
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "target": "ES3",
    "lib": ["ESNext"],
    "strict": false,
    "moduleResolution": "node",
    "module": "commonjs",
    "types": ["C:\\Web\\XChecker\\XwChecker\\Rulesets\\d.ts"],
    "removeComments": true
  },
  "include": ["*.ts"]
}
```
My project has a number of .ts files and a file of types in `d.ts/index.d.ts`. 

I want to compile just one, JUST ONE, of the .ts files in my project and output it to a file with an `.rr` extension. 

Now the `--outFile` works but I can't figure out what the CLI is supposed to be told such that all the settings in the `tsconfig.json` apply. Currently I get a screenful of errors about `TS2304: Cannot find name 'blah'`

Yeah, need help!
❎❓Quiz: Web Performance #16
Tags: challenge, webperf, webdev, quiz
Published: 2020-11-16 09:22:32

What is RUM?

- Performance measurement method with data from the lab.
- Performance measurement method with data from only mobile users.
- Performance measurement method with data from real users.
- Performance measurement method with data from only desktop users.


---
<center>[Answer the question](https://marcradziwill.com/web-performance-quiz/what-is-rum/)</center>
---
❎❓Quiz: Web Performance #15
Tags: challenge, webperf, webdev, quiz
Published: 2020-11-16 09:22:26

There are two main testing ways. Do you know them?

What is synthetic testing?

- Performance measurement method with data from the lab.
- Performance measurement method with data from only mobile users.
- Performance measurement method with data from real users.
- Performance measurement method with data from only desktop users.

---
<center>[Answer the question](https://marcradziwill.com/web-performance-quiz/what-is-synthetic-testing/)</center>
---
Why Your Business Needs Email Marketing?
Tags: emailmarketing, business
Published: 2020-11-16 07:02:10

[Email marketing](https://www.propelguru.com/email-marketing/) is a type of internet marketing that allows readers to notify, announce, or request certain activities from their subscribers.

**Why Your Business Should Use Email Marketing**
The cost is extremely affordable, and you can email your target audience anytime. This makes email a very powerful medium.

When you can run a solid email marketing campaign, you are sure to create an audience of highly engaged lovers who

I can't wait for your next letter to reach your inboxes. Plus, they're all ready to buy as long as you have a product or service to promote. There are many compelling reasons why you want to start implementing email marketing for your small business.

**Generate a huge return on investment**
A dollar spent on email marketing. Marketers have always viewed email marketing as the most effective way to raise awareness, acquire leads, generate revenue, and improve customer retention over other advertising approaches and more widely used marketing tools.

**Generate long-term results**
In 2010, MarketBeat began accumulating subscriptions. For your newsletters. Almost two years later, a large number of readers who signed up for the year are still viewing your content, interacting with your advertisers, and purchasing products and services from your small business. Your email distribution list is a long term benefit that will continue to generate income and social funds for your business in the future.

**Most customers want professional emails**
MarketingSherpa conducted a study that found 72 percent. US consumers say email is their preferred method. They also found that 61% of customers prefer to receive promotional emails more often.

Plus, 70% of customers say they will always open. Email from your favorite companies. 95% of people who have opted in to receive emails from manufacturers say the marketing emails they receive are extremely useful.

**Email is universal**
Almost 87% of the American population has access to it. Internet at home and 95% of customers use email. With [email marketing](https://www.propelguru.com/), you don't have to worry if your target audience has an email.
❎❓Quiz: Web Performance #14
Tags: challenge, webperf, webdev, quiz
Published: 2020-11-16 09:22:16

Quiz time: Do you know what CLS measures?

- A web performance measurement method.
- Measures layout shifts.
- A new browser standard.
- Stands for Community Layout Specification and describes the way to handle layout in the browser.

---
<center>[Answer the question](https://marcradziwill.com/web-performance-quiz/what-is-the-cls/)</center>
---