Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Overview An image overlay is an overlapping of two images or icons, in which one icon or an image is displayed on the screen while the other icon displays on the screen when the cursor is hovering over the first image. So to achieve this feature we should have basic knowledge of HTML and CSS with its properties of transition and animation. So for creating an overlay we will see a few examples regarding the creation of an inner overlay icon. Algorithm Step 1 − Create a HTML file in your text editor and create a HTML boilerplate in the ... Read More
Introduction Android provides various UI components which we can use to create different UI components within our android application such as image view, text view and many more. Among this UI component a vertical scroll view is a powerful UI component which is used to create dynamic and interactive applications. A vertical scroll view is a view group which is used to display large amounts of data within a single view. It allows users to scroll vertically through the list of items while providing the ability to interact with individual items within the list. In this article we will take ... Read More
Overview An area cart is used to represent the data set into the graphical form. By using the HTML and CSS we can create an area chart. So for this we will create two custom variables as start and end. The custom variable can be created using this symbol “--” and following up with a variable name. For example, creating the variable like: –width, --height and –start. Algorithm Step 1 − Create a HTML file and open that file in a text editor. Add the HTML boilerplate to the HTML file. Step 2 − Now create a parent div container with ... Read More
Overview A loader is a web component which is used by almost all of the web applications. To build a loader ring we should have some prior knowledge about Cascading Styles Sheet (CSS) as the CSS involves the styling and animating part of the loader ring. As the loader component is loaded before the original content loads to the web page. The main styling properties that will be used to build this feature are animation, transition and keyframes. These three CSS properties will make a simple static animation loading ring to the animated loader ring. Algorithm Step 1 − Create ... Read More
Introduction In many android applications we can get to see that a text view is being striked through a line on it. We can get to see this type of text view in most of the ecommerce applications where the original price of the product is striked through with the discounted price. In this article we will take a look at adding a Strikethrough on our text view in Android. Implementation We will be creating a simple application in which we will be creating a text view in which we will be displaying the heading of our application. After that ... Read More
Introduction Many times while developing an android application, we have to display a set of data in the form of a stack. For example if we are displaying a bundh of cards within our application we can display those cards in the form of a stack in our android application. In this article we will take a look at using a Stack View within our android application. Implementation We will be creating a simple application in which we will be displaying the stack of numbers from one to five and swiping each down we will be displaying another number. Now ... Read More
Introduction Service is a component in Android that runs in the background for performing specific tasks or long running operations without the interaction with the user interface. The main objective of the Service is to ensure that the service remains active in the background and the user can multiple applications at the same time. Here are some of the steps to implement services in android Create a Service class: The first step is to create a Service class that extends the android.app.Service class. This class will define the behavior of the service. Start the service: You need to call ... Read More
Introduction Many android applications nowadays use Google Maps within it to display the map to the users. For example we use many food delivery applications in which we can get to see our order status along with the location of the delivery boy on Google Maps. In this article we will take a look on How to run Google Maps v2 on the android emulator. Implementation We will be creating a simple application in which we will be displaying a simple Google Map within our application and we will be adding a marker on that map to the Delhi location. ... Read More
Overview Animated bars are the graphically animated bars which are created using HTML and CSS. The layout of the animated bars are created using HTML and the styling of the bars are made using CSS. The normal bars can be created normally but we have to create the bars with animation so we will be using the CSS transition animation properties to make it animated. We will be building an animated bar same as the music animated bars synchronizer. Algorithm Step 1 − Create a HTML file in your text editor and add the HTML boilerplate in it. Step 2 − Now ... Read More
Overview A slider is a component which makes a slideshow like animation when the forward and backward navigation buttons are clicked. A slider consists of different images in an order one after another. We can create this working slider using HTML and CSS. So in the CSS we will be using the nth child selector to make the slider working. The nth child selector will select the particular child from the parent div and will make the image display on the front page. Algorithm Step 1 − Create an index.html file in a folder and open it in a text ... Read More