Learn JavaScript for Designers

Bring your websites to life with interactive elements using JavaScript. These tutorials are tailored to web designers and are full of practical examples and tips.

All JavaScript for Designers content:

  1. How to Create an Optimized Twitter Carousel Without AMP

    How to Create an Optimized Twitter Carousel Without AMP

    Tutorial Intermediate

    Learn how to create a carousel of revolving tweets using Siema. The techniques you'll learn will help you to achieve great performance without using AMP.

  2. Data Visualization With DataTables.js and Highcharts.js

    Data Visualization With DataTables.js and Highcharts.js

    Tutorial Intermediate

    In this tutorial, you’ll learn how to visualize data by taking advantage of the DataTables.js and Highcharts.js JavaScript libraries.

  3. Examples of Vue’s Clean Code

    Examples of Vue’s Clean Code

    Tutorial Intermediate

    By this stage in our Vue series, we’re up and running, we’ve gone over some simple examples and we’ve addressed some of the questions beginners might ask....

  4. A Simple JavaScript Technique for Filling Star Ratings

    A Simple JavaScript Technique for Filling Star Ratings

    Tutorial Intermediate

    In this short tutorial, we’ll describe a simple, yet useful method for filling star ratings using HTML, CSS and JavaScript.

  5. Solve Your Specificity Headaches With CSS Modules

    Solve Your Specificity Headaches With CSS Modules

    Tutorial Intermediate

    In this tutorial we’ll look at CSS Modules; a way of compiling your projects, renaming the selectors and classes so that they become scoped to individual...

  6. Build an Onboarding Tour Using JavaScript in Our New Course

    Build an Onboarding Tour Using JavaScript in Our New Course

    Tutorial Beginner

    Learn how to give your users an interactive product or website tour in our new short course, Build an Onboarding Tour Using JavaScript.

  7. How to Manipulate Colors in JavaScript Using Chroma.js

    How to Manipulate Colors in JavaScript Using Chroma.js

    Tutorial Intermediate

    In today’s tutorial screencast I’m going to show you how to manipulate colors with JavaScript. That’s right, JavaScript. Not CSS. Let’s dive in to see what...

  8. Building a Weather App With the DarkSky API

    Building a Weather App With the DarkSky API

    Tutorial Intermediate

    Building for the web is just about as much fun as anyone can have, especially when you’re working with an API to dynamically pull in data. Some might call...

  9. A Noob’s Guide to Three.js

    A Noob’s Guide to Three.js

    Tutorial Intermediate

    Three.js is to WebGL what jQuery is to JavaScript, offering declarative syntax loved my so many, and abstracting away the headaches for 3D in the browser....

  10. Sass to CSS: How to Preserve Whitespace on Compile

    Sass to CSS: How to Preserve Whitespace on Compile

    Tutorial Intermediate

    Ever wanted to keep the visual structure of your Sass files, when you compile to CSS, without losing any of the whitespace? In this quick tip I’m going to...

  11. The Noob’s Guide to Choosing a JavaScript Framework

    The Noob’s Guide to Choosing a JavaScript Framework

    Tutorial Intermediate

    When it comes to choosing the right JavaScript Framework it certainly is a wild and confusing landscape out there. This guide will help you–a budding...

  12. How to Create a “Sticky” Floating Video on Page Scroll

    How to Create a “Sticky” Floating Video on Page Scroll

    Tutorial Intermediate

    In this tutorial I’m going to show you how to recreate a “Sticky” Floating Video; something you may have seen on media websites, video platforms, and social...