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
Overview To build the wave image background, here the main role play is of Cascading Styles Sheet (CSS) as without any use of svg or png image we will be going to create a wave image background that can be used for the web pages background. So to build this component you should have a good understanding of CSS as to build this component we are going to use the CSS position property and the before and after selector. So using these properties and selector we can achieve the deployment of the wave image background. Algorithm Step 1 − Create a HTML ... Read More
Django, a broadly used and effective web framework for Python, has made it less difficult for developers to create dynamic, information-driven web applications. One of the essential components of web packages is the capability to create and manage forms. Django affords a robust shape device that allows developers to fast create, validate, and process forms. In this post, we will explore a lesser-acknowledged feature of Django's form system - the {{ form.as_p }} method which makes it smooth to render forms as paragraphs. Django Forms Before diving into {{ form.as_p }}, let's briefly review how Django forms work. Django ... Read More