George Martsoukos - Envato Tuts+ Profile

Tutorials

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
CSS Hover Effects: Techniques for Creating a Text “Wipe Fill”
In today’s tutorial, we’ll learn two different techniques for creating a fill text effect on hover. We’ll even go one step further and give ourselves the...
George Martsoukos
28 Oct 2019
Web Design
Quick Tip: How to Build a MouseOver Navigation Slide Effect
In today’s exercise, we’ll take inspiration from Slider Revolution’s mini toolbar and build a menu that smoothly animates on hover.
George Martsoukos
18 Oct 2019
Web Design
Building an Admin Dashboard Layout With CSS and a Touch of JavaScript
In this new 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
8 Oct 2019
Web Design
Quick Tip: How to Create an Off-Canvas Feedback Form With Pure CSS
In this tutorial, we’ll walk through the process of creating an off-canvas feedback form. We won’t use any JavaScript to accomplish this, in fact, we’ll...
George Martsoukos
1 Oct 2019
Web Design
How to Create a Stylish Pricing Table With a Sticky Header
Sticky pricing tables are perfect for showing products and services with long lists of comparable features–in this tutorial we’re going to create a pricing...
George Martsoukos
16 Sep 2019
Web Design
How to Make the Bootstrap Navbar Dropdown Work on Hover
in this short tutorial we’ll build a typical Bootstrap navbar with a quick solution for showing its dropdowns on hover.
George Martsoukos
2 Sep 2019
Web Design
How to Build a Simple Gantt Chart With CSS and JavaScript
So far in our series of CSS chart tutorials, we've learned how to create different types of charts. Today we'll continue this journey. Specifically, we'll...
George Martsoukos
26 Aug 2019
Web Design
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
14 Aug 2019
Web Design
Quick Tip: How to Customize Bootstrap 4’s Accordion Component
In this quick tip, we’ll build a Bootstrap 4 accordion and apply a few customizations to it. Let’s get started!
George Martsoukos
13 Aug 2019
Web Design
A Quick Full-Screen Hover Effect With CSS and JavaScript
In today’s quick tutorial we’ll learn how to build a useful full-screen background hover effect. In a real world scenario you might use this kind of effect...
George Martsoukos
29 Jul 2019
Web Design