博客

来自团队的产品动态、使用指南与工程笔记。

A practical explanation of iframe sandboxing, opaque origins, srcdoc, and the boundaries a code playground must enforce.

Turn an interface idea into a focused single-file prototype that another person can open, test, and review.

Test a small frontend demo across widths without confusing viewport checks with complete device testing.

A threat-model-driven guide to accepting HTML without turning a creative tool into a phishing or malware surface.

Organize HTML, CSS, state, and behavior so a one-file demo stays readable enough to review and reuse.

Reduce a layout bug to the smallest faithful HTML and CSS case without deleting the condition that causes it.

Add semantics, focus behavior, names, and state announcements before sharing an interactive prototype.

Use viewBox, meaningful text alternatives, CSS variables, and restrained animation in standalone SVG examples.

Choose the right diagram type, control label density, and design a Mermaid example that survives review and change.

Structure a Markdown example so its rendered output, code blocks, links, and claims can be evaluated safely.

Measure the preview itself, remove accidental cost, and distinguish prototype shortcuts from performance conclusions.

A final editorial, security, accessibility, and privacy checklist for public frontend examples.