George Martsoukos - Envato Tuts+ Profile

Tutorials

A Simple JavaScript Technique for Filling Star Ratings
In this short tutorial, we’ll describe a simple, yet useful method for filling star ratings using HTML, CSS and JavaScript.
George Martsoukos
2 Oct 2017
Web Design
Building a Horizontal Timeline With CSS and JavaScript
In this tutorial, we’ll learn how to build a responsive horizontal timeline from scratch. First, we’ll create the basic structure with minimal markup and the...
George Martsoukos
27 Apr 2017
Web Design
How to Build a Shifting Underline Hover Effect With CSS and JavaScript
In today’s tutorial, we’re going to use a little bit of CSS and JavaScript to create a fancy menu hover effect. It’s not a complicated end result, yet...
George Martsoukos
28 Mar 2017
Web Design
Quick Tip: How to Build a Blog Layout With Bulma
In this quick tip, we’re going to use Bulma, a popular Flexbox-based CSS framework by Jeremy Thomas, to build a responsive blog layout.
George Martsoukos
8 Feb 2017
Web Design
A Whistle-Stop Tour of the UIkit Framework
Whilst Bootstrap and Foundation might be the two most popular front-end frameworks amongst web designers, in this article I’m going to introduce you to the...
George Martsoukos
12 Oct 2016
Web Design
How to Build a Striped Navigation With Flexbox
Are you looking to improve your flexbox knowledge and at the same time learn how to build easily an attractive and unique layout? If so, be sure to read this...
George Martsoukos
27 Sep 2016
Web Design
A Few Different CSS Methods for Changing Display Order
This tutorial starts going through a number of different CSS methods that can be used to rearrange the HTML elements, from simple solutions to more...
George Martsoukos
1 Sep 2016
Web Design
How to Build a Semi-Circle Donut Chart With CSS
Although HTML5 Canvas and SVG might be more elegant solutions for building charts, in this tutorial we’ll learn how to build our very own donut chart with...
George Martsoukos
25 Aug 2016
Web Design
How to Build a Responsive Form With Flexbox
In this tutorial, we’ll learn how to take advantage of flexbox to create a responsive form. What’s interesting (and exciting at the same time) is that...
George Martsoukos
4 Jul 2016
Web Design
How to Create a Fixed Header Which Animates on Page Scroll
In this tutorial, we’ll learn how to create a pattern seen on many websites these days: a fixed header which animates to a less obtrusive state as we scroll...
George Martsoukos
20 Jun 2016
Web Design
Building a Vertical Timeline With CSS and a Touch of JavaScript
In this tutorial, we’ll learn how to build a responsive vertical timeline from scratch. First, we’ll create the basic structure with minimal markup and the...
George Martsoukos
24 May 2016
Web Design
Quick Tip: Building Responsive Layouts With Floats
In today’s quick tip, we’ll learn how to build responsive layouts using CSS floats, an old yet trusted layout method. Floats weren’t initially intended to...
George Martsoukos
5 May 2016
Web Design