Archive for the ‘quick-tip’ Category

What Is Event Bubbling in JavaScript? Event Propagation Explained

Posted on: No Comments
Event bubbling is a term you might have come across on your JavaScript travels. It relates to the order in which event handlers are called when one element is nested inside a second element, and both elements have registered a listener for the same eve...

Quick Tip: How to Build Your Custom Theme for Telescope Nova

Posted on: No Comments
Telescope Nova is the perfect platform to use if you want to build your own social web app fast and easy. This is a free and open-source project created by Sacha Greif. The front-end development part of the app is built with the React library , while ...

Handle Mouse And Touch Input With The Pointer Events API

Posted on: No Comments
With more and more people using their mobile phones and tablets for web browsing, we as developers have to make sure that our web interfaces are fully accessible via touch. Setting up click and hover event listeners sort of works, but it is clearly a ...

Tips and Tricks for Debugging Electron Applications

Posted on: No Comments
Tips and Tricks for Debugging an Electron Application is an excerpt from Electron in Action, a step-by-step guide to building desktop applications that run on Windows, OSX, and Linux. If you'd like to follow along with the techniques demonstrated in th...

Quick Tip: How to Sort an Array of Objects in JavaScript

Posted on: No Comments
If you have an array of objects that you need to sort into a certain order, the temptation might be to reach for a JavaScript library. Before you do however, rember that you can do some pretty neat sorting with the native Array.sort function. In this...

Quick Tip: Replace jQuery’s Ready() with Plain JavaScript

Posted on: No Comments
The ready method was implemented in jQuery to execute code when the DOM is fully loaded. Since it executes the given function when all DOM elements are available, you can be sure that trying to access or manipulate elements will work. Before jQuery 3.0...

Quick Tip: How to Style Google Custom Search Manually

Posted on: No Comments
Website owners very often decide on using Google's Custom Search Engine (GCSE) for searching through their content instead of using built-in and/or custom search functionality. The reason is simple - it's much less work, and most often it does the tric...

Quick Tip: Add or Remove a CSS Class with Vanilla JavaScript

Posted on: No Comments
Sometimes you need to add or remove a CSS class with JavaScript, and you don't want to include an entire library like jQuery to do it. This is useful in situations when you want your page elements to change in response to user actions. Example uses i...

Quick Intro: PhpCompatibility for PHPCS – Are You PHP7 Ready?

Posted on: No Comments
Sooner or later, there will come a time when you will need to migrate your projects to different PHP versions. How will you check if you’re compatible with a PHP version different to the one you’ve been developing on? One possibility is alw...