George Martsoukos - Envato Tuts+ Profile

Tutorials

How to Build Seamless Masonry Layouts With CSS Grid and object-fit:cover
In today’s tutorial we’ll use CSS Grid and object-fit:cover to build a responsive image grid that will follow a masonry-style layout on desktop screens.
George Martsoukos
21 Jul 2022
Web Design
2 Ways to Build a Scrolling Card UI (Flexbox and CSS Grid)
In this new tutorial, we'll use modern CSS features like flexbox, CSS Grid Layout, CSS Scroll Snap, and CSS Scrollbars to build an attractive scrolling card...
George Martsoukos
14 Jul 2022
Web Design
How to Update UIkit Components
In previous tutorials, we covered various UIkit components. Today, we'll work with the Sticky and Dropdown ones and learn how to update them. The process...
George Martsoukos
7 Jul 2022
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
23 Jun 2022
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
22 Jun 2022
Web Design
How to Let Users Dynamically Change the Number of Posts per Page in WordPress
In this new tutorial we’ll learn how to give users the option to choose the number of posts they want to show per page.
George Martsoukos
9 Jun 2022
Web Design
Create a Simple Math CAPTCHA for Your Forms With PHP and JavaScript
Let’s reduce spam from form submissions. This technique will use PHP and JavaScript to block form submission until the user provides the correct answer to a...
George Martsoukos
27 May 2022
Web Design
2 Ways to Protect Your HTML Email Links (and Prevent SPAM)
In this tutorial we’ll describe two straightforward techniques for protecting HTML email links from spamming. Although they cannot guarantee full success,...
George Martsoukos
9 May 2022
Web Design
How to Create a Sticky Toolbar With CSS and a Bit of JavaScript
In this new tutorial we’ll learn how to create a sticky (or fixed) toolbar, using CSS and a bit of JavaScript, with animated tooltips, that you can use on...
George Martsoukos
19 Apr 2022
Web Design
How to Customize Contact Form 7 for WordPress: Enhanced Email Template
In this short tutorial, I’ll show you a straightforward approach for customizing the email template sent from WordPress Contact Form 7 (CF7) plugin, making...
George Martsoukos
31 Mar 2022
Web Design
How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons
Learn how to build custom checkboxes and radio buttons with the WordPress Contact Form 7 (CF7) plugin.
George Martsoukos
19 Feb 2022
Web Design
How to Create Responsive Mega Menus With UIkit
Learn how to build responsive mega menus with the UIkit framework, by taking advantage of its Dropdown, Nav, Navbar, and Off-canvas components.
George Martsoukos
18 Feb 2022
Web Design