How to Create Accordion Menu (CSS3+jQuery)

How to Create a Accordion Menu (jQuery Version) [Tutorial]

Topic: jQuery / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins As you may noticed a few days ago we released a tutorial about How to Create an Accordion Menu in Pure CSS3. As this pure CSS3 Accordion Menu will …

How to Transform and Duplicate Objects in Adobe Illustrator

How to Transform and Duplicate Objects in Adobe Illustrator

Topic: Adobe Illustrator Difficulty: beginner Estimated completion time: 15 minutes Illustrations, logos, and designs may all be created and edited with Adobe Illustrator, a robust vector graphics editor. Transforming and duplicating objects is one of its most flexible capabilities, which …

How to Create a Content Accordion in Pure CSS3

How to Create a Content Accordion in Pure CSS3 [Tutorial]

Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 45 mins Today’s tutorial we will learn how to create a pure CSS3 content accordion. This will work on all browsers and devices that support the :target selector. Step 1 – Basic HTML …

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 …