George Martsoukos - Envato Tuts+ Profile

Tutorials

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
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
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 Hide/Reveal a Sticky Header on Scroll (With JavaScript)
In this tutorial 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 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
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
CSS Charts: How to Create a Horizontal Organizational Chart
In a previous tutorial, we learned how to create a CSS-only vertical organizational chart. Today, as some folks requested, we’ll go through the process of...
George Martsoukos
8 Mar 2021
Web Design
How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu
Today I’ll show you how to convert Bootstrap pills (tabs) into a dropdown. Most importantly we’ll keep both these components in sync. We’ll use pills for the...
George Martsoukos
26 Feb 2021
Web Design