George Martsoukos - Envato Tuts+ Profile

Tutorials

How to Build an Accordion Component With CSS and a Touch of JavaScript
In today’s tutorial we’ll learn how to build a show/hide component with CSS and a little bit of JavaScript.
George Martsoukos
2 Apr 2018
Web Design
How to Make Multi-Preview Thumbnails With JavaScript Mouse Events
In this tutorial we’ll have some fun with JavaScript mouse events by building something useful and interesting: thumbnails which, when hovered over, display...
George Martsoukos
26 Mar 2018
Web Design
How to Build a Responsive Tab Component With CSS and a Touch of JavaScript
In this tutorial, we’ll learn how to build a responsive tab component with CSS and a little bit of JavaScript. It’s absolutely possible to create pure CSS...
George Martsoukos
5 Mar 2018
Web Design
Data Visualization With DataTables.js and Highcharts.js
In this tutorial, you’ll learn how to visualize data by taking advantage of the DataTables.js and Highcharts.js JavaScript libraries.
George Martsoukos
1 Nov 2017
Web Design
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
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