George Martsoukos - Envato Tuts+ Profile

Tutorials

Build a JavaScript Page Loading Animation With GSAP
In today’s tutorial, we’ll learn how to create a JavaScript page loading animation with GSAP, one of the most dominant and popular JavaScript animation...
George Martsoukos
22 Apr 2021
Web Design
How to Build a Simple Theme Switcher With the CSS Checkbox Hack
In this tutorial, you’ll learn how to create a CSS-only theme switcher by taking advantage of the “CSS checkbox hack technique” and CSS variables.
George Martsoukos
24 Mar 2021
Web Design
Building an Admin Dashboard Layout With CSS and a Touch of JavaScript
In this updated tutorial, we’ll walk through the process of creating a responsive dashboard layout. To build it, we’ll borrow some ideas from the WordPress...
George Martsoukos
17 Mar 2021
Web Design
CSS Charts: How to Create a Horizontal Organizational Chart
In a previous tutorial, we learned how to create a CSS-only vertical organizational chart. Today, as some folks requested, we’ll go through the process of...
George Martsoukos
8 Mar 2021
Web Design
How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu
Today I’ll show you how to convert Bootstrap pills (tabs) into a dropdown. Most importantly we’ll keep both these components in sync. We’ll use pills for the...
George Martsoukos
26 Feb 2021
Web Design
How to Use JavaScript to Play Sound (Typewriter Effect)
Today, we're going to create a typewriter effect using CSS and JavaScript. To push things further, we’ll use JavaScript to play a typing sound on the page...
George Martsoukos
11 Feb 2021
Web Design
Flexbox Align: When to Use Auto Margins Instead of Flexbox Center
Flexbox alignment properties are superb and they solve lots of common layout problems. However, there are times when aligning with auto margins is safer and...
George Martsoukos
21 Jan 2021
Web Design
Create Beautiful Scrolling Animations With the CSS Clip-Path Property
In this tutorial we’ll use modern front-end features like CSS Grid, clip-path property, and the Intersection Observer API to build a cool scroll effect that...
George Martsoukos
18 Jan 2021
Web Design
How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)
In this tutorial we’ll create an attractive image gallery with CSS Grid and then go through a neat method that replicates the AJAX technique for revealing...
George Martsoukos
7 Jan 2021
Web Design
How to Customize Contact Form 7 for WordPress: Floating Labels
You might have seen forms where the placeholder text is animated when you start typing into that input. This tutorial will explain how to implement floating...
George Martsoukos
21 Dec 2020
Web Design
How to Add Adobe After Effects Animations to a Web Page
Complex animations are increasingly implemented in web pages and applications, so today I’ll explain how to add Adobe After Effects animations to a web page.
George Martsoukos
3 Dec 2020
Web Design
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

Envato Tuts+ is now part of Envato Elements

One subscription provides unlimited access to: