How to Add Kommunicate Live Chat to a Website

Nowadays, every website is being powered by live chat plugins. Live chat provides a far better experience than your age-old contact forms. In this post, we are going to talk about how you can add a live chat plugin to your websites.
In this article, I will take the example of Kommunicate, a live chat powered customer support platform. You can signup for free here and get the plugin script in a matter of seconds.

Link: https://dzone.com/articles/how-to-add-kommunicate-live-chat-to-website?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Pagely: Managed WordPress Hosting on Amazon Web Services

Dedicated WordPress hosting is the new black. The last five years saw a rapid rise in the numbers of providers that offer WordPress-focused hosting solutions. Pagely sticks out from this competition. Pagely: The Fast Are The Enemy of The Slow Why does Pagely stick out from the competition, you will undoubtedly ask. The answer is…

Link: https://www.noupe.com/business-online/pagely-managed-wordpress-hosting-aws.html

Top Angular Plugins for Sublime Text

This article covers a number of Angular plugins for the Sublime Text text editor.
Whether you’re new to Angular (version 2+) development, and looking to get started with it and integrate it more closely with your code editor of choice, or you’re an old hand at Angular development and you’re trying your hand with Sublime Text as a new editor, integrating the two has never been easier.
There are lots of options for Angular plugins that can smooth your way developing Angular apps using Sublime Text. You’ll need to set up the Sublime Text package manager (called “Package Control”) prior to getting started, and then you can take a look at the list of plugins here and see if any meet your needs!
Setting up Package Control
In order to use most of the Angular plugins that will be discussed in this article, you’ll first need to set up Package Control in Sublime Text. This is a fairly painless process. The easiest way involves copy-pasting a configuration code.

Use the hotkey CTRL + ` or use the View > Show Console menu to bring up the integrated Sublime Text console.
Paste the block of Python code into the console, which can be copied from the Package Control Installation page and follow the instructions there.
Once this is done, the Package Control menus will be set up! Now, all you’ll need to do is find and install your packages.

Installing a Sublime Text Package via Package Control Menus
Using Package Control is a breeze. You’ll need to open Package Control, select the install menu, and then choose and install a package:

Use the shortcut CMD + Shift + P (CTRL + Shift + P, depending on OS) to open the command palette.
Type install package and then press Enter, which brings you to the list of available packages.
Search for the package by name, select the package, then press Enter to install.

Angular 2 HTML Package
The Angular 2 HTML plugin provides augmented HTML syntax for Sublime Text. You’ll be able to use Angular attributes without syntax highlighting being broken. Additionally, the JavaScript parts of your pages will also highlight as JavaScript. A small but incredibly useful addition for Angular developers.
Angular 2 HTML Package Setup
At the time of this writing, this plugin was not present in Package Control, but can be installed manually via the following steps.

Close Sublime Text and navigate via the Command Line to your Sublime Text 3 “Packages” folder in your application installation. In macOS, this is at /Users/{user}/Library/Application Support/Sublime Text 3/Packages.

Clone the repository into your Packages folder with the following:
git clone https://github.com/princemaple/ngx-html-syntax

Re-open Sublime Text 3, and check in the View > Syntax menu to ensure that Ngx HTML is an option.

Additionally, you can have Sublime Text automatically highlight .component.html files with Angular 2 HTML Syntax:

Open a .component.html file.

Choose View > Syntax > Ngx HTML.

Go to Preferences > Settings > Syntax Specific. Because your current file is using the Ngx HTML syntax, it should open the syntax-specific settings file for Ngx HTML. If so, add an extensions entry to the settings panel on the right:
“extensions":
[
"component.html"
]

Restart Sublime Text. Now, all .component.html files should automatically use the Ngx Syntax plugin!

Continue reading %Top Angular Plugins for Sublime Text%

Link: https://www.sitepoint.com/top-angular-plugins-sublime-text/

10 Essential Sublime Text Plugins for JavaScript Developers

In this article, I’ll outline ten must-have Sublime Text plugins for JavaScript developers, each of which can improve your workflow and make you more productive.
Sublime Text is a great application for just about any developer to have in their toolbox. It’s a cross-platform, highly customizable, advanced text editor that sits nicely between full featured IDEs (which are notoriously resource hungry) and command line editors such Vim or Emacs (which have steep learning curves).
In recent years, Sublime has gained welcome competition from both Visual Studio Code and Atom, but Sublime Text still holds its own by being indisputably faster, being able to open larger files faster than the others.
One of the things that makes Sublime so great is its extensible plugin architecture. This makes it easy for developers to extend Sublime’s core functionality with new features like code completion, or the embedding of remote API documentation. Sublime Text doesn’t come with plugins enabled out of the box: they’re typically installed through a 3rd-party package manager simply called Package Control. To install Package Control in Sublime Text, please follow the installation guide on their website.
So let’s get to it!
1. Babel
Of course, the first one on my list is the Babel plugin. This plugin adds proper syntax highlighting to your ES6/2015 and React JSX code. After installing the plugin, the first thing you should do is set it as the default syntax for all of your JavaScript and TypeScript file types.
If you haven’t yet discovered the joy of Babel, I highly suggest it. It allows you to compile ES6/ES7/ESNext, JSX, and TypeScript code down to ES5 for full browser support. It integrates well with all popular build tools and the CLI. Obviously, it doesn’t support legacy browsers, but you can follow the tips on their caveats page if you need to support IE10 and below.

2. SublimeLinter
Next up is SublimeLinter, which provides amazing ESLint and JSHint integration into Sublime. A linter will look over your code and verify it has proper styling and proper syntax based on a configuration file that can be checked in with your source code. No matter if you’re a beginner or have been programming for most of your life: in JavaScript, a linter is a must have. Check out the ESLint or JSHint about pages to see what they can do for you. Depending on which you chose for your project, you’ll also need the supporting packages of SublimeLinter-eslint or SublimeLInter-jshint.
In order for either of these to work, you must include a linter either into your project dependencies or install it globally:
npm install –save-dev eslint

If you’re unsure how to use npm, check out our tutorial on getting started with Node Package Manager.

If you’ve installed and configured it correctly, you should see the changes when you open or save a JavaScript file. The plugin is incredibly configurable and can be made to report in a number of ways that might be better for your workflow. By default, the description of the errors will be reported in the status bar at the bottom of the editor.
Continue reading %10 Essential Sublime Text Plugins for JavaScript Developers%

Link: https://www.sitepoint.com/essential-sublime-text-javascript-plugins/

Reality Check: The Most Important WordPress Plugins Behind Noupe

Plugins are an important topic for every WordPress user. Before, we have presented new plugins every now and then. But we have never shown what our own installation runs with. Today, we want to catch up on that. In the following article, you’ll find the most important plugins behind Noupe. No web worker magazine works…

Link: https://www.noupe.com/wordpress/reality-check-important-wordpress-plugins-behind-noupe.html

Create a Vuex Undo/Redo Plugin for Vue.js

There are many benefits to centralizing your application state in a Vuex store. One benefit is that all transaction are recorded. This allows for handy features like time-travel debugging where you can jump between previous states to isolate problems.
In this article, I’ll demonstrate how to create an undo/redo feature with Vuex, which works in a similar way to time-travel debugging. This feature could be used in a variety of scenarios from complex forms to browser-based games.

Link: https://dzone.com/articles/create-a-vuex-undoredo-plugin-for-vuejs?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev