George Martsoukos - Envato Tuts+ Profile

Tutorials

Build a Grid-to-Full-Screen Image Animation With CSS (and a Touch of JavaScript)
In this tutorial, you'll learn a motion effect where a split-screen image grid layout will turn into a full-screen image.
George Martsoukos
30 Jan 2024
Web Design
The Best CSS and JavaScript Carousel Tutorials on Tuts+
Today, we'll explore the best CSS and JavaScript carousel tutorials currently available on Envato Tuts+. Sit back, relax, and enjoy the roundup!
George Martsoukos
26 Jan 2024
Web Design
Build a Simple YouTube App with Vanilla JavaScript
We’re going to build a simple, yet fully functional YouTube app with Vanilla JavaScript: a simple UI where we can enter the ID of a channel and our app will...
George Martsoukos
9 Jan 2024
Web Design
How to Add Icons to WordPress Navigation Menu Items
In this tutorial, we’ll learn how to add icons to WordPress menu items, with the icons coming from various resources.
George Martsoukos
8 Dec 2023
Web Design
How to Change Image on Product Hover in WooCommerce Products Loop
In this tutorial, you’ll learn how to add interactivity to your WooCommerce stores by showing a second image on product hover inside loops (e.g. archive...
George Martsoukos
1 Dec 2023
Web Design
How to Browse Child Pages Through Next/Previous Links in WordPress
Today, we’ll learn how to navigate between WordPress child pages with the next and previous links.
George Martsoukos
29 Nov 2023
Web Design
Make a Tabbed Navigation With Child Pages in WordPress
In this tutorial, we'll learn how to convert WordPress child pages into shareable navigation tabs. However, unlike common tabs where visitors remain on the...
George Martsoukos
23 Nov 2023
Web Design
How to Hide/Reveal a Sticky Bottom Nav Bar on Scroll (With JavaScript)
In this tutorial, we'll learn how to create an app-like sticky mobile navigation bar and slide it based on the scrolling direction.
George Martsoukos
8 Nov 2023
Web Design
How to Build a JavaScript Popup Modal From Scratch
In this tutorial we’ll learn how to build flexible popup modals (windows) with HTML, CSS, and JavaScript–without using a framework like Bootstrap!
George Martsoukos
3 Nov 2023
Web Design
Create Step-by-Step SVG Sprites in WordPress
Today, I’ll cover two ways to work with SVG Sprites in a WordPress theme: including an SVG in the document and using an external SVG file.
George Martsoukos
25 Oct 2023
Web Design
Your WordPress Theme Needs a Social Media Shortcode
In this tutorial, we’ll learn how to create a WordPress social media shortcode that you can reuse in your themes. To configure the social links, we’ll extend...
George Martsoukos
12 Oct 2023
Web Design
2 Ways to Create and Display Footer Widgets in WordPress
In this tutorial, we'll start with a static demo from a previous tutorial, convert it to a WordPress theme, and then examine two ways to add dynamic content...
George Martsoukos
28 Sep 2023
Web Design