CoActive Design

Helping knowledge fly

Your narrative to the world. Learn website stories today. Space limited.

JavaScript Tutorial: Learn JavaScript For Free | Codecademy

Why Learn JavaScript?

JavaScript is among the most powerful and flexible programming languages of the web. It powers the dynamic behavior on most websites, including this one.

Take-Away Skills:

You will learn programming fundamentals and basic object-oriented concepts using the latest JavaScript syntax. The concepts covered in these lessons lay the foundation for using JavaScript in any environment.

Source: JavaScript Tutorial: Learn JavaScript For Free | Codecademy

Ultimate Guide to Creating a Divi Child Theme | Elegant Themes Blog

You probably SHOULD use a Divi Child Theme if…

You plan on making changes to the code of specific theme files (this includes things like page templates and functions.php)

You plan on adding hundreds of lines of code (CSS, JavaScript, etc.). Even though it is possible to add this to places like your theme settings, it becomes more difficult to manage with a lot of CSS.

You want to collaborate with others and speed up development time by keeping everything in one organized space.

You don’t want clients tinkering around in the Theme Customizer/Settings and breaking your code. Tucking it away in a child theme will definitely keep it safe from others.

You probably SHOULD NOT use a Divi Child Theme if…

You plan on making minor theme modifications. Adding a small amount of CSS (like less than 100 lines for example) or a few scripts in the Theme Settings/Customizer will not justify the need to create a Child theme if that is ALL you plan on making.

You don’t plan on collaborating with a team. Let’s say you hire a developer to work on your site, that person may or may not be familiar with Divi and will undoubtedly resort to creating a child theme to make modifications anyway.

You don’t mind clients seeing your code modifications in theme settings/customizer.

Source: Ultimate Guide to Creating a Divi Child Theme | Elegant Themes Blog

How to upgrade XAMPP in Windows? Complete Solution.


If you are updating XAMPP after a long time like me than be ready for some major changes. XAMPP no longer comes with the MySQL server. Since XAMPP 5.5.30 and 5.6.14, XAMPP ships MariaDB instead of MySQL. So copy pasting the mysql data files from old to new xampp won’t work anymore!


While updating XAMPP we basically face 2 challenges

Moving all the site files. This portion is easy, just a simple copy paste will do the trick.

Moving all the databases to the new server. And most often this is the main reason why most people do not update XAMPP very often. Cause backing up all the databases one by one and then importing them to the new server is a long and really boring task.

Source: How to upgrade XAMPP in Windows? Complete Solution.

Backing Up Your Database |

t is strongly recommended that you backup your database at regular intervals and before an upgrade.

Restoring your database from backup is then possible if something goes wrong.

NOTE: Below steps backup core WordPress database that include all your posts, pages and comments, but DO NOT backup the files and folders such as images, theme files on the server. For whole WordPress site backup, refer WordPress Backups.

Backup using cPanel X # Backup using cPanel X

cPanel is a popular control panel used by many web hosts. The backup feature can be used to backup your MySQL database. Do not generate a full backup, as these are strictly for archival purposes and cannot be restored via cPanel. Look for ‘Download a MySQL Database Backup’ and click the name of the database. A *.gz file will be downloaded to your local drive.

There is no need to unzip this file to restore it. Using the same cPanel program, browse to the gz file and upload it. Once the upload is complete, the bottom of the browser will indicate dump complete. If you are uploading to a new host, you will need to recreate the database user along with the matching password. If you change the password, make the corresponding change in the wp-config.php file.

Top ↑

Using phpMyAdmin # Using phpMyAdmin

phpMyAdmin is the name of the program used to manipulate your database.

Information below has been tried and tested using phpMyAdmin version 4.4.13 connects to MySQL version 5.6.28 running on Linux.

Source: Backing Up Your Database |

How to Add Skype Links to WordPress | Compete Themes

How to Add Skype Links to WordPress

post author avatar Ben Sibley

WordPress Tutorials

March 1, 2016

Did you know that Skype has its own link format? Take this link, for instance:


That is a direct link to call a Skype user. More specifically, a user called “echo123”.

Here’s a clickable version of that link: Skype call link.

Source: How to Add Skype Links to WordPress | Compete Themes

Tutorial: Intro to React – React

Tutorial: Intro to React

This tutorial doesn’t assume any existing React knowledge.

Before We Start the Tutorial

We will build a small game during this tutorial. You might be tempted to skip it because you’re not building games — but give it a chance. The techniques you’ll learn in the tutorial are fundamental to building any React app, and mastering it will give you a deep understanding of React.


This tutorial is designed for people who prefer to learn by doing. If you prefer learning concepts from the ground up, check out our step-by-step guide. You might find this tutorial and the guide complementary to each other.

Source: Tutorial: Intro to React – React


When you visit a website, online trackers and the site itself may be able to identify you – even if you’ve installed software to protect yourself. It’s possible to configure your browser to thwart tracking, but many people don’t know how.

Panopticlick will analyze how well your browser and add-ons protect you against online tracking techniques. We’ll also see if your system is uniquely configured—and thus identifiable—even if you are using privacy-protective software. However, we only do so with your explicit consent, through the TEST ME button below.

Source: Panopticlick

The Best Personal Privacy and Security Tools for 2019

The Best Personal Privacy and Security Tools for 2019

Gwendolyn Faraday

Gwendolyn Faraday

Read more posts by this author.

The Best Personal Privacy and Security Tools for 2019

According to the United Nations, privacy is a fundamental human right. Yet, most people choose convenience and don’t think that much about privacy.

Well, you can have a little of both now – here are some tools that make privacy more convenient.

I am not sponsored by any company in this article and I don’t make money off of any of the links I include here. I am just a satisfied user, trying to achieve reasonable digital privacy.

Table of Contents

Digital Tools


Browsers & Plugins

Physical Privacy


Source: The Best Personal Privacy and Security Tools for 2019

How to Enhance WordPress Security

Essential security measures

There are several essential steps you should take to enhance the security of a WordPress site:

Strong Passwords

Use a strong password for all administrator accounts, and change passwords periodically. Strong passwords are not easily guessed. To break into an account with stong passwords, hackers use a brute force attack. Stopping brute force attacks is covered below.

If your site has been compromised (or you even suspect that it has been compromised), you must also change the security keys in the wp-config.php file that are used to encrypt cookies. Simply changing passwords is not enough, because an attacker may still have a valid cookie and be able to access your site.

For more information about how to configure security keys in the wp-config.php file, please visit

Source: How to Enhance WordPress Security

How to Build a Membership Site with Divi – Part 1 | Elegant Themes Blog

Being able to build a membership site with Divi is an extremely valuable skill set. Combining the power of Divi with the power of an easy-to-use membership plugin is an exciting proposition. But let’s face it. There is a lot of moving parts involved with a membership site, some of which are often ignored in tutorials.

In this tutorial, my goal is to show you how to build a membership site with Divi. And I hope to accomplish two main goals:

I want to give you thorough instructions on how to setup a membership site using MemberPress.

I want to show you how to Design your membership site by minimizing the design limitations often accompanied by the integration of membership plugins with the Divi Builder. In other words, I want to show you how you can use the Divi Builder as much as possible to design your membership site.

Source: How to Build a Membership Site with Divi – Part 1 | Elegant Themes Blog

Quirk redirect after login |

function loginRedirect( $redirect_to, $request, $user ) {

if ( is_a( $user, ‘WP_User’ ) && $user->has_cap( ‘edit_posts’ ) === false ) {

return get_bloginfo( ‘siteurl’ );


return wp_safe_redirect( wp_get_referer() );}

add_filter( ‘login_redirect’, ‘loginRedirect’, 10, 3 );

In this case the link in the page that point to “wp-login.php” redirect directly to the current page and the user haven’t the possibility to log-in.

Source: Quirk redirect after login |

How to Add a Shortcode in WordPress? (Ultimate Guide)

Shortcodes are an easy way to add dynamic content into your WordPress posts, pages, and sidebars.

Many WordPress plugins and themes use shortcodes to add specialized content like contact forms, image galleries, sliders, and more.

In this article, we will show you how to easily add a shortcode in WordPress. We will also show you how to create your own custom shortcodes in WordPress.

Source: How to Add a Shortcode in WordPress? (Ultimate Guide)

Divi Comment Module Learn How to Find and Use on Your Site

Divi Comment Module Shortcode Jan 2, 2017 | Divi Shortcode Guide Divi Comment module is used to place the comment box on any post or page and it provides a great way for user interaction.  As comments are the standard part of any website and it appears at the bottom of any page or post and also wherever the comments are enabled. It provides a gainful control over the no. of elements of the post or any of the WordPress page. Sometimes there is a need when we want to add Comment box in the Footer, sidebar or anywhere else in the post then we can use the comment module shortcode in that particular case. Divi Comment Module Shortcode 1[et_pb_comments admin_label=”Comments” show_avatar=”on” show_reply=”on” show_count=”on” background_layout=”light” use_border_color=”off”
Source: Divi Comment Module Learn How to Find and Use on Your Site

CSS Tricks: Modern and Advanced Techniques for 2019

As time goes by, CSS is becoming more and more powerful and nowadays it offers lots of possibilities to create visually stunning websites.

This article is a compilation of fresh, advanced CSS tips and techniques to master your web design and front-end web development skills. Each technique features sample code snippet, demo, and explanations.

Warning: Some techniques contained in this article aren’t fully supported by all browsers. Make sure to check the browser compatibility before you implement them on a production site.

Source: CSS Tricks: Modern and Advanced Techniques for 2019

Build Your Own Plugin: A Simple Plugin to Easily Embed A Divi Section Or Module Within Another | Divi Notes


Posted by Rob Hobson | Nov 19, 2017 | Development, Plugins | 15 |

If you’ve ever had to add code to your child theme’s functions.php file, or you just want to try your hand at creating a simple plugin, this tutorial is for you. In this tutorial, we’re going to create a very simple WordPress plugin that you can use to add Divi Sections or Modules almost anywhere on your site. Okay, this plugin is very simple but perfect for someone who’s just starting off and wants to learn the basics without getting too caught up in the complexities of a sophisticated plugin. This was my first attempt at creating a plugin and, to be honest, it was quite cool to use a plugin I had created myself, even if it wasn’t rocket science building it.

Although, in principle, this tutorial will demonstrate the fundamentals of creating a WordPress plugin, please note that the functionality of this plugin does require that you already have the Divi theme by Elegant Themes.

Source: Build Your Own Plugin: A Simple Plugin to Easily Embed A Divi Section Or Module Within Another | Divi Notes

CodePen: Build, Test, and Discover Front-end Code.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Source: CodePen: Build, Test, and Discover Front-end Code.

Positioning Slide Text on a Full-Width Divi Slider | Divi Booster

Here’s a quick tip for positioning the slide text on individual slides with the Divi Theme‘s full width slider.

Suppose you start with a full-width slider with a background image and some text, similar to that shown in the featured image above. Divi has an option in the slide settings to toggle the vertical alignment between centered and bottom-aligned. However, if you want more control over the text position, you will need to resort to CSS.

For example to align the slider text to the top right corner of the slide, we can add the following into the slide’s custom CSS field for the slide description:

Here’s the copy-and-pasteable version:

text-align: right; padding-top: 5% !important; padding-bottom: 27% !important;

Source: Positioning Slide Text on a Full-Width Divi Slider | Divi Booster