In this tutorial you will learn how to create a responsive timeline for a set of related events you wish to display in a chronological (or reverse chronological) sequence. This can be used to display significant company milestones, news or …

15 Amazing CSS Paintings
If you’re involved in web development or design at all, you are familiar with CSS. It’s typically used to add design styles to websites. That’s the standard usage. But did you know some people have actually created full works of …

Learn How to Create Flip Cards using CSS
In this tutorial you will learn how to create blog post cards that flip on hover revealing the post excerpt on the back of the card. We will achieve this effect using CSS. The end result is responsive, making the …

Create Simple Parallax Scrolling Effect in Hero Section using Pure CSS
In this tutorial you will learn how to create a simple pure CSS parallax scrolling effect in the hero section of your landing page. Parallax scrolling is an effect where different visual elements on the page move at different speeds …

How To Create a Responsive Dropdown Navigation Using Only CSS
This tutorial will guide you through creating a responsive dropdown navigation using CSS only, with the help of CSS flexbox and the “checkbox hack”. Basic knowledge of HTML and CSS is required to follow along. The top navigation bar is …

How To Add reCAPTCHA v3 to PHP Form and Submit Using Ajax
In this tutorial, we will add Google reCAPTCHA v3 to a PHP form and submit it without leaving the page, using Ajax. If you have had a contact form or any such form on your website, you know how annoying …

How To Migrate a WordPress Website
If you have a WordPress (or any other type of) website for any length of time, it’s likely you’ll run into the need to move it to a new host at some point. Figuring out how to migrate a WordPress …

Pure CSS Animation of Blog Post Excerpt on Hover
In this tutorial, we’ll make this cool animation of revealing the blog post excerpt on hover using pure CSS and no JavaScript. The GIF below shows what you will be able to create by the end of this. You should …

16 Pitch Deck Templates You Need to See
When you find the need to put together a presentation, it’s vital to have a solid template at your disposal. This is especially the case when preparing a pitch deck. After all, this is going to be someone’s first impression …