Recent blogs

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

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

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

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

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

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

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

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

Learn 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 dark mode using HTML

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

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

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

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

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

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

Learn how to 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 in HTML

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

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

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

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

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

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

Learn how to use the `link` HTML tag to use preloaded fonts 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

Learn how to use the `@font-face` CSS rule to load custom fonts into 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

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

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