George Martsoukos - Envato Tuts+ Profile

Tutorials

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
2 Ways to Build a Sticky Footer (Flexbox and CSS Grid)
In this short tutorial, we’ll cover two quick ways to create a sticky footer with CSS—a component that will sit at the page’s bottom no matter the page’s...
George Martsoukos
25 Sep 2023
Web Design
How to Build a Responsive Slider With Swiper.js
In this tutorial, we'll build a unique page layout by taking advantage of Swiper.js, one of the most popular JavaScript sliders available now.
George Martsoukos
21 Sep 2023
Web Design
I Serve Different Hero Images Across Various Screens With CSS Variables
In this short tutorial, I’ll show you a neat way to serve different hero images across various screens with the help of CSS variables.
George Martsoukos
6 Sep 2023
Web Design
Building an Admin Dashboard Layout With CSS (and a Touch of JavaScript)
In this tutorial, we’ll create a responsive dashboard layout. To build it, we’ll borrow some ideas from the WordPress dashboard.
George Martsoukos
29 Aug 2023
Web Design
How to Animate a “Full-Screen Section to Fixed Header” on Page Scroll
In this new tutorial, we'll start with a full-screen section with a heading and learn how to animate it to a fixed page header on scroll. This type of effect...
George Martsoukos
28 Aug 2023
Web Design
2 Ways to Make HTML Table Rows Clickable
In this tutorial, we'll describe two quick ways to make table rows clickable. We'll start with an HTML/CSS approach. Then, we'll continue with another one...
George Martsoukos
25 Jul 2023
Web Design
Vertical and Horizontal Scrolling With fullPage.js
These days more and more sites are designed based on the single-page approach (known as single-page or one-page sites). In this tutorial, we’ll explore how...
George Martsoukos
20 Jul 2023
Web Design
fullPage.js and Animate.css: the Perfect Combination for Scroll Animations
In this tutorial, I’ll show you how to create scroll-based animations with fullPage.js and Animate.css—a cross-browser library of CSS animations.
George Martsoukos
12 Jul 2023
Web Design
Building a Horizontal Timeline With CSS and JavaScript
In this tutorial, we’ll learn how to build a responsive horizontal timeline from scratch. First, we’ll create the basic structure with minimal markup and the...
George Martsoukos
26 Jun 2023
Web Design