George Martsoukos - Envato Tuts+ Profile

Tutorials

How to Hide/Reveal a Sticky Header on Scroll (With JavaScript)
In this exercise we’ll learn how to hide the page header when scrolling down the page, then reveal it when scrolling up. As a bonus, we’ll also make the...
George Martsoukos
26 May 2021
Web Design
How to Create 9 Different CSS Hover Effects From Scratch
In this updated tutorial, we’re going to create seven different CSS hover effects and two additional ones that will require a little JavaScript. We’ll learn...
George Martsoukos
24 May 2021
Web Design
How to Build a Coming Soon Page With Lottie Animations
In a previous tutorial, we learned how to include Adobe After Effects animations on a page using the Lottie for Web library. Today, we’ll learn how to repeat...
George Martsoukos
19 May 2021
Web Design
Building a Vertical Timeline With CSS and a Touch of JavaScript
In this tutorial, we’ll learn how to build a responsive vertical timeline from scratch. First, we’ll create the basic structure with minimal markup and the...
George Martsoukos
6 May 2021
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
30 Apr 2021
Web Design
How to Preserve the Menu State on Page Load (Using Local Storage)
In this tutorial, we’ll create a simple static site with Tailwind CSS and then learn how to preserve its menu state on page load. Ready for another challenge?
George Martsoukos
28 Apr 2021
Web Design
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

Envato Tuts+ is now part of Envato Elements

One subscription provides unlimited access to: