Web Development

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.

CSS

Center Images using CSS

In this OpenGenus article, I will go over the various ways to center images on a webpage using CSS, which can be one of the more tricky tasks when building a webpage.

Web Development

Guide through Serverless architecture

In this OpenGenus article, we will present to you serverless architecture and its different aspects.

Python

Deploying Python Web Applications with Docker and Kubernetes

Deploying Python web applications has become increasingly efficient with the advent of containerization technologies like Docker and orchestration tools like Kubernetes.

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.

CSS

Aligning Flexbox

In Flexbox, the aligning part is done in parent element also called as flex-container. The child elements are present inside the flex-container.

Web Development

Password Generator using React

In this article at OpenGenus.org, we will learn about generating a password using React, JavaScript and Vite. To people who are new to Vite, it's a build tool that aims to provide faster and leaner web development experiences.

Web Development

Responsive Image Grid

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

CSS

Quick Styling - Inline CSS

Inline CSS involves applying styling directly within HTML elements directly using the style attribute.

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.

UX Design

Unveiling the Power of Distinctiveness: Von Restorff Effect

In this in-depth OpenGenus exploration, we will delve into the Von Restorff effect, unraveling the intricacies of this cognitive phenomenon and its applications.

CSS

Specificity in CSS [3 types]

This OpenGenus article will explore how CSS specificity works and you will have an idea of how you can take control over your CSS styles.

Web Development

Authentication and Authorization in Node.js: A Comprehensive Guide

This OpenGenus guide walks you through the fundamental concepts of authentication and authorization in Node.js, providing practical examples and a basic frontend setup.

Web Development

Task Tracking App: A Comprehensive Guide to CRUD Operations with Express.js

In this OpenGenus guide, we will enhance our task tracking app by implementing update and delete functionality using Express.js. This expansion will provide users with a more dynamic and interactive task management system.

Web Development

Build a Timestamp Microservice in JavaScript (Nodejs)

In this code-driven tutorial at OpenGenus, we will build a Timestamp Microservice in JavaScript using the Express.js framework. This microservice accepts a date as a parameter and returns its Unix timestamp and UTC time. We will cover each step in detail, from project setup to error handling.

Python

Exploring MySQL Connector for Python: A Beginner's Guide

Are you stepping into the world of Python and databases? If so, you're likely to encounter various libraries that facilitate the interaction between your Python scripts and databases. One such powerful tool is mysql-connector-python.

CSS

Responsive Navigation Bar [without Bootstrap or external library]

A responsive nav-bar is a UI/UX based element, which is essential to improve the appearance and ease of navigation in websites. It consists of a 1D bar (usually) with icons and hyperlinks to take you to different parts of the same website.

Web Development

Unveiling the Power of WebAssembly: A Beginner's Guide

In the world of web development, a new revolutionary force is uprising and reshaping the way we build and execute web applications. Enter WebAssembly (WASM for short), a binary instruction format poised to elevate the performance and versatility of web applications.

Web Development

Web Video Text Tracks Format (WebVTT): for adding Video Subtitles

WebVTT is a format for HTML5 video captions, subtitles and overlays. It is a text file with timed cues, and it starts with a WebVTT body. Cues display text at specific times, while comments are added as notes.

Web Development

How Web Development is Shaping the Future of Gaming

The gaming industry has evolved from pixelated graphics to a stunning ray-traced immersive virtual world over the past few decades. Modern games are challenging blockbuster movies with their astounding storyline and highly realistic visuals.

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.

CSS

CSS writing-mode explained

In this article at OpenGenus, we will discuss the CSS property 'writing-mode' and where we can use it.

Web Development

Introduction to Tauri [with practical WebDev project]

In this article on OpenGenus, we will explore an introduction to building lightweight and secure desktop applications using Tauri.

JavaScript

Installing and configuring Webpack [+ Gif Generator Project]

In this article at OpenGenus, we'll be discussing a module bundler called Webpack and learn how to configure it in order to develop an advanced application.