George Martsoukos - Envato Tuts+ Profile

Tutorials

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
How to Create 9 Different CSS Hover Effects From Scratch
In this updated tutorial, we’re going to create seven different CSS hover effects and two additional ones that will require a little JavaScript. We’ll learn...
George Martsoukos
24 May 2021
Web Design
How to Build a Coming Soon Page With Lottie Animations
In a previous tutorial, we learned how to include Adobe After Effects animations on a page using the Lottie for Web library. Today, we’ll learn how to repeat...
George Martsoukos
19 May 2021
Web Design
Building a Vertical Timeline With CSS and a Touch of JavaScript
In 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...
George Martsoukos
6 May 2021
Web Design
Build a Simple Weather App With Vanilla JavaScript
In today’s tutorial, we’ll learn how to build a simple, yet fully functional weather app with Vanilla JavaScript. We have a lot of interesting things to...
George Martsoukos
30 Apr 2021
Web Design
How to Preserve the Menu State on Page Load (Using Local Storage)
In this tutorial, we’ll create a simple static site with Tailwind CSS and then learn how to preserve its menu state on page load. Ready for another challenge?
George Martsoukos
28 Apr 2021
Web Design
Build a JavaScript Page Loading Animation With GSAP
In today’s tutorial, we’ll learn how to create a JavaScript page loading animation with GSAP, one of the most dominant and popular JavaScript animation...
George Martsoukos
22 Apr 2021
Web Design
How to Build a Simple Theme Switcher With the CSS Checkbox Hack
In this tutorial, you’ll learn how to create a CSS-only theme switcher by taking advantage of the “CSS checkbox hack technique” and CSS variables.
George Martsoukos
24 Mar 2021
Web Design