HTML

Understanding DOM Parsing and Serialization Techniques

This OpenGenus article delves into the intricacies of these processes, shedding light on various parsing methods and serialization approaches.

Web Development

Creating a simple website with HTML, CSS, and JavaScript for complete beginners

Starting your first application may feel overwhelming if you are new to web development, but by beginning with basic web pages using HTML, CSS, and some JavaScript.

Web Development

Responsive Image Grid

In this OpenGenus article, we will create a responsive image grid using HTML and CSS.

HTML

Unveiling Web Audio API: A Symphony of Sound on the Web

In the early days of the web, audio playback relied on plugins like Flash. However, the introduction of the element in HTML5 and the Web Audio API changed the game, eliminating the need for plugins and offering developers a robust toolset for creating dynamic audio experiences.

Web Development

Adding Popover in a Webpage

Popovers are overlays of content (essentially like pop-up boxes) which can be triggered upon clicking or hovering over an element in your webpage.

Web Development

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.

HTML

Star Rating in HTML: A Guide to Implementing and Utilizing User Ratings

In this article at OpenGenus, we will explore star rating systems in HTML, exploring how to implement them using HTML, CSS and their use cases, and examples of websites that utilize this concept.

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.