Web Development

Learning to Love WebP

In this article, we have explored the image format WebP along with its advantages and disadvantages and how to use it in HTML files.

JavaScript

React Components

React has a component based architecture. This lets the developer to break down the application into small encapsulated components, which can then be composed to make complex UIs.

HTML

Types of HTML file extensions

There are 4 different types of HTML file extensions and the extension denote a specific feature enabled in the HTML web page. In this article, we have explored all different types of HTML file extensions in depth.

HTML

What is SHTML?

SHTML is a file extension (.shtml) that denotes that the current file is an HTML document (.html) with an extra feature known as Server Side Includes. This was a widely used feature in early 2010s.

HTML

SVG in HTML

In this article, we will learn about the SVG tag in HTML. SVG stands for Scalable Vector Graphics and it is one of the modern ways of displaying images in websites and applications just like displaying PNG, GIF, and JPG.

JavaScript

Chrome Extensions Interview Questions

In this article, we have presented Chrome Extensions Interview Questions along with detailed answers.

CSS

CSS Gradients

A color gradient is a smooth transition of different colors in a region. A CSS gradient displays a smooth transition of two or more specified colors and the direction, number of colors, positioning of color stops, can be controlled.

Web Development

How to Create Google Chrome Extension

In this article, we have explained step by step How to Create Google Chrome Extension along with complete code.

HTML

Detect if feature is supported in Browser using HTML

To detect the availability of a feature, you can simply type out the variable that a browser provides the features through. If the feature is not available, the variable will turn out to be undefined.

CSS

Rounded corners/ Border radius in CSS

The border-radius property in CSS allows you to round the corners of the outer edge of an element. Through this property, it is possible to round all the corners or just selected corners according to the desired shape.

Web Development

Integrating android application to firebase real-time database

In this article, we will see how can we integrate our android application to firebase real-time database.

JavaScript

Gatsby.js tutorial: Introduction and Setup

In this Gatsby.js tutorial, we have prepared the local environment to work on, installed the dependencies and created the first Gatsby project framework.

CSS

Transitions in CSS

CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.

Web Development

Modal using CSS only

In this article, we will implement a Modal using only plain CSS without the help of JavaScript.

Software Engineering

JWT and It's Best Practices

In this article, we are going to cover a detailed explanation of JWT. Why do we use it? How we will make it work. We will be also covering the best practices of using JWT.

Software Engineering

How I developed Search Bar at OpenGenus?

In this article, I have explained How I developed Search Bar at OpenGenus IQ using Google Programmable Search Engine. I have explained the challenges faced along with solution and code snippets.

System Design

Lazy Loading

Lazy loading is a method of identifying non-blocking/non-critical web resources and loading them when necessary. This can improve the performance of web pages by reducing rendering times and cache sizes.

HTML

Favicon in HTML

In this article, we'll explore favicons in HTML. A favicon is a small icon displayed left of the page title in a browser tab. It is loaded directly from the page requested, and is usually a logo representing the owner of the site.

Web Development

Clearfix in Bootstrap

Clearfix is a straightforward way for removing the floating of an element in a container that is linked to its child element without the need of any additional markup.

Software Engineering

Different types of API Protocols

In this article, we shall briefly introduce APIs and then look at the various types of API protocols that are employed for their usage.

CSS

Height and Width in CSS

In this article, we have explored Height and Width in CSS in depth along with examples of how to use it in webpages and setting max-width and max-height.

Software Engineering

Design Tic Tac Toe Game (in JavaScript)

In this article, we have demonstrated how to design Tic Tac Toe Game as a webpage using HTML, CSS and JavaScript. We have presented all code and you should follow this mini-project.

Software Engineering

Web Sockets (ws:// , wss://)

In this article, we will talk about webockets, it's a very important and fundamental topic for anyone interested in web and communication protocols. WebSocket is a computer communication protocol, providing full connections over a single TCP connection.

Software Engineering

reCAPTCHA Verification (+ How to add it to HTML?)

In this article, we have explored the idea of reCAPTCHA Verification, how to setup a Google reCAPTCHA account and how to add reCAPTCHA to any HTML form.

Software Engineering

Display Live Time and Date on HTML Page

We have presented the HTML and JavaScript code to Display Live Time and Date on HTML Page. JavaScript date object and HTML span element can be used to display the current date and time. By default JavaScript use the browser's timezone to display time and date.