Add See and Do pattern#54

Open

sergeychernyshev wants to merge 19 commits intomainfrom

pattern-see-and-do

Commits on Apr 27, 2026

Add See and Do pattern

sergeychernyshev
and
claude
committed
Move technical implementation details to the end of the article
sergeychernyshev
committed
Drop trailing periods from list items
sergeychernyshev
committed
Redraw thumbnail to follow canonical diagram theme
sergeychernyshev
committed
Embed thumbnail illustration after the Problem section
sergeychernyshev
committed
Move SVG title text to figcaption; description becomes paragraph
sergeychernyshev
committed
Move figcaption below the image
sergeychernyshev
committed
Move page paint timeline to the bottom of the illustration
sergeychernyshev
committed
Use white-with-border boxes; tint long-task blocks with low-opacity red
sergeychernyshev
committed
Color timeline blocks like Chrome DevTools (purple paint, red long tasks)
sergeychernyshev
committed
Increase illustration size by 15% (400 -> 460)
sergeychernyshev
committed
Split timeline into Paint and JS rows with visible/interactive markers
sergeychernyshev
committed
Clarify JS-blocking label to 'JS is late/blocking'
sergeychernyshev
committed
Replace extra paint blocks with single paint preceded by green CSS box
sergeychernyshev
committed
Polish See and Do illustration: native button styling, vertical centering, full-width timeline
sergeychernyshev
committed
Equalize top/bottom padding inside timeline box
sergeychernyshev
committed
Shift top half left by 15px to balance margins with timeline box
sergeychernyshev
committed
Add authors and creation date to See and Do

sergeychernyshev
and
claude
committed
Mark See and Do as AI-assisted

sergeychernyshev
and
claude
committed