George Martsoukos - Envato Tuts+ Profile

Tutorials

Build a Navigation Menu With an Animated Active Indicator (JavaScript)
Today, we’ll learn how to create a fancy menu effect: each time we click on, or hover over an item there will be a magic moving element that will follow...
George Martsoukos
2 May 2023
Web Design
How to Build a Mobile Menu Microinteraction With CSS
Today, we'll use the “CSS checkbox hack technique” to build an animated mobile menu; a useful microinteraction and an alternative UI to the main menu on...
George Martsoukos
17 Apr 2023
Web Design
How to Implement Smooth Scrolling With CSS & JavaScript
In this 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 jQuery...
George Martsoukos
4 Apr 2023
Web Design
How to Build a JavaScript Page Loading Animation
Previously, we learned how to create a JavaScript page loading animation with GSAP. Today, let’s make another beautiful loading animation—this time without...
George Martsoukos
22 Mar 2023
Web Design
How to Create 12 Different CSS Hover Effects From Scratch
In this updated tutorial, we’re going to create 12 different CSS hover effects, including some that will require a little JavaScript. We’ll learn loads along...
George Martsoukos
2 Mar 2023
Web Design
CSS Hover Effects: Techniques for Creating a Text “Wipe Fill”
In today’s tutorial, we’ll learn three different techniques for creating a “wipe fill” CSS hover effect. We’ll even go one step further and give ourselves...
George Martsoukos
21 Feb 2023
Web Design
Create a Parallax Scrolling Effect (With Contrasting Text Effect)
In today's tutorial, we're going to create a beautiful parallax scrolling animation, contrasting the heading text against the background image.
George Martsoukos
14 Feb 2023
Web Design
The Best Responsive Menu Tutorials on Tuts+
Interested in building a responsive menu for your next project, but need some inspiration? Today we’ll explore the best CSS and JavaScript header menu...
George Martsoukos
7 Feb 2023
Web Design
The Best JavaScript Scroll Header Effects Tutorials on Tuts+
Interested in some inspiration for creative header effects on scroll? I’ve got you covered! Today we’ll explore the best Javascript-driven scroll header...
George Martsoukos
1 Feb 2023
Web Design
How to Make an Animated Bubble Chart With CSS
We've covered plenty of techniques for developing different types of charts using CSS or/and JavaScript. Today, I’ll show you how to make a bubble chart with...
George Martsoukos
27 Jan 2023
Web Design
Create an Animated Sticky Header on Scroll (With a Bit of JavaScript)
In the past, we’ve covered many header scroll effects, and today it’s time for another one! In this tutorial, you’ll learn how to make a header reappear and...
George Martsoukos
13 Jan 2023
Web Design
How to Build a Responsive Off-Canvas Menu With CSS and a Touch of JavaScript
In this tutorial, we’ll go through a simple yet effective method for creating a responsive off-canvas menu with HTML, CSS, and JavaScript.
George Martsoukos
12 Jan 2023
Web Design