George Martsoukos - Envato Tuts+ Profile

Tutorials

How to Create a Scrollspy Navigation With UIkit
Today, we’ll build a page with scrolling animations by taking advantage of UIkit’s Scrollspy component.
George Martsoukos
13 Jan 2022
Web Design
How to Build a Responsive Slider With Swiper.js
In this tutorial, we'll build a unique page layout by taking advantage of Swiper.js, one of the most popular JavaScript sliders available now.
George Martsoukos
28 Dec 2021
Web Design
How to Build a UIkit Lightbox With Dot Navigation
In this tutorial, we’ll focus on the UIkit front-end framework. More specifically, we’ll extend its super useful lightbox component by adding a dot...
George Martsoukos
29 Nov 2021
Web Design
How to Build a Cursor Hover Effect With JavaScript Mouse Events and GSAP
In this tutorial, we’ll work with two JavaScript mouse events and GSAP to build a creative effect that you’ve probably seen somewhere on a website: a custom...
George Martsoukos
8 Nov 2021
Web Design
Build a Multilevel Animated Mobile Menu With JavaScript
In this tutorial, we'll discuss how to create a three-level deep (multilevel) sliding mobile menu with pure JavaScript.
George Martsoukos
2 Nov 2021
Web Design
How to Build a Responsive Bootstrap Lightbox Gallery
In this tutorial, we’ll build a fully functional responsive Bootstrap lightbox gallery by taking advantage of existing Bootstrap components.
George Martsoukos
25 Oct 2021
Web Design
How to Convert Bootstrap Carousel Indicators Into Animated Progress Bars
In this tutorial, we’ll work with another exciting Bootstrap extension. Specifically, we’ll build a Bootstrap carousel component and customize its indicators...
George Martsoukos
21 Sep 2021
Web Design
How to Build a Draggable Image Gallery and a Custom Lightbox With GSAP
Let's build a responsive JavaScript image gallery with a draggable featured image/main slide plus a custom lightbox. To make the target element draggable,...
George Martsoukos
16 Sep 2021
Web Design
Create a Unique Scrolling Website With Locomotive Scroll & Tailwind CSS
Today we’re going to create a unique single-page scrolling website. To achieve this, we’ll take advantage of Locomotive Scroll, a small and easy-to-use...
George Martsoukos
14 Jul 2021
Web Design
How to Hide/Reveal Header Notification Bar on Scroll with JavaScript
Let’s build a sticky header whose top part (a notification bar) will disappear on scroll down, and reappear when the user scrolls back up.
George Martsoukos
5 Jul 2021
Web Design
How to Implement Smooth Scrolling With CSS & JavaScript
In this new tutorial, we’ll learn how to implement smooth scrolling in our web pages. We’ll start with a pure CSS solution and then move on to a common...
George Martsoukos
15 Jun 2021
Web Design
How to Hide/Reveal a Sticky Header on Scroll (With JavaScript)
In this exercise we’ll learn how to hide the page header when scrolling down the page, then reveal it when scrolling up. As a bonus, we’ll also make the...
George Martsoukos
26 May 2021
Web Design

Envato Tuts+ is now part of Envato Elements

One subscription provides unlimited access to: