George Martsoukos - Envato Tuts+ Profile

Tutorials

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
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