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. Create a Stylish Dark Contact Form with HTML, CSS, and JavaScript

    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...

  2. New Course: Creating Custom Presentation Themes for Reveal.js

    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...

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

    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...

  4. How to Build a Static Portfolio Page With CSS & JavaScript

    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.

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

    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.

  6. Better Data Presentation for Infographics: Practical Animation Examples

    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,...

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

    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.

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

    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...

  9. New Short Course: Interactive JavaScript Maps With Leaflet

    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...

  10. Interactive JavaScript Maps With Leaflet

    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...

  11. New Course: Essential JS Libraries for UI

    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).

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

    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.