无需编码开发快速设计互动式UI - uilang

uilang是一个非常小巧的ui类库,可以帮助不熟悉前端代码的web设计人员快速的开发互动式UI。你只需要使用“语义式”的说明来控制元素的动态效果。

开发中你只需要在<code>标签内部输入如下文字:

。。。。

。。。。

这个类库会自动转化为点击事件效果,是不是有点儿意思?

想了解具体如何使用的吗?请参考并观看如下代码播放:

无需任何编码帮助UI设计师快速实现互动式的原型设计

原文来自:无需编码开发快速设计互动式UI - uilang

时间: 2024-10-30 05:52:14

无需编码开发快速设计互动式UI - uilang的相关文章

基于HTML5 Bootstrap搭建的后台模板,分页,模糊查询已经全部JS实现,无需编码,嵌入数据即可开发,内置8款皮肤,欧美风格,非常好用!

原文:基于HTML5 Bootstrap搭建的后台模板,分页,模糊查询已经全部JS实现,无需编码,嵌入数据即可开发,内置8款皮肤,欧美风格,非常好用! 源代码下载地址:http://www.zuidaima.com/share/1550463575788544.htm 分页,查询功能已经全部用JS实现,无需再做此类代码编写,嵌入数据即可,真心美观好用.       

实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI

系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目 实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI 实战使用Axure设计App,使用WebStorm开发(5) – 实现页面功能 接上一篇系列文章,在本文中,将在WebStorm中继续开发,实现页面的功

QtQuick桌面应用程序开发指导 3)达到UI而功能_B 4)动态管理Note物_A

3.2 把Page Item和Marker Item绑定 之前我们实现了PagePanel组件, 使用了三个state来切换Page组件的opacity属性; 这一步我们会使用Marker和MarkerPanel组件来实现页面导航; 在原型阶段, MarkerPanel组件十分简单, 没有不论什么功能; 它使用了Repeater类型来产生三个QML Item以及Marker组件作为delegate; MarkerPanel应该存储当前激活的marker(标记), 即那个被用户点击的marker;

为快速设计绞尽脑汁?5款快速线框图工具为你雪中送炭

说起线框图工具,你脑海中浮现的是什么呢?老字号Axure RP?还是设计新宠Mockplus?如今,形形色色的线框图工具可以说是唾手可得,当然,这是一件好事,但是另一方面呢,过多的选择也的确容易造成设计师的选择困难.尤其是现在的行业形势,快速的产品迭代和开发节奏,越来越少的时间成本,快速设计的需求与日俱增.一些过于精细的设计工具其实并不适应当今的设计趋势.这里,我精选出了5款专注于快速设计的线框图工具,能帮助你实现真正意义上的快速设计. 1. Wireframe CC 一款最轻量的框线图工具,线

QtQuick桌面应用开发指导 3)实现UI和功能_B 4)动态管理Note对象_A

3.2 把Page Item和Marker Item绑定 之前我们实现了PagePanel组件, 使用了三个state来切换Page组件的opacity属性; 这一步我们会使用Marker和MarkerPanel组件来实现页面导航; 在原型阶段, MarkerPanel组件十分简单, 没有任何功能; 它使用了Repeater类型来产生三个QML Item以及Marker组件作为delegate; MarkerPanel应该存储当前激活的marker(标记), 即那个被用户点击的marker; 基

Atitit.&#160;二进制数据ascii表示法,与base64编码解码api&#160;设计标准化总结java&#160;php&#160;c#.net

Atitit. 二进制数据ascii表示法,与base64编码解码api 设计标准化总结java php c#.net 1. Base64编码,1 1.1. 子模式 urlsafe Or  url unsafe2 1.2. 其他的二进制数据表示法  bin2hex() ,Quoted-printable ,UUencode2 2. Base64常用api2 2.1. ------------解码api2 2.2. decode(String s, OutputStream out)2 2.3. 

WeU专为微信移动 Web应用设计的 UI 库。

WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库. WeUI 是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog.toast.article.icon等各式元素. 使用 方法一: 使用bower进行安装 ? 1 bower install --save weui 方法二: 使用npm进行安装 ? 1 npm install --save weui 开发 ? 1 2 3 4 5 gi

史上最全的开发和设计资源大全

史上最全的开发和设计资源大全2016-08-09 技术最前线链接:blog.jobbole.com/104313GitHub 上的 Awesome 系列(资源大全系列),是一个汇总了优秀工具资源的大集合,并由 GitHub 社区用户持续维护和更新.初始的版本都是英文,伯乐在线组织整理了热门资源大全的中文版.目前,中文版的资源列表在 GitHub 总计已经有超过 10,000 star 和 数千 fork .以下是各个开发和设计资源的详细介绍. Java 资源大全 Java资源大全中文版,包括:构

zoneday工作流开发与设计(一)--工作流序言

1 工作流定义 工作流(Workflow),就是“业务过程的部分或整体在计算机应用环境下的自动化”,它的主要目标是对业务过程中各步骤(或称活动.环节)发生的先后次序,和同各个步骤相关的人力资源.信息资料的调用进行管理,从而实现业务过程的自动化[1]. 工作流技术源于二十世纪七十年代中期办公自动化领域的研究[3],由于当时计算机尚未普及,网络技术水平还很低以及理论基础匮乏,这项新技术并未取得成功.1983年至1985年间,在图像处理领域和电子邮件领域出现了早期的有工作流特征的商用系统[4].进入九