Creating a Full Page Animated Transition in HTML, CSS and jQuery

How to Create a Full Page Animated Transition

In the past, adding page transitions on web pages has been a simple process. As you click on the link it redirects you to the next page as the browser loads the next page or element. The web has started …

How to Create a Stylish Image Content Slider in Pure CSS3

Image Content Slider in Pure CSS3

Topic: CSS3 Difficulty: Intermediate Estimated completion time: 45 mins In this tutorial we will create a CSS3 only image slider. The CSS3 features that we’ll be using in this tutorial are in tests in the most recent browsers so this …

How to Build a YouTube Video Website Background in HTML5 and CSS

YouTube Video Background Website

Big video backgrounds are a recent, and popular, web design trend. Browser-sized videos have brought about a new era of web design in a creative way. If implemented well, video backgrounds add dramatic effect to a site, making it more …

Create a Full-Screen Slider Using HTML, CSS3 and jQuery

Create Full-Screen Slider using HTML, CSS3 and jQuery

Topic: HTML / CSS3 / jQuery Difficulty: Intermediate Estimated Completion Time: 30 minutes In this tutorial, we are going to create a full-screen slider using HTML, CSS3 and jQuery. You can us it for product presentations on your shop website. …

How to Create a CSS3 Login Form

How to Create a CSS3 Login Form

Topic: CSS3 Difficulty: Beginner Estimated Completion Time: 30 Mins Today, I will teach you how to create a beautiful CSS3 login page that can be integrated into your website, blog, app, etc. I have used this method of creating a …

How to Create Forms Using Bootstrap 5 and Collect Data on Static.app

How to Create Forms Using Bootstrap 5 and Collect Data on Static.app

A web form is an HTML form on a web page that allows users to enter their information as required. Most users interact with websites through the use of HTML forms from which data will be collected by a series …

Create a Retro Navigation Menu with CSS3

Create a Retro Navigation Menu with CSS3

Topic: CSS3 Difficulty: Intermediate Estimated completion time: 50 minutes In this tutorial you’ll learn how to create a vintage-looking navigation menu using pure CSS3. I hope you’ll enjoy this tutorial and you’ll learn some new techniques. Resources needed: Pixel Patterns …

Free Carousels and Sliders Based on Bootstrap

,

Free Bootstrap Carousels and Image Sliders

It’s hard to find a website without an eye-catching multimedia slider in the header that showcases popular items or impressive artwork right away. It has become an integral feature of almost every web project. Whether you are going to create …

Best Tools and Services to Create Status Pages for Websites

Best Tools and Services to Create Status Pages

Do you know that an outage strikes every second affecting the most reliable servers and services all around the world? And you can do nothing about it. Even the big names face such problems. For instance, LinkedIn had a 6-minute …

How to Create Forms Using Slides and Collect Data on Static.app

,

How to Create Forms Using Slides and Collect Data on Static.app

Web forms are everywhere. Almost every person on this planet who uses the internet will fill in at least one form occasionally. A web form, also called an HTML form, is an essential part of a website that allows user …