UX

D

PHP Intermediate

Dark Mode End to End: OS Preference, Toggle, and No Flash of White

Respect the system setting, let users override it, remember the choice, and never flash the wrong theme on load - the complete wiring across CSS, JS and PHP.

Jun 6, 2026 3 min 220 Read →

4

PHP Intermediate

400-Byte Image Previews: Blur-Up Placeholders with PHP GD

The gray-box loading experience becomes a soft preview of the real image - generated at upload with GD, inlined as a data URI, crossfaded away on load.

May 30, 2026 3 min 167 Read →

I

PHP Intermediate

Instant Search Done Right: Debounce, Abort, Escape, Limit

Search-as-you-type touches four failure modes at once - request spam, stale responses, LIKE wildcards and unbounded scans. The complete pattern, both sides of the wire.

May 26, 2026 3 min 417 Read →

F

CSS Beginner

field-sizing: content - Auto-Growing Textareas With Zero JavaScript

Every chat box and comment field ships JS that measures scrollHeight to grow the textarea. One CSS property now does it natively - with a progressive-enhancement story for the rest.

Dec 8, 2025 2 min 970 Read →

L

CSS Intermediate

light-dark(): Two-Mode Colors in One Declaration

Half your dark-mode CSS is pairs of rules flipping the same property. light-dark() collapses each pair into one line - and color-scheme unlocks free dark UI from the browser itself.

Nov 29, 2025 2 min 1,207 Read →

P

CSS Beginner

Print Styles in 2026: Yes, People Still Print Your Invoices

Order confirmations, tickets, recipes, documentation - they get printed and PDF-saved daily. Twenty lines of @media print separates professional from embarrassing.

Nov 23, 2025 2 min 1,481 Read →

F

CSS Intermediate

Floating Labels with :placeholder-shown (No JavaScript, No Wrappers)

The material-style label that sits in the field and floats up when you type is a pure CSS pattern - one pseudo-class, one sibling selector, one transition.

Oct 21, 2025 2 min 389 Read →

O

CSS Beginner

overscroll-behavior: Stop the Page Scrolling Behind Your Modal

Scroll to the bottom of a dropdown or chat panel and the page behind starts moving - scroll chaining. One property contains it, no JavaScript scroll-locking required.

Oct 17, 2025 2 min 408 Read →

S

CSS Beginner

scrollbar-gutter: The Layout Shift You Blamed on Everything Else

Content jumps sideways when navigating between short and long pages because the scrollbar appears and steals width. One property reserves the space permanently.

Oct 13, 2025 2 min 1,469 Read →

M

CSS Intermediate

mask-image: Fade Out Edges Without Baking Gradients into Assets

The soft fade at the bottom of a collapsed article, scroll hints on overflowing tabs, icon recoloring from a single SVG - all one property that composites with gradients.

Oct 5, 2025 2 min 615 Read →

M

CSS Intermediate

margin-inline and Friends: CSS That Survives Translation

margin-left breaks the moment your site meets Arabic or Hebrew. Logical properties describe direction-relative intent - and they are more ergonomic even if you never localize.

Aug 26, 2025 2 min 759 Read →

V

JavaScript Advanced

View Transitions: The Crossfade Between States Is Now One Call

document.startViewTransition snapshots your page, lets you mutate the DOM, and animates between the two states - list reorders and theme switches suddenly look expensive.

Jul 4, 2025 2 min 1,948 Read →