George Martsoukos - Envato Tuts+ Profile

Tutorials

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
Create a Stylish Dark Contact Form with HTML, CSS, and JavaScript
In this tutorial, we’ll walk through the process of styling basic contact form elements. We’ll examine different ways for making a form beautiful and fully...
George Martsoukos
10 May 2019
Web Design
How to Build a Filtering Component in Pure CSS
In today’s tutorial, we’ll learn how to build a CSS-only filtering component, something which you’d be forgiven for thinking needs JavaScript.
George Martsoukos
23 Apr 2019
Web Design
Quick Tip: Create a Very Simple Parallax Effect With CSS & JavaScript
In this short tutorial, we'll learn to add a simple yet useful parallax scrolling effect to a hero image. To achieve it, we'll use some JavaScript code. Keep...
George Martsoukos
15 Apr 2019
Web Design
How to Build a Static Portfolio Page With CSS & JavaScript
In this tutorial we’ll use all the power of flexbox and learn to build a simple, yet attractive static HTML portfolio page.
George Martsoukos
2 Apr 2019
Web Design
How to Build a Landing Page Template With Bootstrap 4
In this tutorial we’ll continue our tour of Bootstrap 4. More specifically, we’ll learn how to use it to build a responsive landing page.
George Martsoukos
13 Mar 2019
Web Design
How to Customize Bootstrap’s Sass Files With Grunt
Today, we'll learn how to customize Bootstrap 4's Sass files with Grunt. Instead of Grunt, we could just as easily use another task runner like Gulp,...
George Martsoukos
29 Jan 2019
Web Design