Practice / Responsive interfaces
Liquid
A frontend review practice that follows the interface through the sizes and states people actually use.
- Direction
- Krystian Fernando
- Scope
- Practice / Responsive interfaces
- Stage
- Established workflow · Package runtime proposed
01 / The story
The window keeps moving.
A page needs to hold together as the available space changes. Reading order, text, spacing and controls all participate in that movement.
Liquid grew from inspecting those relationships continuously, including the widths between familiar desktop and phone screenshots.
02 / The story
Make the intended relationship visible.
Marked regions and visual feedback establish what a change should preserve. Source inspection connects that intention to the implementation.
The review then follows the rendered layout, checks accessibility and exercises the actual controls. Text selection and copying are part of the reading experience too.
03 / The story
A practice with a clear boundary.
The method is established in the working records. A general frontend package runtime is still proposed.
The research note preserves the requirements and examples, so a visual judgement can be revisited alongside the surface it concerns.
Contribution
Frontend review method, visual requirements, acceptance criteria and evaluation of rendered results.
Established workflow · Package runtime proposed
Explore the existing research ↗Next project
Polinko
How much structure is enough?