thedaviddias/Front-End-Checklist - الصفحة ١٠

translation-strings

Use when reviewing a codebase for internationalisation readiness, setting up an i18n library, or preparing strings for a new locale.

لغة النص الأصلي: الإنجليزية

trust-signals

Use when applies especially to e-commerce checkouts, contact/lead forms, pricing pages, and YMYL (Your Money or Your Life) content. Use when auditing E-E-A-T or conversion optimization.

لغة النص الأصلي: الإنجليزية

ttfb

Use when auditing slow first responses on SSR pages, APIs, or cacheable HTML. Distinguish origin compute time from network latency and CDN cache misses before proposing a fix.

لغة النص الأصلي: الإنجليزية

twitter-cards

Use when applies to any page intended to be shared on X (Twitter). Use when auditing social sharing previews or adding social meta tags to a new site.

لغة النص الأصلي: الإنجليزية

type-coercion

Use when reviewing scripts, client components, bundles, or runtime behavior related to Avoid implicit type coercion. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.

لغة النص الأصلي: الإنجليزية

type-only-imports

Use when auditing import statements in TypeScript files, setting up a new TypeScript project, or investigating unexpected bundle inclusions from type-only dependencies.

لغة النص الأصلي: الإنجليزية

typescript-strict-mode

Use when setting up a new TypeScript project, auditing an existing tsconfig.json, or reviewing code where null-reference errors or implicit any types are present.

لغة النص الأصلي: الإنجليزية

unique-id

Use when reviewing templates, rendered HTML, or shared components related to Ensure all IDs are unique. Validate the final browser-facing markup, not just the source framework abstraction.

لغة النص الأصلي: الإنجليزية

unit-tests

Use when reviewing CI coverage, automated checks, or test strategy related to Write unit tests. Focus on whether the rule is continuously verified, not just documented.

لغة النص الأصلي: الإنجليزية

unused-css

Use when reviewing stylesheets, component styles, and responsive behavior related to Remove unused CSS rules. Check the rendered layout across breakpoints and interaction states before proposing a fix.

لغة النص الأصلي: الإنجليزية

video-accessibility

Use when reviewing templates, rendered HTML, or shared components related to Make videos accessible with captions. Validate the final browser-facing markup, not just the source framework abstraction.

لغة النص الأصلي: الإنجليزية

video

Use when applies to any page embedding or hosting video content (YouTube, Vimeo, self-hosted). Use when adding video content to a site or auditing structured data coverage.

لغة النص الأصلي: الإنجليزية

video-thumbnail

Use when applies to all `<video>` elements in HTML. The `poster` attribute specifies the URL of an image to show as a placeholder before the video is loaded or played. This is distinct from captions or audio descriptions, which are accessibility requirements.…

لغة النص الأصلي: الإنجليزية

view-transitions

Use when adding page transition animations, image expand/contract effects, shared-element transitions, or improving navigation UX in a single-page or multi-page application.

لغة النص الأصلي: الإنجليزية

viewport

Use when reviewing templates, rendered HTML, or shared components related to Set the responsive viewport meta tag. Validate the final browser-facing markup, not just the source framework abstraction.

لغة النص الأصلي: الإنجليزية

viewport-zoom

Use when applies to any `<meta name='viewport'>` element in HTML documents. Check the `content` attribute for `user-scalable=no`, `user-scalable=0`, `maximum-scale=1`, or `maximum-scale` values less than 2. This is a common mistake in mobile-first templates…

لغة النص الأصلي: الإنجليزية

visual-regression

Use when reviewing CI coverage, automated checks, or test strategy related to Use visual regression testing. Focus on whether the rule is continuously verified, not just documented.

لغة النص الأصلي: الإنجليزية

w3c-compliant

Use when reviewing templates, rendered HTML, or shared components related to Validate HTML against W3C standards. Validate the final browser-facing markup, not just the source framework abstraction.

لغة النص الأصلي: الإنجليزية

weak-internal-links

Use when applies to any site with more than 20 pages. Use when auditing site architecture, investigating why certain pages underperform in search, or after a site migration.

لغة النص الأصلي: الإنجليزية

web-app-manifest

Use when reviewing templates, rendered HTML, or shared components related to Link a Web App Manifest for installability. Validate the final browser-facing markup, not just the source framework abstraction.

لغة النص الأصلي: الإنجليزية

web-storage

Use when reviewing scripts, client components, bundles, or runtime behavior related to Use Web Storage API safely. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.

لغة النص الأصلي: الإنجليزية

webfont-format

Use when reviewing stylesheets, component styles, and responsive behavior related to Optimize web font formats. Check the rendered layout across breakpoints and interaction states before proposing a fix.

لغة النص الأصلي: الإنجليزية

webp-format

Use when reviewing image assets, markup, and CDN or build transforms related to Use WebP format with fallbacks. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.

لغة النص الأصلي: الإنجليزية

webpagetest

Use when reviewing templates, rendered HTML, or shared components related to Analyze performance with WebPageTest. Validate the final browser-facing markup, not just the source framework abstraction.

لغة النص الأصلي: الإنجليزية

website-search

Use when applies to sites with internal site search functionality. Use when optimizing branded search result appearance or adding structured data for the first time.

لغة النص الأصلي: الإنجليزية

word-count

Use when applies to key landing pages, blog posts, product pages, and any page targeting competitive queries. Use when diagnosing poor rankings or after a Google Helpful Content update.

لغة النص الأصلي: الإنجليزية

x-content-type

Use when auditing HTTP response headers on any web server or CDN for security hardening.

لغة النص الأصلي: الإنجليزية

x-frame-options

Use when reviewing HTTP response headers for clickjacking protection on any web application with authenticated user actions.

لغة النص الأصلي: الإنجليزية

ymyl-detection

Use when applies to any site in health, medicine, finance, law, safety, news, or similar fields. Use when auditing content quality for sites in YMYL categories or investigating why high-quality-seeming content underperforms.

لغة النص الأصلي: الإنجليزية

zoom-reflow

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Support content reflow at 400% zoom. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where…

لغة النص الأصلي: الإنجليزية