Web Development

PNG to JPEG Conversion Flask Web Application [Python]

In this article, we have developed a Web Application using Python based web framework that is Flask that will provide an option to upload a PNG image file, convert it to JPEG format from server side and give option to download the converted JPEG file.

CSS

15 Different units in CSS

CSS (Cascading Style Sheets) is a styling language used for describing the presentation of HTML documents. CSS has several units for specifying different types of measurements and values. In this essay, we will look at all the units available in CSS.

JavaScript

JavaScript Debugging

Error will most likely occur whenever you write a code. The debugger in JavaScript is a function that request any available debugging functionality, such as setting a breakpoint. If no debugging functionality is used, it will have no effect on the code.

JavaScript

How to check if same URL is open in another tab?

It is important to be able to detect whether the same URL is already open in another tab. In this article, we will explore how to check if the same URL is open in another tab.

JavaScript

How to detect if user changes tab in browser?

In this article, we will discuss how to use the Page Visibility API to detect tab changes in HTML and JavaScript.

Python

Prime Factorization Flask Application

In this article, we have developed a Python based Web Application using Flask framework to find the prime factorization of any number. The number is provided by the user.

ruby

Master Routing in Rails [Practical]

In Ruby on Rail, routing is how an application handles HTTP requests and ultimately decides what will be provided to the user through controller actions. In this article, we will go through some routing conventions to follow when building a route.

JavaScript

Calendar with JavaScript

We can do so many things with the JavaScript programming language and I enjoy building things with it, this time, I made a calendar of 12 months. I will walk you through the steps on how I created this calendar using JavaScript.

JavaScript

Calculator with JavaScript

In this article, I will explain the steps on how I created a calculator with JavaScript with User Interface using HTML and CSS.

Software Engineering

Server Sent Events (SSE)

In this article, we will cover one of the important backend communication design pattern which is Server Sent Events (SSE).

JavaScript

Stopwatch application in HTML/ JavaScript

In this article, we will create a stopwatch/ countdown timer using JavaScript. Basically what we need is a HTML CSS and JavaScript file. The Stopwatch uses three buttons which are Start, Pause and Reset.

ruby

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

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.