翻译:Kendo UI 和 jQuery Mobile的区别 jQuery Mobile 和 Kendo UI 都是流行的HTML5 JavaScript开发框架,在开发中我们可以在它们的基础上制作所有现代移动Web应用。比较 Kendo UI 和 jQuery Mobile 有些类似于比较同一枚硬币的两面。众所周知,jQuery Mobile 实际上并不需要作太多的介绍,因为它是最常用的HTML5框架之一。
Bearcat pomelo game 实战 -- treasures 这是一篇通过一个简单的 treasure 捡宝的例子讲述如何使用 Bearcat 来快速, 高效的进行 pomelo game 开发
在bearcat的统一管理协调下, 去除了烦人的require直接依赖关系, 可以放心大胆的进行编码甚至重构, bearcat 里面的任一组件都被有序的管理维护着, 使用时不再是一个个单一的个体, 而是一个集体
Ws.js:基于 Node.js的WS-*实现 Node.js是优秀的用于搭建可扩展服务器应用程序的平台,其中的一些应用程序需要与已存在的网络服务进行交互。只要这些服务是基于Rest,就不会成为问题—因为Rest服务在node世界里是最高级公民。如果需要使用一个soap网络服务, google一下node-soap,或者自己动手做一个soap信封。真正的挑战是当node需要使用soap服务时,它用的是WS-*标准。几个月前,当我面对这一情况时,没能找到任何模块帮忙。这就是我决定建Ws.js的原因。
开源项目:CSS 3D转换和动画学习示例教程 下面介绍的开源项目,是CSS在动画/3D变换方面的一些应用,非常酷的效果,全部由CSS3来实现。
在这里JavaScript仅作为动画控制来使用,JS并不控制UI界面的具体呈现,切换动画、3D效果仅需要一条 addClass/removeClass即可。这在一定程度上体现了Web平台纯天然的MVC结构。
即:HTML(template) + CSS(view) + JavaScript(controller) + JSON(model)
这个实例同时也简单的说明了一点:在JS端实现的mvc可能有些过度设计,即不有利于SEO(搜索引擎优化),也不利于页面的性能的提升,看上去似乎有点偏离Web平台简单的本质,不过也许他们更适合服务器端来使用。
我为什么选择 D3.js 这不是一篇介绍D3的使用教程,而是只想说说我为什么选择使用D3,借以思考在面对新的技术的时候我该如何选择。
这段时间我在录制一门课程网页上的图表。录制课程前我调查了一下,应该用哪些工具/库来制作图表。可以确定的是,我要用svg来生成图表,而不是用html5中的canvas。开始采用的是Raphaël,一个用来创建和操作网页上矢量图形的javascript库。最开始偏向于使用Raphaël是因为之前看到的一个很漂亮的页面。在费了几天的时间,经过了很多挫折和参考资料没找到太多的情况下,做出了一个凑合的简单的图表。然后我退缩了,直到我发现了D3。
D3的缩写是Data Driven Documents,与Raphaël的关系:
相同点
都是用javascript写的针对矢量图的库
都可以对DOM节点进行操作,包括绘制,修改,添加动画效果以及图形的交互
Mozilla实验室发布的一款实时协作工具库TogetherJS TogetherJS简介
TogetherJS是一种服务,可以在一个现有的网站中添加实时协作功能。可以使两个或两个以上的游客在一个网站或网络应用上,看到对方的鼠标/光标位置,点击,跟踪对方的浏览; 可以一起编辑表单,一起观看影片,并通过音频和WebRTC聊天;
- TogetherJS包括的一些功能:
- 见其他人的鼠标和点击
- 滚动位置
- 观看一个人访问的页面
- 文字聊天
- 使用WebRTC音频聊天
- 表单域同步(文本字段,复选框等)
- 播放/暂停/视频同步轨道
- 跨多个页面的网站上继续会话
厌倦 Bootstrap 了没?来试试新玩具 言归正传,给大家介绍一个新的前端组件包:UIkit
很新很新的项目,v1 不过才是两个月前发布的,不过该有的都有,大概看下来就算没 Bootstrap 那么全也不会比 Bootstrap 差,应对大多数的开发需求足够了,而且个人感觉几乎每一个组件都比 Bootstrap 略有增强(可能向下兼容性也更差,还没大范围测试),更加用心。
作为同样是以“响应式布局”优先,"Mobile First" 的前端组件包,UIkit 在 Grid 上的处理要比 Bootstrap 更周到一些,更简单(且语义化更强)的 class 命名,多栏高度自动适配,无需 offset 的 center row 等等,很有诚意啊。
就默认 theme 而言,其实和 Bootstrap 的差别不算太大。但可爱的是官方提供了一个 Customizer App,你可以在线对所有的组件进行可视化的自定义,然后帮你生成组件包。这个就比 Bootstrap 提供的替换变量的 Customizer 友好太多了,强大太多了~关键这是官方的,而不是第三方的,也就意味着随着版本的更新 Customizer 也会无缝衔接上。
不用HTML/CSS,JS就够了 有人在Github上面建了一个很有意思的项目。你只需要JS就可以创建网页。
原理其实很简单,创建一些“html函数”,如: p, div, ul, li 来创建你的网页,而且可以和backbone无缝结合, 下面有个例子:
h1('HTML Creation');
p('Tags are functions.')
p('Attributes are objects...', {
style:{fontStyle:'italic'}
})
ul(function(){
li('Nest');
li('with');
li('functions!');
});
Tessel 开源硬件正式发布 Tessel直接在设备上运行JavaScript,上传新的固件只需一句tessel 推送指令,非常简单。
现在它正式发布并接受预订了,不过价格略贵,核心+A模块大概要100$左右,比Raspberry Pi贵上不少,下面是两个模块的信息:
A模块:
继电器 - 打开和关闭设备(5安培)
温度/湿度传感器 - 获得有关气候
伺服驱动器 - 16小马达移动。包括一个伺服。 (包括额外的电源为美国的支持者)
加速度 - 获得实时移动数据
microSD存储 - 添加额外的存储空间您的Tessel(包括1GB的microSD卡)
B模块:
RFID(13.56MHz的) - 读取RFID标签
蓝牙低能量 - 将数据发送到其他设备,例如智能手机
GPS - 获取位置信息
音频输出 - 解码,声音输出文件/原始音频文件