您是否曾经希望有一个 Web 应用程序或扩展程序可以让您即时创建和共享 UI 原型?
大家都这样做! 对于我们希望我们的网站或应用程序的外观和感觉如何,我们都有自己的想法。
所以,你想出了一个非常棒的设计,却记不清你是怎么做到的?
现在你必须找到一种方法来分享它。 如果您尝试共享一个相当复杂的设计,这可能需要几天甚至几周的时间。
没有理由等待制作您的网络应用原型。 现在用 Dabblet 创建它们。
拖放元素、样式并保存。 将其发送给设计师进行审查或简单地将其复制到演示文稿中。 可能性是无止境。
什么是 Dabblet?
运用 达伯特,您可以实时试验一小段 CSS 和 HTML 代码。
使用它时,您的 CSS 代码中不需要任何前缀。 GitHub gists 允许您存储您的内容、将其发布到其他站点并与他人共享。
这是与其他开发人员共享代码片段并获得反馈的好方法。
如何运作?
输入代码后,视觉输出立即可见。 JavaScript的 是唯一的例外,考虑到在每次击键时都运行它会很烦人,甚至可能导致浏览器在某些情况下变得无法使用。
使用 JavaScript 选项卡中的“运行 JS”选项或键盘快捷键(Ctrl + Enter 或 Cmd + Enter)将在 Dabblet 运行时运行 JavaScript。 选项菜单允许您更改此样式。
作为开发人员,您可以同时在所有这三种语言的编码之间切换或查看成品。
特征
以下是您应该了解的 Dabblet 功能:
快速 CSS 编辑: 您可以快速添加、编辑和删除 CSS 属性。 更改将实时反映在页面上。
语法高亮: CSS 和 HTML 代码的语法突出显示,使其易于阅读和理解。 该代码也将在您键入时进行验证。 如果您愿意,也可以选择隐藏代码框。
自动完成: Dabblet 为 CSS 属性和值提供自动完成功能。 这在您创建或编辑样式表时非常有用。
预建的 CSS 样式表: 您可以从流行的网站访问预构建的 CSS 样式表。 这些可用于快速轻松地将样式添加到您自己的网站。
要点支持: Dabblet 支持 GitHub Gists,让您可以轻松地存储和与他人共享您的代码片段。
实时预览: 您可以实时查看代码更改的结果,而无需重新加载页面。 例如,如果您更改文本的颜色,您将在键入时看到更改反映在文本上。
键盘快捷键: Dabblet 具有用于常见任务的键盘快捷键,例如添加新样式规则或评论。
多种视图模式: Dabblet 提供多种查看模式,允许您并排或上下查看代码和结果。
优点
- 快速 CSS
- 即使您已登录,您仍然可以隐身保存。
- 用于各种参数(如角度、颜色、持续时间等)的内联 CSS 值预览器。
- 一切都是 XHR 编辑的,因此页面从不刷新,即使您保存时也不刷新。
- 键盘快捷键丰富。
- 所有代码都是自动格式化的(markdown 除外)。
- 从一开始就提供可靠的文档。
缺点
- 界面一开始有点压倒性,但你习惯了。
- 没有项目级别的管理功能(还)。
Dabblet 集成
任何平台都需要与其他服务集成,Dabblet 也不例外。 以下是 Dabblet 提供的一些集成:
Google Analytics
您可以轻松地将 Google Analytics 跟踪代码添加到 Dabblet 页面。 这将允许您跟踪 Dabblet 的页面浏览量和其他统计信息。
Ubuntu
Dabblet 可用于创建 Ubuntu 主题。 您可以创建新的 Dabblet,添加 CSS 和 HTML 代码,并在 Web 浏览器中预览主题。
DigitalOcean
独一无二的云托管公司为企业提供云计算服务,使他们能够更有效地发展业务。
Dabblet 用它做什么?
您现在可以创建、管理和部署您的 Dabblet 数字海洋空间。
这使您可以将所有代码片段保存在一个地方,并可以轻松地与他人共享它们。
Dabblets的替代品
替代方案总是存在的,同样,这里有一些供人们思考的关于 Dabblet 的内容:
Pastebin.com
程序员一般使用网站来保存源代码或配置数据片段。 但是,任何人都可以将任何文本放入提供的空间。
JS斌
JS Bin 是一个免费的 JavaScript 测试工具。 一旦在一个窗格中输入了 Javascript 并在另一个窗格中输入了 HTML,则可以通过短 URL 共享结果。 利用一个菜单,您可以从一些最常用的 JS 库中进行选择。
CSSDeck
该工具非常适合创建测试用例并与其他可以帮助您进行编码工作的人交换测试用例。 通过各种选项,您甚至可以与其他程序员即时协作开展项目。
普朗克
Plunker 是一个数字平台,Web 开发人员可以在这里进行头脑风暴、协作和分享他们的想法。
例如,您可以以“Hello, world!”开头。 以任何语言编写程序并添加代码片段、降价和屏幕截图,以创造丰富的学习体验。
一锤定音
总之,Dabblet 对 Web 开发人员来说是一个有用的工具,尤其是那些寻找快速轻松的方法的开发人员 测试他们的代码。
凭借其各种功能和集成,很难不找到该平台的用途。
今天就试试吧!
发表评论