Code Tutorials

Discover thousands of free code tutorials to help you learn web and mobile development. You can learnAndroid app development, masterReact Native, become a betterWordPress developer, and much more.

All Code tutorials:

Filters

HTML/CSS
Create a color contrast checker with HTML, CSS, and JavaScript
Tutorial•Intermediate
In this tutorial, we’ll create a color contrast tool that lets you check the accessibility and readability of text, by comparing the ratio between background...
Esther Vaati•2 Jul 2025
Animated Graphics
How to use Lotties in Figma
Tutorial•Intermediate
In the following step, I will show you how to put together an animation in Figma and then how to convert it into a lottie animation.
Andrei Marius•13 Jun 2025
JavaScript for Designers
How to create a glassmorphism generator tool
Tutorial•Intermediate
In this tutorial, we’ll build a glassmorphism generator tool to help us create customized frosted glass effects. The tool will also automatically generate...
Esther Vaati•27 May 2025
HTML/CSS
How to create infinite text scrolling in HTML, CSS, and JavaScript
Tutorial•Beginner
Let’s create an infinite text scroll for any webpage with HTML, CSS and JavaScript—perfect for banners at the top of the page, or even to the side.
Esther Vaati•27 May 2025
HTML
25 ridiculously impressive HTML5 canvas experiments
Tutorial•Beginner
Looking to take your HTML5 animations to the next level? Get inspired by these 25 extremely cool examples of canvas in HTML5!
Abhin Sharma•24 Mar 2025
CSS
Easy CSS slider (carousel with pure CSS)
Tutorial•Beginner
A carousel is a great example of a possible CSS-only interactive feature. In this tutorial, we’ll build a carousel with a few extra features using only CSS.
Jemima Abu•4 Mar 2025
JavaScript for Designers
Create a currency converter with HTML, CSS, and vanilla JavaScript
Tutorial•Intermediate
Let’s create a currency converter using HTML, CSS, and vanilla JavaScript, with data from the Exchange Rate API.
Esther Vaati•23 Jan 2025
WordPress Plugins
What to do when one of your WordPress plugins gets compromised
Tutorial•Beginner
A recent study from Patchstack found that 97% of detected WordPress security vulnerabilities came from WordPress plugins. Here’s what you need to know to...
Suzanne Scacca•13 Jan 2025
Animation
How to build horizontal marquee effects with GSAP
Tutorial•Intermediate
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.
George Martsoukos•3 Jan 2025
Python
Send email in Python with the API method: A step-by-step guide
Tutorial•Intermediate
In this tutorial, you’ll learn the step-by-step process of sending emails in Python using the API method.
Veljko Ristić•6 Sep 2024
WordPress Plugins
How to clear the WordPress cache
Tutorial•Beginner
Learn the 5 different methods for clearing the WordPress cache. These include clearing the browser cache, using a WordPress caching plugin, and more.
Suzanne Scacca•13 Aug 2024
JavaScript for Designers
How to create an auto “text typing effect” with vanilla JavaScript
Tutorial•Intermediate
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...
Esther Vaati•8 Aug 2024