There are over a billion websites. It’s much easier for hackers to exploit a single vulnerable resource that connects to countless websites than to go after them one at a time. This is why WordPress plugins are a popular way in which hackers break into websites. So, let’s talk about what happens when one of your installed WordPress plugins is compromised. We’ll look at: Some recent examples of hacked plugins. The ramifications of having one of them on your website. What steps you can take to re-secure your site and reduce the chances of your site being infected or exploited again. The far ..read more

The Tuts+ YouTube channel is fast approaching 1.5M subscribers. Let’s celebrate this great achievement by creating something YouTube-oriented! We’re going to build a simple, yet fully functional YouTube app with Vanilla JavaScript. The concept will be pretty straightforward; we’ll build a simple UI where we can enter the ID of a channel and our app will return info about it. What We’ll be Building As I often provide, here’s an introductory video to give you a taste of the app that we’re going to create: And, of course, there’s the CodePen demo for you to fork and play with: This demo wi ..read more

If you want to send emails in Python, use a reliable and secure email API solution. In this article, you’ll learn the step-by-step process of sending emails in Python using the API method.  Setting up Email API  To streamline email sending in Python, you can use a transactional email service such as Mailtrap, Gmail API, Sendgrid, etc.  And, an API also allows you to automate much of email sending  Now, I’ll show you how to send different types of emails (plain text, email with attachments, HTML emails) and email multiple recipients in Python using an email API Before that ..read more

An auto text typing effect is one way to grab a user’s attention. It can give users cues when using an application, and it’s also a way to convey an important message. Let’s make one! What We’re Going to Create Let’s have a look at the demo we’re building, just to get ourselves really motivated! As you’re building this effect, you’ll be able to change the array of words being typed, the speed of the effect, and more! 1. HTML Structure As so often in this type of tutorial, we’ll create our interface using Bootstrap components. The HTML Structure will contain a  search bar centered ..read more

Let me show you how to create infinite marquees with the GSAP JavaScript animation library. This is a common UX pattern I’m sure you’ve seen on plenty of sites. Previous GSAP Tutorials In the past, I’ve shown you how to use GSAP to build different effects like cursor hover effects, a page loading animation effect, and a draggable image gallery. How to Build a Cursor Hover Effect With JavaScript Mouse Events and GSAP George Martsoukos 08 Nov 2021 Build a JavaScript Page Loading Animation With GSAP George Martsoukos 22 Apr 2021 How to Build a Draggable Image Gall ..read more

In this post, we’re going to briefly cover what the WordPress cache is along with 5 methods you can use (and when to use each) to clear your cache. Caching is an integral process for the performance of a website. However, there are times when caching can cause problems for us. So knowing how to clear the WordPress cache, when to do it, and the different methods is just as important as understanding what caching does in the first place.  Here are the 5 methods we’ll be covering: Method 1: Clear the Browser Cache Method 2: Clear the Cache with a WordPress Plugin Method 3: Clear the Ca ..read more

The Portable Document Format, or PDF for short, is ideal for sharing documents containing lots of precisely formatted text and images, especially if they’re likely to be printed or read offline. Although most modern browsers can display PDF files, they do so using a PDF viewer that runs in an independent tab or window, forcing users to leave your website. PDF.js is an open-source JavaScript library that allows you to parse and render PDF files right inside your web pages. In this tutorial, I’ll show you how to use it to create a fully fledged custom JavaScript PDF viewer from scratch. 1.  ..read more

 This tutorial will cover how to build a minimalistic homepage Chrome extension, with JavaScript, designed to help users stay productive. A Chrome extension is a program that enhances and customizes the browsing experience for Chrome users. Among the various types of extensions available, homepage extensions are the most popular. These extensions allow users to personalize their browser’s start page, often adding features and tools to improve productivity. The homepage will contain the following elements: An element showing the current weather An element showing the current date and t ..read more

How many words per minute can you type? In this tutorial you’ll learn how to create a typing test game with JavaScript. The app will feature a timer that runs for 1 minute, then displays the result. What We’re Building Take a look at the demo, feel free to fork it on CodePen, and (of course) see how many words you can type in a minute! HTML Structure Okay, let’s get started. The HTML structure will consist of the following elements; A timer button An <h3> tag containing the text to be typed. An input text for typing the words. A reset button that will prompt the user to retake the te ..read more

There’s a lot you can do within WordPress to configure settings or troubleshoot issues with your website. However, sometimes you need to go into the backend and edit root files like .htaccess to complete certain tasks. In this post, we’re going to take a closer look at the WordPress .htaccess file — what it is, where you’ll find it, and how to use it to secure, optimize, and troubleshoot errors on your site, amongst other things.  What is the WordPress .htaccess File? .htaccess is an Apache-based configuration file that gives WordPress users the ability to do things like: Modify the ..read more