一份关于北印度肉汁菜的交互式现场指南,正在颠覆我们对家常料理的固有认知。该项目名为"Gravy Theory"(肉汁理论),其核心论点大胆而直接:黄油鸡和咖喱鸡并非两种不同的食谱,而是同一种洋葱–番茄马萨拉酱在不同时间点停止烹饪、朝不同方向完成的结果。而辣椒鸡则完全与这种调味体系无关。 这个提交给前端开发挑战赛"舒适食物版·完美着陆"的作品,构建在一个深刻洞察之上:食谱给你的是分钟数,而厨师凭的是颜色。因此整个页面围绕一个食谱无法传递的能力来组织——看一眼锅中的状态,你就知道烹饪进行到了哪一步。 整个项目被精心设计为七个章节,每个章节回答一个关键问题。最直观的理解方式是拖动页面上的拨盘,而非阅读文字说明。作者提供了实时演示供用户体验,打开即用。 从技术层面看,这是一次极致的极简主义实践:单个HTML文件,零图片请求。每一个锅具、餐盘、小碗、烤饼、辣椒、香料罐和食材,全部通过CSS渐变与内联SVG绘制。没有构建步骤,没有框架,没有打包工具,没有图标字体,没有CDN,没有任何用户追踪——唯一的站外请求是Google Fonts字体库。整个文件仅约147KB,包罗万象。 无需安装,无需配置,在浏览器中打开即是全部设置。项目在320px宽度的设备上即可正常工作,甚至关闭JavaScript也能呈现内容。不过,最佳体验仍建议在真实屏幕上操作——拨盘、标签页和食物场景都需要指针或手指的精确触控。 该作品专为DEV前端挑战赛"舒适食物版"的"完美着陆"命题打造,以一份约146KB的index.html文件,完成了一次关于北印度肉汁料理认知的视觉与交互探索。
![]()
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.