Learn JavaScript for Designers
All JavaScript for Designers content:
-
How to Add Custom JavaScript to Your WordPress Site
Tutorial • BeginnerTo customize your WordPress theme, you frequently have to add custom JavaScript. It’s a bit more complicated than adding custom CSS, as you can’t use the...
-
How to Build Horizontal Marquee Effects With GSAP
Tutorial • IntermediateLet 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.
-
How to Update Webpage Content Based on URL Parameters
Tutorial • IntermediateIn this JavaScript tutorial, we’ll be looking at how to use URLs to update the content on a webpage. Specifically, we'll be looking at using URL parameters...
-
How to Create a Chrome Extension With Vanilla JavaScript
Tutorial • IntermediateThis tutorial will cover how to build a minimalistic homepage Chrome extension, with JavaScript, designed to help users stay productive.
-
Build a Simple Weather App With Vanilla JavaScript
Tutorial • IntermediateIn today’s tutorial, we’ll learn how to build a weather app that is simple yet fully functional with Vanilla JavaScript. We have a lot of interesting things...
-
Build a JavaScript Dropdown Filter Component With Shareable URLs
Tutorial • IntermediateIn this new tutorial, we'll learn how to create a JavaScript dropdown filter component where each filtering option will have a unique shareable URL.
-
How to Animate on Scroll With Vanilla JavaScript
Tutorial • IntermediateIn this tutorial, we’ll combine CSS animations and JavaScript event listeners to create an animate on scroll feature that works on all browsers.
-
Building a Vertical Timeline With CSS and a Touch of JavaScript (Updated)
Tutorial • IntermediateIn this tutorial, we’ll learn how to build a responsive vertical timeline from scratch. First, we’ll create the basic structure with minimal markup and the...
-
How to Create a Typing Test Game with Vanilla JavaScript
Tutorial • BeginnerHow many words per minute can you type? In this tutorial you’ll learn how to create a typing test game with JavaScript. The app will feature a timer that...
-
Learn How to Code a Simple JavaScript Calendar and Datepicker
Tutorial • BeginnerA JavaScript calendar is the best tool to understand date functionalities in JavaScript. This tutorial will create a real-time calendar similar to the one in...
-
How to Build a Responsive Navigation Bar With Flexbox
Tutorial • IntermediateTime for a practical exercise in flexbox! In this tutorial we will use flexbox to create a mobile-first, responsive, toggleable navigation bar with different...
-
Create Your Own AI Image Generator App With JavaScript and DALL-E 3
Tutorial • BeginnerIn this tutorial, we’ll build an AI image-generation app with JavaScript. Users will enter text describing the image they want, then behind the scenes we’ll...