How to use Lotties in Figma
Andrei Marius |
In the following tutorial, I will show you how to create Lottie animations in Figma. We'll use two colorful designs to exmplify how you can animate in Figma, and then I'll show you how to go from Figma to Lottie animations. All you need is a free Figma account. If you're ready to learn how to use L... read more
How to create a glassmorphism generator tool
Esther Vaati |
Glassmorphism is a pretty resilient design style (it’s been around a long while now!) achieved by a combination of background blur transparency, a semi-transparent border, and sometimes subtle border shadows.
Our glassmorphism generator
Here’s what we’re going to build.
How glassmorphism is crea... read more
How to create infinite text scrolling in HTML, CSS, and JavaScript
Esther Vaati |
It’s worth noting that a horizontal marquee brings many accessibility challenges. Moving text can be distracting and difficult to read. Consider carefully the kind of content you wish to display in this way!
Basics: How the text scroll effect works
This text scroll effect can be achieved usin... read more
25 ridiculously impressive HTML5 canvas experiments
Abhin Sharma |
HTML5 is the thing to talk about these days. Today, we have a collection of ridiculously impressive HTML5 canvas-based experiments that will make you say, "Wow!" Let's take a peek at some of the latest, cutting-edge examples out there.
The animations in some of these canvas experiments may poten... 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.”
But CSS loads on a webpage faster than JavaScript. And CSS also causes less reflow on a page (which improves performance). So, it’s fair to say we should use CSS for inter... read more
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
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