Blog
Product updates, guides, and engineering notes from the team.
How a Sandboxed HTML Preview Protects the Host Page
A practical explanation of iframe sandboxing, opaque origins, srcdoc, and the boundaries a code playground must enforce.
Build a Shareable HTML Prototype Without a Build Step
Turn an interface idea into a focused single-file prototype that another person can open, test, and review.
A Responsive Preview Checklist for Frontend Demos
Test a small frontend demo across widths without confusing viewport checks with complete device testing.
Rendering User HTML Safely: Threats, Boundaries, and Moderation
A threat-model-driven guide to accepting HTML without turning a creative tool into a phishing or malware surface.
How to Structure a Maintainable Single-File Frontend Demo
Organize HTML, CSS, state, and behavior so a one-file demo stays readable enough to review and reuse.
Debug CSS Faster With a Minimal Reproduction
Reduce a layout bug to the smallest faithful HTML and CSS case without deleting the condition that causes it.
Make an Interactive Frontend Demo Keyboard and Screen-Reader Friendly
Add semantics, focus behavior, names, and state announcements before sharing an interactive prototype.
Create a Shareable SVG Demo That Scales and Stays Accessible
Use viewBox, meaningful text alternatives, CSS variables, and restrained animation in standalone SVG examples.
Write Mermaid Diagrams That Explain a System Instead of Decorating It
Choose the right diagram type, control label density, and design a Mermaid example that survives review and change.
Turn Markdown Into a Reviewable Technical Demo
Structure a Markdown example so its rendered output, code blocks, links, and claims can be evaluated safely.
Keep a Frontend Demo Fast Enough to Review
Measure the preview itself, remove accidental cost, and distinguish prototype shortcuts from performance conclusions.
What to Review Before You Publish a Code Demo
A final editorial, security, accessibility, and privacy checklist for public frontend examples.