Hi, I'm Melvin George. I help the world by building quality software.

         

Recent blogs

How to activate or focus an input HTML element when clicking on its label or name using HTML?

Learn how to activate or focus an input HTML element when clicking on its label or name using HTML

Read
HTML5
How to add or change the outline color of the HTML elements when focused using the tab key in CSS?

Learn how to use the `:focus-visible` pseudo-class to add or change the outline color of the HTML elements when focused using the tab key in CSS

How to change the color or the accent color of the radio input HTML element on a webpage using CSS?

Learn how to use the `accent-color` CSS property to change the color or the accent color of the radio input HTML element on a webpage using CSS

How to change the color or the accent color of the checkbox input HTML element on a webpage using CSS?

Learn how to use the `accent-color` CSS property to change the color or the accent color of the checkbox input HTML element on a webpage using CSS

How to change the color or the accent color of the interactive HTML elements on a webpage using CSS?

Learn how to use the `accent-color` CSS property to change the color or the accent color of the interactive HTML elements on a webpage using CSS

How to automatically change the HTML elements color palette to dark or light mode color palette when the user's system theme mode is changed?

Learn how to automatically change the HTML elements color palette to dark or light mode color palette when the user's system theme mode is changed

Read
HTML5
How to change or swap an image to a light-themed image when the user's system theme is changed to light mode using HTML?

Learn how to change or swap an image to a light-themed image when the user's system theme is changed to light mode using HTML

Read
HTML5
How to change or swap an image to a dark-themed image when the user's system theme is changed to dark mode using HTML?

Learn how to change or swap an image to a dark-themed image when the user's system theme is changed to dark mode using HTML

Read
HTML5
How to change the theme color of the website when the user's system theme is changed to light mode using HTML?

Learn how to change the theme color of the website when the user's system theme is changed to light mode using HTML

Read
HTML5
How to change the theme color of the website when the user's system theme is changed to dark mode using HTML?

Learn how to change the theme color of the website when the user's system theme is changed to dark mode using HTML

Read
HTML5
How to automatically apply light mode CSS styles to the website when the user's system theme is changed to light mode?

Learn how to use the `@media` CSS rule to automatically apply light mode CSS styles to the website when the user's system theme is changed to light mode

How to automatically apply dark mode CSS styles to the website when the user's system theme is changed to dark mode?

Learn how to use the `@media` CSS rule to automatically apply dark mode CSS styles to the website when the user's system theme is changed to the dark mode

How to change the color of the browser tab according to the website theme color using the manifest.json file?

Learn how to change the color of the browser tab according to the website theme color using the manifest.json file

Read
Resource
How to change the color of the browser tab according to the website theme color using HTML?

Learn how to use the `meta` HTML tag to change the color of the browser tab according to the website theme color using HTML

Read
HTML5
How to set an accessible name to an interactive HTML element?

Learn how to use the `aria-label` attribute to set an accessible name to an interactive HTML element

Read
HTML5
How to hide an HTML element from assistive technologies like screen readers?

Learn how to use the `aria-hidden` attribute to hide an HTML element from assistive technologies like screen readers

Read
HTML5
How load an SVG file from a remote url as a background image in CSS?

Learn how to load an SVG file from a remote url as a background image in CSS

How to load an SVG file from a remote url in HTML?

Learn how to load an SVG file from a remote url in HTML

Read
HTML5
How to load different image formats according to browser support using HTML?

Learn how to use the `picture` HTML tag to load different image formats according to browser support

Read
HTML5
What is the proper way to load an image that doesn't have alternate text?

Learn how to use the `background-image` CSS property to load an image that doesn't have alternate text

How to load images of different sizes on different screen widths using HTML?

Learn how to use the `srcset` attribute to load images of different sizes on different screen widths using HTML

Read
HTML5
How to parallelly process or decode the image to improve webpage performance?

Learn how to use the `decoding` attribute to parallelly process or decode the image to improve webpage performance

Read
HTML5
How to fetch an image on priority using HTML?

Learn how to use the `link` tag to fetch an image on priority using HTML

Read
HTML5
How to set the aspect ratio for images using CSS?

Learn how to use the `aspect-ratio` CSS property to set the aspect ratio for images using CSS

How to use preloaded fonts in HTML?

Learn how to use the `link` HTML tag to use preloaded fonts in HTML

Read
HTML5
How to load a font from a url as soon as possible or preload a font in HTML?

Learn how to use the `link` HTML tag to load a font from a url as soon as possible or preload a font in HTML

Read
HTML5
How to load custom fonts into a webpage using CSS?

Learn how to use the `@font-face` CSS rule to load custom fonts into a webpage using CSS

How to limit the number of characters on a single line in a webpage using CSS?

Learn how to use the `max-inline-size` CSS property to limit the number of characters on a single line in a webpage using CSS

How to make font size grow according to the size of the screen using CSS?

Learn how to use the `clamp()` css function to make font size grow according to the size of the screen using CSS

How to make HTML elements in horizontal order that is responsive to the screens using CSS?

Learn how to use flexbox to make HTML elements in horizontal order that is responsive to the screens using CSS

Read more articles →