Tarun Singh has Published 104 Articles

How to translate an image or icon by hovering over it?

Tarun Singh

Tarun Singh

Updated on 04-May-2023 16:00:30

2K+ Views

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 ... Read More

How to transform child elements preserve the 3D transformations?

Tarun Singh

Tarun Singh

Updated on 04-May-2023 15:53:27

277 Views

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 ... Read More

How to test CSS property of an element using Protractor?

Tarun Singh

Tarun Singh

Updated on 04-May-2023 08:34:09

329 Views

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 ... Read More

How to submit a form on Enter button using jQuery?

Tarun Singh

Tarun Singh

Updated on 04-May-2023 08:29:35

5K+ Views

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. ... Read More

How to style scrollbar thumb for the webkit browsers and what are components of scrollbar?

Tarun Singh

Tarun Singh

Updated on 03-May-2023 18:02:22

820 Views

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 ... Read More

How to style icon color, size, and shadow by using CSS

Tarun Singh

Tarun Singh

Updated on 03-May-2023 17:54:10

3K+ Views

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 ... Read More

How to split a column of list in different rows using Bootstrap?

Tarun Singh

Tarun Singh

Updated on 02-May-2023 14:25:29

2K+ Views

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 ... Read More

How to specify that an input element should be disabled?

Tarun Singh

Tarun Singh

Updated on 02-May-2023 14:23:54

5K+ Views

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 ... Read More

How to Specify Divider Gap in Square Grid using Bootstrap?

Tarun Singh

Tarun Singh

Updated on 02-May-2023 14:21:52

340 Views

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 ... Read More

How to secure cascading style sheets?

Tarun Singh

Tarun Singh

Updated on 02-May-2023 14:16:28

733 Views

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 ... Read More

Advertisements