Code Tuts+

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 build horizontal marquee effects with GSAP

George Martsoukos |
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 ... 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

Create a Currency Converter with HTML, CSS, and Vanilla JavaScript

Esther Vaati |
Let’s create a fully functional currency converter application using HTML, CSS, and vanilla JavaScript. By the end of this tutorial, we will have a responsive currency app that fetches real-time data with the Exchange Rate API and presents it in a user-friendly interface. Our Currency Converter De... 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

How to Set Up WordPress Error Logs In Your WP-Config File

Daniel Strongin |
Have problems with random errors appearing on your WordPress website? Have you checked all your plugins and server settings and issues still persist? Don’t worry! There is a simple solution by activating your WordPress error logs in the wp-config file. This sounds very techy, but it’s manageable... read more