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