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 Tarun Singh
Page 8 of 9
How to translate an image or icon by hovering over it?
In web development, interactivity is key to providing a memorable user experience. One common technique used to add interactivity is hovering over images or icons to reveal more information or change the appearance. Translating an image or icon by hovering over it is a great way to add some movement and interest to your website. In this article, we will learn how to translate an image or icon on hover. To perform this task, we will learn different approaches using only HTML and CSS. Different Methods to Translate an Image or Icon on Hover Method 1: CSS Transitions The first ...
Read MoreHow to transform child elements preserve the 3D transformations?
Being a web developer, it's important to have a solid understanding of 3D transformations and how to apply them to child elements. Transforming child elements can be a bit tricky, as we'll need to make sure that the transformations of the parent element are preserved. CSS 3D transforms create depth and visually interesting elements on the web page using perspective. In this article, we will learn how to transform child elements and preserve 3D transformations. We will learn different methods to transform the child elements in HTML. Different Methods to Transform Child Elements Preserve the 3D Transformations To transform the ...
Read MoreHow to test CSS property of an element using Protractor?
Testing CSS properties is crucial in ensuring the quality of a web application. CSS properties determine how elements are displayed on a webpage, such as font size, color, and layout. Testing CSS properties can help detect bugs and ensure that the application looks and functions as intended. A tool known as a protractor provides developers with different methods to test CSS properties. Protractor is a popular end-to-end testing framework that uses WebDriver to automate interactions between a web application and a browser. It is widely used to test Angular applications, but can also be used to test other web applications. ...
Read MoreHow to submit a form on Enter button using jQuery?
jQuery- a very popular JavaScript library that simplifies the process of HTML document manipulation, event handling, and animation. It consists of a set of functions that are used to traverse, manipulate, and modify HTML elements on the page. It is also cross-browser compatible and works seamlessly with most modern browsers. We always used forms on our websites whether in the form of the login page, contact us section, etc. There we always have to submit the form by clicking the button but how it can be possible to submit a form using the Enter key? Submitting a form is a ...
Read MoreHow to style scrollbar thumb for the webkit browsers and what are components of scrollbar?
Scrollbars are an essential part of web browsing, allowing users to navigate through long pages of content. Webkit-based browsers such as Safari and Google Chrome offer several ways to style scrollbar thumbs, which are the draggable handles that move up and down the scrollbar track. Scroll bars are an essential feature for any window that displays content extending beyond its borders. The inclusion of a scroll bar provides users with a means of navigating through the content of the client area. A scroll bar's orientation is responsible for determining the direction in which scrolling occurs when the user interacts with ...
Read MoreHow to style icon color, size, and shadow by using CSS
Icons are an essential part of any website or application, as they give us a quick and easy way for users to understand and interact with the content. However, using default icons can make a website look generic and unappealing. Using CSS, we can style icon color, size, and shadow to create a unique and visually appealing user experience. In this article, we will learn how to style icon color, size, and shadow using CSS. We will learn the different methods to style the icons in CSS. Different Methods to Style Icons in CSS Method 1: Using Font Awesome Icons ...
Read MoreHow to split a column of list in different rows using Bootstrap?
Bootstrap is a widely used front-end framework for building responsive and mobile-friendly web pages. It was initially created by Twitter and is now maintained by the Bootstrap team, which is an open-source community of developers. One of the primary benefits of Bootstrap is that it allows developers to create responsive designs that work seamlessly across different screen sizes and devices. This means that websites and applications built with Bootstrap can adapt to various devices, such as smartphones, tablets, and desktops, providing users with a consistent and engaging user experience. In this article, we’ll see how to split a column ...
Read MoreHow to specify that an input element should be disabled?
When using Forms on a webpage sometimes requires us to disable any input field. Like, to prevent the users from not allowing using some input fields until they have completed the previous steps in the form. The same can also be used for preventing users from submitting invalid data or fake data by disabling a form field until all required fields have been filled out. To solve the above problem, we have different methods that can be used to disable an input element in HTML, like using the "disabled" attribute, JavaScript, and CSS. In this article, we will see how ...
Read MoreHow to Specify Divider Gap in Square Grid using Bootstrap?
Bootstrap is a CSS framework that is used widely used among developers to design the websites because it offers a variety of pre-built components that speed up the development time. Bootstrap has multiple features for the developers that can be used, Grid system is one such, that allows the developers to create responsive layouts quickly and easily. Grid layout is very commonly used while building any web application to organize the content into different columns and rows. The grid system in Bootstrap is designed to be more flexible and customizable so that the developers can create layouts that are ...
Read MoreHow to secure cascading style sheets?
Web development in this modern era heavily relies on Cascading Style Sheets (CSS), which play a crucial role in the visual appearance or designing of the UI and layout of web pages. The CSS enables website designers to create responsive and captivating websites that are easy on the eyes, regardless of the device used to access them. Nonetheless, CSS, like any other technology, has vulnerabilities, making it susceptible to security threats. However, with the rise of cyber threats and security breaches, securing CSS has become a significant concern for web developers. The attackers can exploit vulnerabilities in CSS code to ...
Read More