File Splitting in SASS

Abhishek
Updated on 08-May-2023 16:50:42

414 Views

SASS is a CSS pre-processor, that stands for Syntactically Awesome Style Sheet. The SASS code is written just like a scripting language like JavaScript, but at the time of compilation it is converted into CSS and compiled as CSS in the browser. SASS can be used with any version of CSS. It is used to enhance and advance the way of writing the code in normal CSS. In normal workspace, we are used to of writing the whole code in one single file only, that makes our code complex to read and understand for any other developer. SASS allow us ... Read More

CSS Units: em, rem, px, vh, vw

Abhishek
Updated on 08-May-2023 16:47:44

1K+ Views

In CSS or the Cascading Style Sheet, there are many units available to represent the values of different properties in different ways according to the need. The CSS properties like: font-size, height, width and line-height etc are used to define the different properties to a container. The values of these properties can be assigned in the form of different units. In this article, we are going to learn about the different CSS units in details and implement them practically to understand use of each one of them. There are many CSS units available in CSS, but in this article ... Read More

Implement Document Scanning Functionality in Android

Vaibhav Ahire
Updated on 08-May-2023 16:44:04

2K+ Views

Introduction In many android applications we can get to see that document scanner functionality is present in it in which the application takes the photo of the document and crops the image of that document from all sides based on the requirement and displays that document in the form of image. We can also add filters to that image such as black and white and others. In this article we will take a look on How to implement document scanning functionality in Android ? Implementation We will be creating a simple application in which we will be displaying a text ... Read More

Add Custom Right Click Menu to a Webpage

Abhishek
Updated on 08-May-2023 16:42:59

3K+ Views

In today’s time, when you right click on any web page there will be a list of some with some options and functionality pops up. This popup menu is also known as the context menu which is a default popup menu given by browser. The items in the list of this menu varies in different browsers. Some browsers provide more functionality while some provides limited. But here’s a way to add your own custom context menu or the right click menu on your web page with as much as options as you want. But before adding the custom context menu, ... Read More

Define GUI Layout Using XML Files in Android

Vaibhav Ahire
Updated on 08-May-2023 16:42:29

566 Views

Introduction GUI (Graphical User Interface) of any android application lets users interact with the various functionalities of android applications. The GUI is the main part of the application which is visible to the user. GUI of any android applications can be designed in several different ways such as using XML, Dart, Kotlin and many more. In this article we will take a look at How to define a GUI layout of an android application using XMl files. Implementation We will be creating a simple application in which we will be creating a text view for displaying the heading of our ... Read More

Create Custom Shaped Bitmap Marker with Android Maps API

Vaibhav Ahire
Updated on 08-May-2023 16:40:32

920 Views

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. We can get to see different types of markers on each of the application depending on their use case. In this article we will take a look on How to create a custom shaped bitmap marker with android maps API? Implementation We will be creating a simple application in which we will be displaying ... Read More

Change Cursor to Hand on Hover Over List Item Using CSS

Abhishek
Updated on 08-May-2023 16:40:25

277 Views

In general, if we hover or take the cursor over an element in HTML document the cursor by default appears as an arrow or a selector if we hover it over a text. But, we can change the behaviour of the cursor on hover to selected elements to any type of available cursor types using the CSS property. Let us now discuss and understand how you can change the behaviour of the cursor on hover to any particular element using the :hover state and the cursor property of CSS. Cursor Property The cursor property in CSS comes with a lot ... Read More

Retrieve Stored Value from DIV Element Using jQuery

Abhishek
Updated on 08-May-2023 16:38:44

1K+ Views

In some situations, we need to retrieve or get the text value stored inside a particular div element to use some condition, if the text is dynamic or for some other tasks in jQuery. By getting the value stored in the div element, we can perform any task based on the value of the element in jQuery. In jQuery, we can retrieve or get the stored value of a div element using three different methods. The methods are listed below − By using the text() method By using the html() method Let us now understand working of each ... Read More

Reverse Array of DOM Elements Using jQuery

Abhishek
Updated on 08-May-2023 16:36:58

726 Views

The array of DOM elements is an array of same multiple elements or of those elements which contains same class or the selecting attribute. Our task is to reverse an array of DOM elements using jQuery. There will be a lot of ways to reverse an array of DOM elements. But, in this article, we are going to discuss about the two methods to reversing and array of DOM elements. By using a for loop By using the reverse() method Let us now discuss both of these methods in details by practically implementing them with the help of ... Read More

Close Android Application Gracefully

Vaibhav Ahire
Updated on 08-May-2023 16:32:05

1K+ Views

Introduction In many android applications we can see that when the application is being closed an animation is added to it which will close the application by displaying a closing animation to it. This will make the application user interface better. In this article we will take a look on How to close an Android application gracefully ? 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 we will be creating a button which we will be using to ... Read More

Advertisements