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:

Filters

Forms

Create a Stylish Dark Contact Form with HTML, CSS, and JavaScript

Tutorial • Intermediate

In this tutorial, we’ll walk through the process of styling basic contact form elements. We’ll examine different ways for making a form beautiful and fully...

George Martsoukos • 10 May 2019
HTML

New Course: Creating Custom Presentation Themes for Reveal.js

Tutorial • Beginner

Reveal.js is a powerful HTML framework used to create presentations. In our new short course, Creating Custom Presentation Themes for Reveal.js, you'll learn...

Andrew Blackman • 1 May 2019
HTML Templates

Quick Tip: Create a Very Simple Parallax Effect With CSS & JavaScript

Tutorial • Intermediate

In this short tutorial, we'll learn to add a simple yet useful parallax scrolling effect to a hero image. To achieve it, we'll use some JavaScript code. Keep...

George Martsoukos • 15 Apr 2019
JavaScript for Designers

How to Build a Static Portfolio Page With CSS & JavaScript

Tutorial • Intermediate

In this tutorial we’ll use all the power of flexbox and learn to build a simple, yet attractive static HTML portfolio page.

George Martsoukos • 2 Apr 2019
HTML

New Course: Take Your Presentations to the Next Level With Reveal.js

Tutorial • Beginner

Learn all about the Reveal.js HTML presentation framework in our new short course, Take Your Presentations to the Next Level With Reveal.js.

Andrew Blackman • 2 Apr 2019
Animation

Better Data Presentation for Infographics: Practical Animation Examples

Tutorial • Beginner

Using the animation framework we created previously, in this tutorial you’ll learn how to animate three infographic examples: data counters, progress bars,...

Karen Pogosyan • 21 Mar 2019
HTML

Dropdown Navigation: How to Maintain the Selected Option on Page Load

Tutorial • Intermediate

Today we'll learn how to maintain the selected option when navigating to a new page using a element.

George Martsoukos • 19 Dec 2018
JavaScript for Designers

How to Build a SaaS Dashboard in React With Google Sheets and FusionCharts

Tutorial • Beginner

In this tutorial I’ll explain the process of creating a SaaS dashboard by fetching data from Google Sheets using the Google Sheets API. To create this...

Gagan Sikri • 18 Dec 2018
JavaScript for Designers

New Short Course: Interactive JavaScript Maps With Leaflet

Tutorial • Beginner

Leaflet is a robust JavaScript framework for creating interactive maps on the web. Learn how to use it in our quick half-hour course, Interactive JavaScript...

Andrew Blackman • 5 Dec 2018
JavaScript for Designers

Interactive JavaScript Maps With Leaflet

Course • Intermediate

Leaflet is a robust JavaScript framework for creating interactive maps on the web. In this short course, I will teach you how to navigate this powerful...

Craig Campbell • 26 Nov 2018
UI Design

New Course: Essential JS Libraries for UI

Tutorial • Beginner

Learn how to use JavaScript libraries for UI design in our new course, Essential JS Libraries for User Interfaces (UI).

Andrew Blackman • 31 Oct 2018
JavaScript for Designers

Learn 3D Web Animation in Our New Three.js Course

Tutorial • Beginner

If you want to improve your 3D web animation skills but have limited time available, our new course, 3D Animation With Three.js, is for you.

Andrew Blackman • 19 Oct 2018