Preview an image before uploading using Javascript

In this article, you will see how to preview an image before uploading it to the Server. Previewing the image is the best user experience. The users could be able to see which image they are going to upload. Here we are going to use HTML, CSS, and Javascript to develop it. Let’s see how …

Preview an image before uploading using Javascript Read More »

File upload validations in javascript

In the web application, from the security point of view file upload validations are the most important parameter that needs to be considered by each developer especially when doing the file upload. The validations can be either client-side or server-side or maybe both. This article shows you how could you validate the File Type (Extension) …

File upload validations in javascript Read More »

Drag & Drop or Browse File upload in JavaScript

Uploading files is a common feature in modern web applications. Traditionally, file inputs have been implemented using the standard HTML <input type=”file”> element. In this article, you will see how to create a standard drag & drop file uploader user interface(UI) in javascript. Drag and drop upload makes it much easier for the user to …

Drag & Drop or Browse File upload in JavaScript Read More »

CSS – Most common CSS properties Part-2

In this article of most common CSS properties Part-2, you will see the commonly used properties such as Text, Fonts, Overflow, Align, and Display. CSS Text In CSS, the text properties are used to manipulate the text of an HTML element. Followings are few most common CSS text properties: color text-align text-decoration text-transform text-shadow Text …

CSS – Most common CSS properties Part-2 Read More »

CSS – Most common CSS properties Part-1

In this article of most common CSS properties Part-1, you will see the commonly used properties such as colors, backgrounds, height, width, margin, padding, borders, and box model. CSS Colors In CSS, color properties are used to set the text color, background color, border color, etc of an HTML element. The followings are a few …

CSS – Most common CSS properties Part-1 Read More »

CSS Priority

In this article, you will learn the CSS priority based on CSS type and selector. You will also learn how to change the CSS priority. What is CSS priority? CSS priority is also known as CSS specificity. An HTML element can be targeted by multiple CSS rules. If the same CSS property is defined multiple …

CSS Priority Read More »

Types of CSS: Differences & Priority Explained

Cascading Style Sheets (CSS) is a fundamental technology that plays a crucial role in web development. It is used to define the visual presentation and layout of HTML documents, enhancing the overall user experience. CSS can be implemented in various ways, depending on the scope and requirements of the project. In this article, we will …

Types of CSS: Differences & Priority Explained Read More »

CSS Introduction

CSS Introduction: In this article, you will learn the introduction to CSS (Cascading Style Sheets). What is CSS? Why should you learn CSS? and How to use it? What is CSS? Why should you learn CSS? Let’s understand the problem that we had before CSS The web pages were formatted with HTML tags like <font>, <center>, …

CSS Introduction Read More »