Background Scale Hover Effect with CSS Clip-path – Website Design Article

A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path. From our sponsor: Market smarter with Mailchimp’s automated messaging tools. Today I’d like to share a simple hover effect with you. It’s a recreation of the hover effect seen in the menu on the DDD Hotel website by Garden Eight. The idea is to scale down the background image and “fitting” it to a clip shape which contains the same background image.…

Read More

A Complete Guide To Cloud Server Setup With SSL Enabled Domain – WordPress Website Design Article

In this tutorial I walk you through the entire process, from beginning to end, of setting up a cloud server, pointing your domain to it, and using a SAAS (Software As A Service) cloud server management solution like ServerPilot to complete the process. The cloud server I use in this tutorial is Vultr, but others like Linode or DigitalOcean will do. I also use Hover (domain registration service), but of course you can use whatever you like. The basic ordered…

Read More

Custom Cursor Effects | Codrops – Website Design Article

A collection of five demos and a tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels. Custom cursors certainly were a big trend in web development in 2018. In the following tutorial we’ll take a look at how to create a magnetic noisy circle cursor for navigation elements as shown in Demo 4. We’ll be using Paper.js with Simplex Noise. The custom cursor effect we’re going to build in this tutorial The Cursor Markup…

Read More