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 Tanmay Chandhok
20 articles
CSS Viewer Chrome extension which is made for developers
CSS viewer extension is a chrome extension which acts as a property viewer and was made by Nicolas Huon. The user has to click on the toolbar icon and then he can hover his cursor on any element to view the element’s properties. The CSS viewer extension requires the permission to access the user’s history as well as the website data in order to inspect the properties on the page. In this article we are going to have a look at, what is CSS viewer extension and how we use it? What is CSS viewer Chrome extension for web developers ...
Read MoreWhat is contextual selector in CSS?
Contextual selectors allow the developer to select different types of styles for different parts of the document. In CSS, the developer can either specify styles directly or by making certain classes. The contextual selector will only apply the style to the elements which are specified. A parent-child relationship between elements in the document can be known as context. The contextual selectors will have 2 or more than 2 selectors which are separated. In this article, we are going to have a look at what is a contextual selector in CSS and how can we use it. What is contextual selector ...
Read MoreWhat are the classes of breadcrumb in Materialize CSS?
Materialize is a CSS framework which is used for designing as it uses the classic principles and combine them with innovation and technology. The creator of materialize is google as they developed a design system which can allow a unified user experience to every user in every type of product, regardless of the platform that the user is using. Breadcrumbs is a component which is built in materialize CSS and is mostly used when there are lots of layers so as to display the current location of the user working on it whether on the website or the web app. ...
Read MoreHow to create sliding text reveal animation using HTML and CSS?
You might have seen sliding text reveal animation at different websites like personal portfolio websites and even different video content which gives a different experience to the user as well as the text feels more lively. The sliding text animation can be easily made using HTML and CSS which will catch the attention of the user that visits our website for the website. In this article we are going to have a look at how can we create our sliding text reveal animation using only HTML and CSS How to create the sliding animation? Let's talk about that the approach ...
Read MoreA text- portrait using CSS?
Styling a website is the most integral part of creating a website, as it serves as a hook-point for the user, who is visiting your website for the first time. We can create many types of designs and interactive experiences using CSS. A text portrait can be created used illustrator or Photoshop to make the design attractive. In this article we are going to have a look at how can we generate and create a text portrait using CSS and some JavaScript function so as to achieve our text portrait. Creating the text portrait A text portrait is an image ...
Read MoreHow to style every element that have adjacent item right before it?
Selectors are an important part of the CSS styling as all the properties which are applied to the elements are done using the selectors> it is also possible to select the elements on the basis of their relationship with some other element like a element which has a preceding element or any other element in the series. There are sibling combinator, child combinator and adjacent sibling combinator. In this article we are going to have a look at how can we style the element that have an adjacent item right before it Styling elements with adjacent items The elements which ...
Read MoreHow to scroll to a particular element or skip the content in CSS?
When visiting certain websites, the user may feel the need to skip the content which is irrelevant and jump right to the content in which the user is interested in and there are many ways to do so in CSS. The user may want to click on a button or maybe link to take them to an element which is present on the same page. The user might be able to want to scroll to a particular element or be able to skip the content. In this article we are going to have a look at how can we scroll ...
Read MoreMaking a Div vertically scrollable using CSS
There is a possibility that the content that we are going to use in our website may be huge and may take a lot of space which means that the other elements of the website might get displaced which can hamper the responsiveness of the website. To avoid such incidence, the user needs to be given scrollable content so that if the user is interested he or she might scroll down to read the whole content. In this article, we are going to have a look at how we can make a div vertically scrollable and what is the property ...
Read MoreIs it possible to prevent the users from taking screenshot of webpage?
While browsing through the internet a user might find the need to capture something in order to present or to show to someone, but sometimes there might be sensitive information on a webpage which the developer might not want the user to screenshot it. The user can press the function key along with windows key and space bar to take a screen shot. In MacOS we would have to use the command and shift and 3 for taking a screenshot. In this article, we are going to have a look at how can we prevent the user from taking a ...
Read MoreHow to place image or video inside silhouette?
You might have come across websites in which you might have seen an image or a video being played in a silhouette. A silhouette can be an image, an object, person or an animal which is represented in black color and it makes the outline of the subject. We can insert any image or video in the silhouette so the video or the image is going to be shown in the color of the silhouette In this article, we are going to have a look at how we can place an image or a video in silhouette. How to place ...
Read More