George Martsoukos - Envato Tuts+ Profile

Tutorials

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
Dropdown Navigation: How to Maintain the Selected Option On WordPress
In a previous tutorial, we learned how to use a select element for navigation and maintain the selected option on page load. Today, we’ll go one step further...
George Martsoukos
8 Jan 2019
Web Design
Dropdown Navigation: How to Maintain the Selected Option on Page Load
Today we'll learn how to maintain the selected option when navigating to a new page using a element.
George Martsoukos
19 Dec 2018
Web Design
Enhance the Way a Web Page Loads With CSS Animations
In a previous tutorial we created a full-screen responsive page with flexbox. Today, we’ll make this page more attractive by adding a few CSS animations to it.
George Martsoukos
11 Dec 2018
Web Design
How to Build a Full-Screen Responsive Page With Flexbox
In this tutorial, we’ll learn how to build a full-screen responsive page with flexbox. Our page will include a full-screen background image, vertically...
George Martsoukos
20 Nov 2018
Web Design
How to Create an Animated Spirit Day Presentation With fullPage.js
October 18th 2018 is Spirit Day, something we recognize each year at Tuts+, and on this day we speak out against LGBTQ bullying, especially among LGBTQ youth.
George Martsoukos
18 Oct 2018
Web Design
How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities
In this new tutorial we'll learn how to build quickly layouts with Bootstrap's 4 responsive flexbox utilities. To gain a better understanding of these...
George Martsoukos
11 Oct 2018
Web Design