George Martsoukos - Envato Tuts+ Profile

Tutorials

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
Build an Advanced Responsive Menu Inspired by Netflix
In today’s tutorial we’ll take inspiration from the Neflix Jobs website and learn to build an advanced responsive navigation menu with a cool transition effect.
George Martsoukos
18 Jul 2019
Web Design
How to Build a JavaScript Popup Modal From Scratch
In this tutorial we’ll learn how to build flexible popup modals (windows) with HTML, CSS, and JavaScript–without using a framework like Bootstrap!
George Martsoukos
1 Jul 2019
Web Design
How to Build an Animated CSS Thermometer Chart
In this tutorial I’ll cover the process of creating a pure CSS animated “thermometer” chart; the perfect way to track achievement of a single target.
George Martsoukos
19 Jun 2019
Web Design
Build a Static Portfolio With Advanced CSS Bar Chart
In this tutorial we’ll build an attractive static portfolio page, featuring a pure CSS bar chart without using any external JavaScript library, SVG, or the...
George Martsoukos
11 Jun 2019
Web Design
Quick Tip: Styling Restricted Content for Online Publishers
In this quick tutorial, we’ll cover some ideas for styling restricted content–just like techniques you’ll see used by big online newspapers.
George Martsoukos
3 Jun 2019
Web Design
How to Build a Filterable Thumbnail Layout With CSS Grid, Flexbox, and JavaScript
In this tutorial, we’re going to take a bunch of photos and turn them into a filterable thumbnail layout. We’ll combine all the latest CSS goodies (CSS Grid,...
George Martsoukos
27 May 2019
Web Design