Getters and setters are special functions used to get and set the values of an object’s properties. They allow you to control how properties are accessed and modified — providing encapsulation, validation, and computed properties. A Quick Look at the Examples a. Getters and Setters Introduction Getters and setters are special functions used to get…
These two advanced media features let you adapt styles based on the color capabilities of the display — from the range of colors it can reproduce to the size of its color lookup table. Overview of Features Feature Description Values color-gamut Approximate color gamut of the display srgb, p3, rec2020 color-index Number of entries in…
Class inheritance allows you to create a new class that inherits properties and methods from an existing class. The new class (subclass/child) can reuse, extend, or override the behavior of the parent class (superclass/base). A Quick Look at the Example a. What is Class Inheritance? Inheritance is a mechanism where one class (the subclass or…
These two media features let you adapt styles based on how the app is displayed and the visual capabilities of the screen — from standalone PWA mode to HDR displays. Overview of Features Feature Description Values display-mode How the document is displayed browser, standalone, minimal-ui, fullscreen, picture-in-picture dynamic-range Brightness, contrast, and color depth standard, high…
Method overriding is when a subclass provides its own implementation of a method that already exists in its parent class. The subclass’s method “takes over” — when called on an instance of the subclass, the new method runs instead of the parent’s. A Quick Look at the Example a. What is Method Overriding? Method overriding…
These two media features let you adapt styles for accessibility (high-contrast mode) and legacy devices (grid-based screens). Overview of Features Feature Description Values forced-colors Detects forced colors mode (e.g., Windows High Contrast) none, active grid Detects if the device uses a grid-based screen 0, 1 1. forced-colors The forced-colors media feature detects when the user…
Polymorphism means “many forms” — it’s the ability of different classes to respond to the same method call in their own way. It’s one of the four pillars of object-oriented programming (along with encapsulation, inheritance, and abstraction). A Quick Look at the Example Key idea: animal.speak() looks identical for every animal, but produces a different…
These two media features are the cornerstones of responsive design. They let you apply styles based on the viewport’s dimensions, enabling layouts that adapt to any screen size. Overview of Features Feature Description Values height Viewport height Exact, min-height, max-height width Viewport width Exact, min-width, max-width 1. height The height media feature applies styles based…
The Iterator interface defines a standard way to access elements of a collection one at a time. It’s the mechanism that powers for…of loops, spread syntax, and destructuring in JavaScript. A Quick Look at the Example Key idea: An iterator is an object with a next() method that returns { value, done } on each…
These two media features help you create input-aware and accessibility-friendly interfaces — one detects hover capability, the other detects inverted color schemes. Overview of Features Feature Description Values hover Detects if the primary pointing device can hover none, hover inverted-colors Detects if the system uses inverted colors none, inverted 1. hover The hover media feature…
We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.
