Use the HTML output element for totals, slider values, estimates, and other results produced by form controls.

Add native suggestions to an HTML input with datalist while still allowing values outside the provided list.

Give browsers useful autocomplete tokens for identity, contact, address, password, and one-time-code fields.

Use the HTML search element to identify search and filtering controls without changing how the form submits or looks.

Add modern CSS with @supports feature queries when unsupported browsers need a genuinely different layout or behaviour.

Use :user-invalid and :user-valid to style native HTML validation states without marking untouched fields as errors.

Use the View Transition API for same-page state changes and progressive cross-document animation on a normal multi-page site.

Style scrollbar width and colours with standard CSS, while keeping the control visible, usable, and familiar.

Choose between CSS clip-path and mask by deciding whether the element needs a hard boundary or levels of transparency.

Use CSS masks for image fades, scroll hints, cutouts, and recolourable icons without changing the source asset.

Use the CSS shape() function for scalable clipping paths with lines and curves, while keeping a simple fallback.

Write useful image alt text by deciding what an image contributes, including when the right alt value is empty.

Build simple accordions and disclosure sections with the native HTML details and summary elements.

Link CSS animations to scrolling for progress bars and reveal effects without maintaining scroll event listeners.

A simple guide to modern CSS color tools including oklch(), color-mix(), relative colors, and light-dark().

Modern HTML forms already include useful validation, autocomplete, input types, mobile keyboard hints, and other features that often remove the need for JavaScript.

A simple guide to the native HTML dialog element, including modal windows, backdrops, forms, and practical examples.

Every ad on the internet, replaced with fine art from public museum and NASA collections. - vuciv/artblock

Google Chrome is downloading a 4 GB Gemini Nano model onto users' machines without consent, with no opt-in, no opt-out short of enterprise tooling, and an automatic re-download every time the user…

A platform-agnostic, full specification of the technical features a good website should have. Built in the open under an MIT licence.

Check your camera's shutter count for free. Upload a photo from your Nikon, Canon, Sony, Fujifilm, Pentax, or Ricoh camera. See actuations, wear status, and capture date — processed entirely in your b...

Drop any JPEG or RAW file from your camera and instantly see the shutter actuation count, wear status vs. manufacturer-rated life, and full EXIF metadata — focal length, lens, ISO, aperture, and more....

Check your camera's shutter count for free. Upload a photo from your Nikon, Canon, Sony, Fujifilm, Pentax, or Ricoh camera. See actuations, wear status, and capture date — processed entirely in your b...

Open source free software. A vector graphics creativity suite with a clean, intuitive interface. Opens instantly (no signup) and runs locally in a browser. Exports SVG, PNG, JPG.

Push notifications for yourself. iOS and macOS.

DOOM rendered entirely in CSS. Every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.

A showcase of website design inspiration from around the world

Create clean image borders with live preview, platform presets, background modes, image outline controls, and batch export.

MacBook darbojas lēni? Uzzini, kā sakārtot sistēmu, atbrīvot resursus un padarīt savu Mac ātrāku tikai dažu minūšu laikā.

MacBook darbojas lēni? Uzzini, kā sakārtot sistēmu, atbrīvot resursus un padarīt savu Mac ātrāku tikai dažu minūšu laikā.