Code Tuts+

Create a currency converter with HTML, CSS, and vanilla JavaScript

Esther Vaati |
By the end of this tutorial, you’ll have learned how to build a responsive currency app that fetches real-time data with the Exchange Rate API in a user-friendly interface. Let’s get to it! Our currency converter demo To create your own currency converter, you’ll first need to register your own AP... read more

What to do when one of your WordPress plugins gets compromised

Suzanne Scacca |
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 w... read more

How to build horizontal marquee effects with GSAP

George Martsoukos |
New to GSAP? First things first: did you get here 'cause you're curious about GSAP, but don't know exactly what it is? Let's give it a quick overview. So, what is GSAP? GSAP is a JavaScript animation library from GreenSock. You can create high-quality GSAP animations. These will perform well in ev... read more

Easy CSS slider (carousel with pure CSS)

Jemima Abu |
You might be thinking “CSS is used for styling while JavaScript is used for interactivity, that’s just the way the web works.” However, considering the fact that CSS is loaded on a webpage faster than JavaScript, and CSS also causes less reflow on a page (which improves performance), it’s fair to ... read more

Send email in Python with the API method: A step-by-step guide

Veljko Ristić |
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 the email API  To streamline email sending in Python, you can use a transactional email service s... read more

How to clear the WordPress cache

Suzanne Scacca |
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 cl... read more

How to create an auto “text typing effect” with vanilla JavaScript

Esther Vaati |
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! ... read more

How to create a JavaScript PDF viewer

Ashraff Hathibelagal |
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 inde... read more

How to Integrate Bootstrap 5 Tabs With Chart.js

George Martsoukos |
Today, I’ll cover Chart.js, a very popular JavaScript library, and teach you how to incorporate charts of this library into Bootstrap 5 tabs/pills. The idea is that each time we click on a Bootstrap tab, the target chart will be reconstructed and hence reanimated. Bear in mind that this technique ... read more

Build a Simple YouTube App with Vanilla JavaScript

George Martsoukos |
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 U... read more