创造canvas的艺术 知道<canvas>吗?如果你愿意,将你的注意力集中在这个web文档的顶部。我的网站的头部区域包括一系列的“北极光”动画,是用HTML5′新的JavaScript渲染引擎<canvas>生成的。点击页面任何地方产生新的亮光,每个亮光都带着随机颜色和改变网站头部外观的轨迹,这条轨迹慢慢移动穿过整个页面。
如果你不熟悉<canvas>,学习他的最好方法是去看一个简单的例子。下面的HTML和JavaScript将在<canvas>域内生成一个橙色的矩形区域。
翻译:Kendo UI 和 jQuery Mobile的区别 jQuery Mobile 和 Kendo UI 都是流行的HTML5 JavaScript开发框架,在开发中我们可以在它们的基础上制作所有现代移动Web应用。比较 Kendo UI 和 jQuery Mobile 有些类似于比较同一枚硬币的两面。众所周知,jQuery Mobile 实际上并不需要作太多的介绍,因为它是最常用的HTML5框架之一。
你应该使用HTML5的header和footer标签吗? Matt Wilcox问: “我现在还没有用例如<header>和<footer>这样的标签。我非常惊奇现在有那么多的浏览器开始支持它们了,但是我仍然不知道它们到底比div好在哪了?”
这是个好问题。我的回答是“应该用”。这两个元素(包括<nav>和<main>)是在某些浏览器上给用户带来一些便利的辅助技术。
字符串(String)模板引擎被视为是有害的 大概内容是:用字符串模板生成HTML是一个低效的过程,它在我们如何概念化Web应用上强加一些不必要的限制因素。如果你用像Ractive.js这样的库或Meteor和Ember这样的测试版frameworks,那么你可以没有缺陷的利用模板。如果你不需要使用模板的话,那么React也是一个非常不错的选择。
用纯CSS实现的箭头
用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3的东西。对浏览器支持良好。
基本原理
原理非常简单,通过截取border(边框)的部分“拐角”实现,几行CSS代码即可理解:
静态web的回归 90年代标准的静态web内容正在以充足的理由回归着。Mashable的服务涵盖每一个静态组件——web站点很想要的,与由HTML5,CSS3,和现代JavaScript构建的绝对客户端进行结合,告别单一、静态的页面。
垃圾摇滚,英式摇滚,最初的JavaScript和第一代静态网页
HTML和CSS是什么玩意儿? HTML和CSS的一些东西会让你忍不住说“这TM是什么玩意儿!”。以下是困惑、失策和困境这些困扰着HTML和CSS问题清单:
• Dottype的声明
• Box Model的计算问题
• Rem单位和Mobile Safari
• 浮动(float)排在第一
iFrame的妙用 最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来,这其中用到了很多关于iframe的方面,总结如下:
1. 作为弹出层铺底覆盖
2. 跨域写入cookie
不到30行JS代码实现的Excel表格,jQuery并非不可替代 某国外程序员展示了一个由原生JS写成不依赖第三方库的,Excel表格应用,有以下特性:
- 由不足30行的原生JavaScript代码实现
- 不依赖第三方库
- Excel风格的语义分析 (公式以 "=" 开头)
- 支持任意表达式 (=A1+B2*C3)
- 防止循环引用
- 基于localStorage的自动本地持久化存储