George Martsoukos - Envato Tuts+ Profile

Tutorials

Quick Tip: How to Create a Simple Fade Effect on Scroll
In today’s super quick tutorial, we’ll learn how to build a simple, yet useful scroll effect. As we scroll within the page, the visibility of two elements...
George Martsoukos
29 May 2020
Web Design
How to Build a Grayscale to Color Effect on Scroll (CSS & JavaScript)
In this new tutorial, we’ll start with some grayscale images and learn how to smoothly reveal their colored variants on scroll. To achieve the desired...
George Martsoukos
19 May 2020
Web Design
How to Build a Simple Toggle Switch Component With the CSS Checkbox Hack
In this short tutorial, we’ll learn how to build a CSS-only switch component by taking advantage of the “CSS checkbox hack technique”. Along the way, we'll...
George Martsoukos
29 Apr 2020
Web Design
How to Customize Contact Form 7 in WordPress with Handmade SVG
In a previous tutorial you learned how to create a responsive handmade SVG form. Today we’ll go a step further and make it dynamic. We’ll cover how to...
George Martsoukos
16 Apr 2020
Web Design
Quick Tip: How to Build a Simple Stack Hover Effect With CSS
A commonly seen design pattern is to have a card container with other cards underneath it, resulting in a multi-layer stacking effect. In this short...
George Martsoukos
23 Mar 2020
Web Design
How to Build a Simple Full-Screen Slideshow With Vanilla JavaScript
In this tutorial you’ll learn how to create a responsive full-screen slideshow with plain JavaScript. To build it, we’ll go through several different...
George Martsoukos
17 Mar 2020
Web Design
How to Build a Responsive Handmade SVG Form
In this tutorial, we’ll continue the journey into the “forms” world and learn to create a responsive handmade SVG form from scratch.
George Martsoukos
21 Jan 2020
Web Design
How to Build a Simple Slideshow With the CSS Checkbox Hack
In this new tutorial, we’ll learn how to create a fully functional, responsive image slideshow with thumbnails, without JavaScript.
George Martsoukos
15 Jan 2020
Web Design
Build a Simple Weather App With Vanilla JavaScript
In today’s tutorial, we’ll learn how to build a simple, yet fully functional weather app with Vanilla JavaScript. We have a lot of interesting things to...
George Martsoukos
23 Dec 2019
Web Design
How to Build an Animated Bootstrap Landing Page With Material Kit
Today, we’ll learn how to create an animated landing page with Material Kit, a free Bootstrap 4 UI Kit based on Google’s Material Design.
George Martsoukos
12 Dec 2019
Web Design
How to Create 7 Different CSS Hover Effects From Scratch
In today’s tutorial, we’re going to create 7 different CSS hover effects. We’ll learn loads along the way, including how to animate font icons, borders, and...
George Martsoukos
14 Nov 2019
Web Design
How to Build an Accordion Component With the CSS Checkbox Hack
In this short tutorial, we’ll learn how to build a CSS-only flexible accordion component by taking advantage of what’s known as the “CSS checkbox hack...
George Martsoukos
7 Nov 2019
Web Design

Envato Tuts+ is now part of Envato Elements

One subscription provides unlimited access to: