内核 / 模拟器
一个用于快速原型设计和质量保证的内容生成工具包
This package is auto-updated.
Last update: 2024-09-12 06:58:36 UTC
README
模拟器是一个内容生成工具包,旨在使开发、测试和展示网页原型更加省时且更具现实感。它通过轻松将动态内容填充到静态HTML中,并在文档后续加载时随机化布局中的元素来实现,从而在某种程度上模拟了与实时数据库的连接。
最初构思为帮助模拟在线报纸和杂志高流量、快速变化的内容特性,它足够通用,可以造福任何早期前端开发阶段,尤其是内容长度、形式或性质经常变化的网站或应用程序。
模拟器在项目开发初期非常有用,那时必须测试和解决有关如何架构前端的基本问题和假设,以便工程师们可以开始他们的工作。
它也可以被视为设计师和前端工匠的支持工具,因为他们准备接受浏览器设计的黑暗艺术,因为可以通过快速生成和评估每个页面加载时的不同布局排列来更快地暴露问题和不足。
模拟器可以...
- 随机选择各种长度和格式的占位文本字符串(例如标题、预告、段落)。
- 自动裁剪和调整高质量、有新闻价值、Creative Commons授权的占位图片的大小,从默认池中获取——或者从您提供的特定文件夹或文件夹子集中获取。
- 使用友好的、可读的逻辑快速构建循环和控制概率,快速充实高度可变、资产丰富的布局。
- 让您专注于重要的事情——即设计和代码——而不是复制和粘贴(静态)Lorem Ipsum,或者寻找合适的占位图片。
- 更多。不是很多,但确实更多!
您可以通过...
- 在https://vimeo.com/42252088观看屏幕录像
- 向http://twitter.com/kerns提问或提出疑虑
- 通过https://github.com/kerns/dummy分支、关注或下载
更多信息
模拟器的主要目标是提供加速前端原型设计和质量保证的工具。无论是精心制作一个具有众多CSS断点的完整响应式网站,还是简单地草草地拼凑一个半成品想法,使用模拟器都应该使您在开发早期更容易可视化、测试和展示在多种不同条件下实际前端可能成为的样子。
模拟器是为那些想知道的前端网络工作者准备的...
- 这个布局在有和无图片的情况下表现如何?或者在有多个图片的情况下呢?
- 在这个列表中可以出现多少项之前会破坏布局,或者它看起来不再好看了?
- 随着内容量的变化,列是如何对齐和平衡的——或者这个列可以放入的最长单词是什么,而不会触发不希望的溢出?
- 如何最容易地演示此页的登录和注销状态?
- 这些CSS断点是否有效?
- 当需要处理超过100张图片时,这个脚本在DOM中的表现如何?1000张图片呢?
为什么?
在前端开发的早期阶段使用占位符可以每次在浏览器中重新加载文档时,给你一个全新的视角,通过快速暴露弱点或问题区域来缩短和改进你的测试周期,就像观看你布局使用真实数据的延时视频。
相信问题越早暴露,处理和调试就会越容易、越不痛苦,这在将前端代码交付给另一团队实施的项目中特别有用。
占位符还支持那些越来越喜欢使用浏览器内设计作为创建、迭代和客户审批工作可行流程的设计师和前端工匠。@beardedstudio 也是如此。(http://blog.bearded.com/post/21447195970/mocking-up-is-hard-to-do)
需求
你需要一个运行 Apache + PHP 且已编译支持 GD 的开发环境(这涵盖了大多数情况)。如果你想要玩转 URL 段落或其他高级技术,那么你需要启用 mod_rewrite,并启用 .htaccess 文件(包含在 /dummy/extras/ 中),但再次强调,这很可能涵盖了大多数本地开发环境。如果你不在本地开发,……为什么不在本地开发呢?
待办事项
- 优化性能和内存使用。
- 集成一个 Lorem Ipsum 生成器,并提供一些直观的语法来指定你想要生成的文本参数(字符或单词长度、大小写等)
- 能够在 CSS 中调用和定义图像裁剪(即能够在 URL 中向 dummy.php 发送图像请求)
- 开发一种简单的方法来链接我们的广播占位符结果,以便一个结果可以传递给另一个。
- 清理错误和消息的格式(即抽象围绕它们的 HTML 和内联样式)
- 占位符附带的一些图像资产非常适合用于编辑设计。可以想象为不同类型的项目提供不同的资产包(例如,包含商业产品照片的商务包,包含展示艺术、建筑或设计的作品集或画廊包)。
许可
占位符在 Creative Commons Attribution-Share Alike 3.0 United States 许可下发布(http://creativecommons.org/licenses/by-sa/3.0/us/)。做一个可爱的娃娃,让我们知道你是如何使用占位符的,或者你是否用它帮助构建、测试或演示了有趣的东西。
致谢
致谢和图像许可信息可在 dummy/CREDITS.md 中找到