George Martsoukos - Envato Tuts+ Profile

Tutorials

How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons
Learn how to build custom checkboxes and radio buttons with the WordPress Contact Form 7 (CF7) plugin.
George Martsoukos
19 Feb 2022
Web Design
How to Create Responsive Mega Menus With UIkit
Learn how to build responsive mega menus with the UIkit framework, by taking advantage of its Dropdown, Nav, Navbar, and Off-canvas components.
George Martsoukos
18 Feb 2022
Web Design
How to Create a Scrollspy Navigation With UIkit
Today, we’ll build a page with scrolling animations by taking advantage of UIkit’s Scrollspy component.
George Martsoukos
13 Jan 2022
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
28 Dec 2021
Web Design
How to Build a UIkit Lightbox With Dot Navigation
In this tutorial, we’ll focus on the UIkit front-end framework. More specifically, we’ll extend its super useful lightbox component by adding a dot...
George Martsoukos
29 Nov 2021
Web Design
How to Build a Cursor Hover Effect With JavaScript Mouse Events and GSAP
In this tutorial, we’ll work with two JavaScript mouse events and GSAP to build a creative effect that you’ve probably seen somewhere on a website: a custom...
George Martsoukos
8 Nov 2021
Web Design
How to Build a Responsive Bootstrap Lightbox Gallery
In this tutorial, we’ll build a fully functional responsive Bootstrap lightbox gallery by taking advantage of existing Bootstrap components.
George Martsoukos
25 Oct 2021
Web Design
How to Convert Bootstrap Carousel Indicators Into Animated Progress Bars
In this tutorial, we’ll work with another exciting Bootstrap extension. Specifically, we’ll build a Bootstrap carousel component and customize its indicators...
George Martsoukos
21 Sep 2021
Web Design
How to Build a Draggable Image Gallery and a Custom Lightbox With GSAP
Let's build a responsive JavaScript image gallery with a draggable featured image/main slide plus a custom lightbox. To make the target element draggable,...
George Martsoukos
16 Sep 2021
Web Design
How to Hide/Reveal Header Notification Bar on Scroll with JavaScript
Let’s build a sticky header whose top part (a notification bar) will disappear on scroll down, and reappear when the user scrolls back up.
George Martsoukos
5 Jul 2021
Web Design
How to Implement Smooth Scrolling With CSS & JavaScript
In this new tutorial, we’ll learn how to implement smooth scrolling in our web pages. We’ll start with a pure CSS solution and then move on to a common...
George Martsoukos
15 Jun 2021
Web Design
How to Hide/Reveal a Sticky Header on Scroll (With JavaScript)
In this tutorial 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