Web Development

Ruby on Rails app to demonstrate database concepts

On this post, we’ll talk about the most popular databases in RoR web development, walk you through the process of integrating them, and describe the best practices. In this tutorial we will build a static page with a button CreateTimeline which when clicked makes a record with the current time.

Python

Different Python Web Frameworks

In this article, we have present the different web frameworks available in Python Programming Language and explained the strength and weakness of each along with the use-cases. This will help you to judge which Python Web Framework to use in your project.

HTML

Radio buttons in HTML

In this article, we will explain what radio buttons are and how to include them in an HTML file.

JavaScript

Text Editor in JavaScript

In this article, we have implemented a complete text editor with multiple formatting features in HTML, CSS and JavaScript. This is a strong project for Web Developer Portfolio.

Ruby Programming

Basic Ruby on Rails web App for static webpage

In this article, we will cover basics of Ruby on Rails (RoR) by creating a simple web application tutorial with a single static webpage.

CSS

CSS Class Selector

A class selector in CSS is an essential concept for web developers and designers to understand. It allows you to target specific elements on a webpage and apply styles to them. This can be a powerful tool for creating user-friendly and appealing websites, it's a must-know for anyone working with CSS

JavaScript

2048 game using JavaScript

In this article, we have demonstrated how to develop web version of 2048 game using JavaScript, HTML and CSS. This is a good project for a Web Developer Portfolio.

JavaScript

Snake Game Using JavaScript

In this article, we have explained how to build Snake game using HTML, CSS and JavaScript. This is a strong web development project to work on and is a good addition to Web Developer Portfolio.

JavaScript

Disable Text Selection, Copy, Cut, Paste and Right-click in JS (JavaScript)

In this article, we will explored how to disable Text Selection, Copy, Cut, Paste and Right-click in JS (JavaScript) with example code and a interactive demo.

HTML

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.