यह मॉडर्न वेब गाइडेंस की अर्ली प्रीव्यू है. हम लगातार नया कॉन्टेंट जोड़ रहे हैं. साथ ही, GitHub पर कॉन्टेंट में योगदान देने या सुझाव/राय देने या शिकायत करने का स्वागत करते हैं.

Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

मॉडर्न वेब गाइडेंस के इस्तेमाल के उदाहरण

पब्लिश किया गया: 19 मई, 2026

यह मॉडर्न वेब गाइडेंस में अब उपलब्ध इस्तेमाल के सभी उदाहरणों की जनरेट की गई सूची है.

`accessibility`

`accessible-error-announcement`

प्रोग्राम के हिसाब से सुलभता की स्थितियों (जैसे, aria-invalid) को विज़ुअल :user-invalid स्थिति के साथ सिंक करें. इससे यह पक्का किया जा सकेगा कि स्क्रीन रीडर का इस्तेमाल करने वाले लोगों को गड़बड़ी की जानकारी सिर्फ़ इंटरैक्शन के बाद मिले. इससे उन्हें विज़ुअल अनुभव मिलेगा.

इस्तेमाल की गई सुविधाएँ:

accessibility

accessible-error-announcement

built-in-ai

language-detection

language-model

summarizer

translator

css

highlight-text-ranges

forms

animated-select-picker

autofill-address-form

autofill-highlight-inputs

autofill-payment-form

autofill-sign-in-form

autofill-sign-up-form

brand-consistent-forms

branded-select-styling

custom-select-picker-layouts

form-fields-automatically-fit-contents

required-field-feedback

rich-media-picker

select-menu-interaction

validate-input-after-interaction

passkeys

passkey-authentication

passkey-conditional-create

passkey-management

passkey-reauthentication

passkey-registration

performance

batch-analytics-events

break-up-long-tasks

calculate-total-foreground-time

conditional-async-dependencies

defer-rendering-heavy-content

defer-work-until-scroll-ends

deprioritize-background-fetches

detect-initial-visibility-state

efficient-background-processing

faster-spa-view-transitions

full-session-analytics

identify-heavy-scripts

identify-inp-causes

improve-next-page-load-performance

interactions-in-complex-layouts

optimize-image-priority

optimize-preload-priority

optimize-script-priority

resolution-optimized-pseudo-elements

schedule-tasks-by-priority

sequence-distributed-events

user-experience

adapt-scrollbar-to-contrast-preferences

anchor-positioning-tab-underline

animate-element-entry-exit

animate-to-from-top-layer

animate-to-intrinsic-sizes

apply-webgl-shaders

calculate-event-differentials

calculate-with-intrinsic-sizes

capture-location-agnostic-data

carousel-slide-effects

carousel-snap-highlights

child-state-based-styling

complex-shapes

component-specific-light-dark-theme

consistent-cross-document-transitions

content-based-styling

coordinate-global-events

cross-document-transitions

customize-scrollbar-color-and-thickness

dark-mode

declarative-button-actions

declarative-dialog-popover-control

deliver-optimized-decorative-images

design-token-reactivity

directional-navigation-transitions

dynamic-sibling-animations

dynamic-sibling-styling

`accessibility`

`accessible-error-announcement`

`built-in-ai`

`language-detection`

`language-model`

`summarizer`

`translator`

`css`

`highlight-text-ranges`

`forms`

`animated-select-picker`

`autofill-address-form`

`autofill-highlight-inputs`

`autofill-payment-form`

`autofill-sign-in-form`

`autofill-sign-up-form`

`brand-consistent-forms`

`branded-select-styling`

`custom-select-picker-layouts`

`form-fields-automatically-fit-contents`

`required-field-feedback`

`rich-media-picker`

`select-menu-interaction`

`validate-input-after-interaction`

`passkeys`

`passkey-authentication`

`passkey-conditional-create`

`passkey-management`

`passkey-reauthentication`

`passkey-registration`

`performance`

`batch-analytics-events`

`break-up-long-tasks`

`calculate-total-foreground-time`

`conditional-async-dependencies`

`defer-rendering-heavy-content`

`defer-work-until-scroll-ends`

`deprioritize-background-fetches`

`detect-initial-visibility-state`

`efficient-background-processing`

`faster-spa-view-transitions`

`full-session-analytics`

`identify-heavy-scripts`

`identify-inp-causes`

`improve-next-page-load-performance`

`interactions-in-complex-layouts`

`optimize-image-priority`

`optimize-preload-priority`

`optimize-script-priority`

`resolution-optimized-pseudo-elements`

`schedule-tasks-by-priority`

`sequence-distributed-events`

`user-experience`

`adapt-scrollbar-to-contrast-preferences`

`anchor-positioning-tab-underline`

`animate-element-entry-exit`

`animate-to-from-top-layer`

`animate-to-intrinsic-sizes`

`apply-webgl-shaders`

`calculate-event-differentials`

`calculate-with-intrinsic-sizes`

`capture-location-agnostic-data`

`carousel-slide-effects`

`carousel-snap-highlights`

`child-state-based-styling`

`complex-shapes`

`component-specific-light-dark-theme`

`consistent-cross-document-transitions`

`content-based-styling`

`coordinate-global-events`

`cross-document-transitions`

`customize-scrollbar-color-and-thickness`

`dark-mode`

`declarative-button-actions`

`declarative-dialog-popover-control`

`deliver-optimized-decorative-images`

`design-token-reactivity`

`directional-navigation-transitions`

`dynamic-sibling-animations`

`dynamic-sibling-styling`