Friday, October 14, 2022

HTML Tags, which does not require CSS or JS


(1) The <details> tag is used to create an interactive widget that the user can open and close. By default, the widget is closed. When open, it expands and displays the content within. The <summary> tag is used in conjunction with <details> to specify the details of a visible heading. 

 Here is an example:-

Output

Loram Ipsumis simply dummied

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.








(2) Tag <picture>
The <picture> tag gives you flexibility in specifying image resources. This tag is used in responsive designs. As it allows you to use multiple images of different sizes to nicely fill the browser viewport, so you don’t need to use one image that is scaled up or down based on the viewport width.
The <picture> element contains two tags: one or more <source> tags and one <img> tag.

Here is an example

Output:

Resize the browser window to load different images.

Flowers







(3) Tag <template>
The <template> tag is a container to hold some HTML content hidden from the user. This hidden content can be displayed by Javascript.

Here is an example


The template Element

Click the button below to display the hidden content from the template element.

Monday, October 10, 2022

Resets CSS for all browser default values

 

The CSS code snippet below resets all browser default values and makes your CSS codes work in the same way in all browsers and neutralizes browser incompatibility.

Monday, September 19, 2022

Input type = number, remove the arrow at the end

Input type = number, remove the arrow at the end

Example:

Without class

With class

Online status when working from home !! with Python Script

Run this program and your cursor will move regularly enough to keep your online status when working from home!



//install PIP, you need to type into the terminal

curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py
python get-pip.py

pip --version

// Is used to control the mouse and keyboard.

pip install pyautogui


//Code to move mouse every 2 second of sleep.. moveRel(x,y) -- move by pixel

import pyautogui;

import time;


while True:

    pyautogui.moveRel(0, 10)

    time.sleep(2)

Wednesday, August 31, 2022

Sharepoint Online: Read user profile details.

Read current login user profile details in Sharepoint Online.

Monday, July 11, 2022

Dropdown list with multi-select checkbox

 

JavaScript
CSS Style
HTML