Web Development

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.

Web Development

Which selectors to use: id or class?

We have explained the idea of Selectors in HTML and Selectors in CSS. This involves id and class selectors along with code examples.

Software Engineering

Jinja Template for Django Framework

We have explored the Jinja Template. Jinja is a modern, designer-friendly templating language for python, modeled after Django templates and is widely used for execution.

Software Engineering

How to use Console in Chrome DevTools?

We have covered how to use Console which is one of the development tools in the Chrome browser. The Console in Chrome DevTool helps to debug webpages and investigate external webpage as well.

Software Engineering

Image properties and styling in CSS

We have explored some properties that can be used to style images such as width, height, border, object-fit and much more. These properties will come in handy as we design our websites.

Software Engineering

Creating Slider/ Carousel using Bootstrap

In this article , we going to discuss about the Image Slider vs Gallery vs Carousel in Web Design. First we will see in brief how we can make beautiful Slider with just HTML and CSS with the help of BOOTSTRAP-4 we can easily design Image Slider vs Image Gallery vs Carousel.

Software Engineering

footer tag in HTML

The "footer" tag is normally used for defining the footer or end part of a section on html page. Each "footer" will have information about its containing element. The "footer" will have information about the article and the page author.

Software Engineering

Using Firestore Database with React App

We will build the react app which shows the visitor details and stores the visitor detail in database . For the database , we will use firebase firestore. We will add the feature to delete records in database as well.

Software Engineering

Media Source Extension in HTML

Media Source Extensions extends HTMLMediaElement to allow JavaScript to generate media streams for playback. Allowing JavaScript to generate streams facilitates a variety of use cases like adaptive streaming and time shifting live streams.