Gallery
language
subjects
A snippet is somebody’s working HTML, CSS, JavaScript or PHP, saved with a name and a note. Runnable ones offer a preview in a frame that cannot reach this site.
PHP
Celsius to Fahrenheit
No run button
Stored, listed, copyable, and deliberately unrunnable here. There is no server-side runner in this lab, so a PHP snippet is a thing you read and take away, not a thing you preview.
JavaScript
Debounce a callback
The helper that stops a search field firing on every keystroke. It logs on each call and again when the typing settles, so the difference between the two is visible in the console pane.
CSS
Soft shadow, one radius
The two properties that carry the soft UI look: one radius scale and a shadow tinted towards the background rather than towards black. Paste it into the CSS pane above the HTML example.
HTML
Card anatomy
A title, a line of body copy and a footer, the shape most interface cards reduce to. Preview it on its own and it is unstyled, which is the point: this is the markup half of a trio.