HTML

Building Playable Piano using HTML, CSS and JavaScript

In this hands-on tutorial at OpenGenus, we will embark on a musical journey by building a fully playable piano using the dynamic trio of web development: HTML, CSS, and JavaScript.

Web Development

Building Virtual Keyboard: A Step-by-Step Development Process

In this article at OpenGenus, we will be discussing about the process of developing a virtual keyboard using HTML, CSS, and JavaScript. The virtual keyboard allows users to input text through a graphical interface, and it includes features like caps lock, enter key, and space key.

Web Development

Building Dynamic Sound Board using HTML, CSS, and JavaScript [WebDev Project]

In this article at OpenGenus, we will guide you through the process of creating a dynamic sound board using HTML and JavaScript.

Web Development

Bubble Shooter game in HTML/CSS and JS

In this article at OpenGenus, we will explore the popular game called "Bubble Shooter" and take a closer look at its underlying code.

Web Development

Car racing game in HTML, CSS, JS

In this article at OpenGenus, we will discuss and demonstrate the creating of a car racing game using HTML, CSS and JavaScript.

HTML

Word Scramble game in HTML and JS

In this article at OpenGenus, we are going to develop the word Scramble game in HTML, CSS and JavaScript.

Web Development

Whiteboard in HTML [WebDev Project]

In this article at OpenGenus, we will explore how to develop a whiteboard using HTML, CSS, and JavaScript in the HTML file. We will focus on the implementation of the whiteboard with a functional drawing feature, color selection, a clear button, and a rubber (eraser) function.

Web Development

Wordle using HTML, CSS and JavaScript

In this article at OpenGenus, we will be building a wordle game using HTML, CSS and JS. Stay for the exciting implementation details.

HTML

Memory Game using JS and HTML

In this article at OpenGenus, we will look into implementing a memory game using JS and HTML.

Web Development

Whack a mole game using HTML, CSS, and JS

Let's make some cool and amazing whack a mole game in this article at OpenGenus.

Web Development

Connect Four game in HTML/CSS and JS

In this article at OpenGenus, we dive into the world of web development to explore the development of Connect Four game using HTML, CSS, and JavaScript.

Web Development

Hangman in HTML/CSS/JS [with demo and source code]

Hangman is a classic word-guessing game that challenges players to guess a hidden word by suggesting letters one at a time. We will be implementing the simple version of the game.

Web Development

Gift Card Web Application Tutorial in HTML, CSS and JS [with Demo and Source Code]

In this article at OpenGenus, we will explore the process of creating an interactive gift card using HTML and CSS. The gift card features a realistic envelope that opens up to reveal a personalized message and an image.

Web Development

Pong Game in HTML, JS and CSS [with Demo and Source Code]

Pong is a timeless classic in the world of video games, and building it from scratch using JavaScript can be a fun and educational experience. In this article at OpenGenus, we will explore the process of creating a fully functional Pong game using JavaScript and HTML5 canvas.

HTML

Breakout game in HTML and JS

In this article at OpenGenus, we will explore how to create a Breakout game using HTML and JavaScript. We will dive into the implementation details. By the end of this project, you will have a fully functional Breakout game that you can play and even customize according to your preferences.

Web Development

Bomberman Game in HTML, CSS and JavaScript

Throughout this article at OpenGenus, we will explain the game mechanics, discuss the implementation of key features, and briefly discuss how we can build our own Bomberman Game.

HTML

Tooltip in HTML

In this comprehensive guide at OpenGenus, we will delve into the world of tooltips in HTML, exploring their implementation, customization, and best practices.

Web Development

Create Tetris Game using HTML and JavaScript [with demo]

In this article at OpenGenus, we'll explore a basic implementation of Tetris using JavaScript and HTML5 canvas.

Web Development

Create a timeline in HTML page

In this tutorial at OpenGenus, we will explore how to create a stunning timeline using HTML, CSS, and JavaScript. Timelines are a great way to showcase events, milestones, or any chronological information in an organized and visually appealing manner.

Web Development

Creating a page with video background using HTML/CSS

In this tutorial at OpenGenus, we will go over how to create a video background in your web application by using simple HTML and CSS.

HTML

Comprehensive Guide to HTML tags

This HTML cheat sheet at OpenGenus provides a comprehensive list of all the essential HTML tags and their attributes, making it an excellent resource for both beginners and experienced developers.

HTML

DOCTYPE in HTML

DOCTYPE is a declaration, but definitely not a tag. It's the first line that you write in a HTML/XHTML documents.

HTML

100+ Key terms in HTML and CSS

HTML and CSS are the backbone of web development, and it is essential for any web developer to have a good understanding of the key terms used in these languages. In this article, we will discuss the most important key terms in HTML and CSS with a brief description for each.

HTML

The <noscript> Tag in HTML

In this article, we have explained the concept of noscript tag in HTML and how and when it is used in a webpage.

HTML

Pagination in HTML/CSS

Pagination is a common feature in web development that allows users to navigate through large sets of data or content. In this article, we will explore how to implement pagination using HTML and CSS.