Frontend

Check that the sizes attribute matches the CSS layout across breakpoints

Use relative units like rem and percent so layouts scale with user settings

Serve sharp images on high DPI retina screens without oversized downloads

Make search inputs accessible with labels, roles and clear result announcements

Give every select element an accessible name that screen readers announce

Replace div-based fake lists with real list elements for better semantics

Avoid instructions that rely only on shape, color or sound to convey meaning

Add a service worker for offline support and faster repeat visits

Warn before session timeouts and restore state after login without losing work

Add a Skip to Content link that keyboard users can reach first

Include skip navigation links so keyboard users can jump past repeated menus

Keep CSS selector specificity low and flat so styles stay easy to override

Add srcset candidates so browsers pick the image size that fits the screen

Stream server rendered HTML in chunks instead of buffering the whole page

Use CSS subgrid so nested card content lines up across sibling cards

Use tabindex only where needed so focus order stays natural

Give each table a unique accessible name so screen readers tell them apart

Define header cells in data tables so screen readers announce each value

Make tab widgets keyboard navigable with proper tab, tabpanel and arrow keys

Link table cells to their header IDs for complex tables with headers attributes

Leave room for longer translations so fixed sizes do not clip text

Avoid images of text that screen readers and resizing cannot handle

Keep layouts intact when users resize text up to 200 percent

Make sure each table header actually associates with the data cells beneath it

Move UI text into translation files so the app is ready for new locales

Avoid implicit type coercion in JavaScript comparisons and conditions

Make sure every ID on a page is unique so anchors and labels resolve

Add captions to videos so deaf and hard of hearing viewers can follow

Add .vtt caption tracks to video elements and check embed caption settings

Set a poster image on video elements so pages look ready before playback

Add view transitions for smooth page and shared element animations

Set a responsive viewport meta tag so mobile pages scale correctly

Remove viewport settings that block pinch zoom on mobile devices

Validate HTML against W3C standards to catch markup errors early

Link a web app manifest so the site can be installed like a native app

Use the Web Storage API safely with quota limits and error handling

Support content reflow at 400 percent zoom so pages stay readable

Apply Disney's 12 animation principles with Framer Motion in React

Apply Disney's 12 animation principles with Lottie exports from After Effects

Animate Three.js objects with keyframes, skeletal rigs and morph targets

Set up Three.js scenes, cameras, renderers and object hierarchies

Build Three.js geometry, custom meshes and instanced rendering

Add Three.js raycasting, camera controls and click selection

Configure Three.js lights, shadows and environment lighting

Load GLTF models, textures and HDR environments in Three.js

Style Three.js meshes with PBR, shader and custom materials

Add Three.js bloom, depth of field and color grading effects

Write Three.js GLSL shaders with uniforms and custom vertex effects

Set up Three.js textures, UV mapping, cubemaps and environment maps