George Martsoukos - Envato Tuts+ Profile

Tutorials

CSS Charts: How to Create an Organizational Chart
In previous tutorials we’ve learned how to create different types of charts including bar charts, thermometer charts, and donut charts. Today we’ll continue...
George Martsoukos
19 Nov 2020
Web Design
Parsing a CSV File With JavaScript
Parsing a CSV file with JavaScript can be tricky. In this article, you'll learn how to parse a CSV file with JavaScript and convert it into an HTML table.
George Martsoukos
21 Oct 2020
Code
JavaScript Skills: Create a Responsive Header Animation on Scroll
In this tutorial we’ll learn how to animate header elements on scroll. First, we’ll build a fully responsive top navigation header with three different...
George Martsoukos
9 Sep 2020
Web Design
How to Build a To-Do App With Vanilla JavaScript (and Local Storage)
In this tutorial, we’ll enhance our front-end skills by learning to build a “handmade” to-do app. To create it, we won’t take advantage of any JavaScript...
George Martsoukos
30 Jul 2020
Web Design
How to Enhance Your Website Layouts With SVG Shapes
In this new tutorial, we’ll get rid of the usual boring rectangular boxes and learn to build a landing page full of complex SVG shapes. We’ll even enhance it...
George Martsoukos
26 Jun 2020
Web Design
How to Implement Smooth Scrolling With Vanilla JavaScript
In this tutorial, we’ll learn how to implement smooth scrolling in our web pages. We’ll start with a common jQuery approach for creating this functionality....
George Martsoukos
8 Jun 2020
Web Design
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

Envato Tuts+ is now part of Envato Elements

One subscription provides unlimited access to: