George Martsoukos - Envato Tuts+ Profile

Tutorials

How to Code a Custom Mailchimp Popup Form
In this tutorial, we’ll learn how to customize Mailchimp’s embedded form and include it within a custom JavaScript modal popup.
George Martsoukos
20 Jun 2023
Web Design
CSS Skills: Hero Sections With Asymmetrical Design
In this tutorial, we'll learn how to build hero sections with assymetrical designs using CSS transforms and the clip-path property.
George Martsoukos
13 Jun 2023
Web Design
A Quick, CSS-Only Approach for Creating Responsive Sticky Tables
In a recent tutorial, we started with a basic HTML table and transformed its layout to make it adaptive to various screen sizes. Let's today follow a similar...
George Martsoukos
6 Jun 2023
Web Design
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 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