HTML

Understanding storageSession in HTML with an example

sessionStorage property is used to access a session Storage object for the current origin URL. It works similar to localStorage

Software Engineering

Metadata: Give your webpages the information it needs

The tag provides information about a webpage. This metadata is not displayed on the webpage but is machine parse-able.

Software Engineering

Viewport: Adjust your webpage size according to user's device

Viewport is the area of a web page which is visible to the user. It is not fixed in size, and varies with the size of the screen of different devices.

Software Engineering

Understanding Z-Index Property in CSS

When HTML elements are positioned explicitly, they may overlap with each other. The Z-index property is used to specify the Stack order of HTML elements.

Software Engineering

Understanding Position Property in CSS

CSS position property is used to specify the position of HTML element in the webpage. We covered static, relative, fixed, sticky and absolute position.

Software Engineering

Using Padding property in CSS

CSS Padding property is used to create spacing between content of HTML Element and the border (if specified) around it.

Software Engineering

Adding Margin around HTML elements using CSS

CSS Margin property is used to create space between webpage border and HTML Element's border (if defined using CSS Border property).

Software Engineering

Adding Border around HTML elements using CSS

In this article, we will explore the basics of CSS for adding different borders around HTML elements.

Software Engineering

Understanding the use of Headings in HTML

In this article, we explored the use of headings in HTML. There are 6 levels of HTML and different attributes like nowrap

Software Engineering

Implementing Drag and Drop feature in HTML

We have taken a look into the drap and drop feature in HTML and implemented a demo to illustrate how to implement and use it.

Software Engineering

Master the use of Links in HTML

In this article, we will learn about working with links in HTML like an expert. We will see how to create a link?, Different types of links like local, external, target attributes for links and other features like bookmarking a links, using CSS styling

Software Engineering

Understanding and using ID and class attributes in HTML

In this article, we will take a deep look into using ID and class attributes with different HTML elements and how specific JavaScript and CSS code can to applied to different HTML elements using it.

Software Engineering

Learn to use Tables in HTML

We have taken a deep look into using table elements in HTML and the different components and designs we can achieve.

Software Engineering

Learn to use Lists in HTML

We have taken a deep look into using list elements in HTML and the different designs we can achieve.

Software Engineering

Using CSS to print an HTML webpage nicely

You will learn ow to use CSS to make printing a webpage convenient? along with features like adding page break, hiding particular part from printing and others, How to block an user from printing a webpage? and a demonstration to clarify the ideas involved

Software Engineering

Work with files on the web using FileReader API in JavaScript

FileReader object helps in reading data from a file or a Blob and store it in a JavaScript variable. The read is done asynchronously so as not to block the browser.

Software Engineering

Using CSS Selectors to work with specific HTML elements

CSS Selectors are used to define the element(s) to which a particular set of CSS rules should be applied. The following article will take you through different selectors like class selector, attribute selectors, and selector combinations etc.

Software Engineering

Understanding and working with Third Party Cookies

In this article, you will learn what are third party cookies and how it works?, Cookie profiling, its concern and comparison of third party cookie with first party cookie and a demonstration to build your own page with a third party cookie

Software Engineering

Understanding and working with Cookies

In this article, you will understand the basic idea of cookies, different types of cookies like third party and persistent, how to set, get and delete cookies in JavaScript?, how to view cookies? and how the World looks at it? and a demo to understand the inner workings of cookies

Software Engineering

Web workers and its API: Run intensive tasks in the background

In some situations where javascript has to run big loops, the browser may prompt error messages. The situation explained above can be handled using Web Workers, who will do all the computationally expensive tasks without interrupting the user interface and typically run on separate threads.

Software Engineering

Page Visibility API: Know when a user is on your page

it was impossible for developers to specify the code that can be executed under any case of unloading a page. In order to solve this problem, Page Visibility API was introduced. The API will listen to any visible change of the page under all the cases, regardless of that, it's on phone or desktop.

Software Engineering

Working with device location using HTML Geolocation API

HTML Geolocation API is used to get the current position of the user. The Geolocation API is used using the navigator.geolocation object.The Geolocation interface represents an object able to programmatically obtain the position of the device.

Software Engineering

Working with Clipboard API and events in HTML

The Clipboard API provides a way to hook into the common clipboard operations of cutting, copying and pasting so that web application can adjust the clipboard data as required. There are two ways we can interact with the system clipboard Document.execCommand() and asynchronous Clipboard API

Software Engineering

Working with images in HTML

Images can be inserted into our HTML page using tag. The tag is an empty tag, which means that it does not have a closing tag. We can insert parameters of the element using various attributes like src, alt, height and width.

Software Engineering

Working with history object of HTML DOM

The browsers history is present in the history object. We can use the window part (window.history) or just simply history. It contains an array of URLs or links visited by the user.