Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles by Nikhilesh Aleti
69 articles
Design a Portfolio Webpage using HTML and CSS
To design a portfolio webpage using HTML and CSS can be useful to showcase your best works and attract attention of professionals in collaborating or hiring you. Portfolio website serves as a platform to display your work and demonstrate your skills. It has the same purpose as a CV (Curriculum vitae). The portfolio website will showcase them with engaging visual images and often more detailed than a hand-written CV. In this article, we will learn and understand how we can design a portfolio webpage using HTML and CSS through stepwise explanation and example code. Why Create a Portfolio Website? ...
Read MoreDisplaying XML Using CSS
XML is also a markup language which stands for Extensible Markup Language, designed especially for web documents. It defines a set of rules for encoding documents in a format that is both human-readable and machine-readable allowing developers to create custom tags. In this article we are having an XML file and our task is displaying XML Using CSS. Steps for Displaying XML using CSS We can use CSS properties to style the content present in the XML document. Following are the steps for displaying XML using CSS. Create an .xml file and add your code ...
Read MoreFading Text Animation Effect Using CSS3
Fading is a visual representation of a gradual transition between two states of visibility. We can perform fading animation using the @keyframes rule and opacity property in CSS3. In this article we are having two div boxes with some written content in the child div. Our task is to apply fading text animation effect using CSS3. Types of Fading Animation There are two types of fading animations which are listed below: Fade-In Text Animation Fade-Out Text Animation Fade-In Text Animation Fade-in text animation makes a text appear gradually from ...
Read MoreFlip the text using CSS
To flip the text using CSS, we will be using CSS transform property. Flipping is a technique that transforms or mirrors an element on particular axis (horizontal or vertical). We will be understanding three different approaches to fip the text using CSS. In this article, we are having some textual content written using span tag. Our task is to flip the text using CSS. Approaches to Flip the Text using CSS Here is a list of approaches to flip the text using CSS which we will be discussing in this article with stepwise explaination and complete example codes. ...
Read MoreAdding HTML entities using CSS content
Adding HTML entities using CSS content allows you to insert special characters or symbols without changing HTML structure directly. In HTML and CSS, entities are special characters that have reserved meanings or representations. They are typically used to display characters that are not readily available on a standard keyboard or, to represent special symbols or characters with specific semantic meanings. CSS provides a way to add HTML entities using the content property. The content property is primarily used with pseudo-elements, such as ::before and ::after selectors, to insert content before or after an element. In this article, we are having ...
Read MoreHow to specify the HTML content of the page to show in the <iframe&gt in HTML?
In this article, we need to display the HTML content of the page in an iframe; A browser window divided as a separate page. We can achieve this task using the tag and it’s srcdoc attribute. HTML tag The tag in HTML specifies an inline frame. This inline frame is used to embed another document within the current HTML document. This tag is supported by every browser such as Google Chrome, Microsoft edge/ internet explorer, Firefox, safari, and opera, etc. The “srcdoc” attribute of the tag is used to specify the HTML content of the page ...
Read MoreCreate a paragraph element with some text and append it to end of document body using jQuery
In this article, the task is to create a paragraph element with some text and append it to end of document body using jQuery. Using jQuery, it is easy to add new elements/content in a particular position inside an HTML document. We have four methods that are used to add new content: append() − This method adds the content at the end of selected elements. prepend() − This method adds the content at the beginning of selected elements. after() − This method adds the content after the selected elements. before() − This method adds the content before the selected ...
Read MoreHow to remove event handlers in JavaScript?
An event is defined as a change in an object's state. There are a number of events in HTML that show when a user or browser performs a certain action. JavaScript responds to these events when JavaScript code is embedded in HTML and allows execution. The process of responding to events is known as event handling. As a result, JavaScript uses event handlers to handle HTML events. In this article, we are going to discuss how to remove event handlers in JavaScript. Here, we use the removeEventListener() method to remove an event handler from an element in JavaScript. Using the ...
Read MoreHow to compare two objects in JavaScript?
Objects in JavaScript is an entity, where it consists of properties and type. Let’s consider sports as an object, in Car the properties can be color, price, height, width, etc. Exactly the same also happens in JavaScript, which has objects and contains properties to them. Const car = { color : 'Black', price : 2500000, height : '6 feet', width : '5 feet' } The equality operator (===) verifies whether the two operands are equal or not and returns a Boolean value. If the both operands are ...
Read MoreConvert an image into Blur using HTML and CSS
In general, blur is a visual effect of human eye that happens when the viewer cannot be able to see the details of the object clearly. In HTML, we can apply the blur effect to elements on webpage (such as images) using CSS properties. To do so, we use the filter property along with the blur() function. This function applies a Gaussian blur effect to the image element, which makes it softer and less defined. Syntax Following is the syntax of the filter property with blur() function − filter: blur(radius); This function accepts a single parameter (i.e. radius) that ...
Read More