标签分类:html5

HTML5 Boilerplate使用

个人站制作使用了下HTML5 Boilerplate,问题关键是如何使用。 1.首先从目录入手,需要关注的是js目录,里面libs目录存放有jquery以及modernizr,都是压缩版;mylibs文件夹用来放用户其他的库,script.js以及plugin文件都是空白,都留待用户写。 2.然后是css目录,里面的style.css,文件前面有针对html5的reset,中间空出部分让用户写页面 …

阅读全文

Modernizr使用

Modernizr作为开发HTML5必要的js工具,提供有以下多种功能 1.css 可以通过feature检测(包括html5元素如canvas,或是css3属性如border-radius)为html的加入相应的类,对于不支持的feature则加入以no-为前缀的类。 可以为html加入名为“no-js”的类,这样即使没有js环境来执行Modernizr,也提供了相应的fallback类,而一旦 …

阅读全文

Google的前端代码规范

下面是个人总结的Google的前端代码规范,包括来自Google的HTML/CSS规范以及JS规范。 其中HTML与CSS部分翻译可以参考:Google HTML/CSS Style Guide 谷歌代码风格指南 JS规范终于有小组全部进行翻译啦,请参考:Google Javascript代码规范 总规范: 忽略(Omit)协议:如 background: url(https://www.googl …

阅读全文

来自苹果ui交互设计师关于开发工具的创新思维

这是来自苹果公司的UI交互设计师Bret Victor的讲座。该讲座的真正目的正如讲座题目所示Bret Victor – Inventing on Principle,并不是讲这些演示中的工具设计或是设计思路,而是借此阐述作者关于人生,关于设计更本质的思考,也可以说是哲学层面的思考。但是本人目前没有这个能力,也并不想刻意去拔高自己的思路,反而就想谈谈这些创新的工具设计与设计思路来。

演示中第一与第二个的工具设计完全可以用到html5的开发工具设计之中。介于目前html5正是火热,特别是基于canvas的开发,无奈用js来写画面有很多绘图代码而且不能实时反馈,但如果使用类似flash的代码生产工具,又容易导致代码冗余。看完此演示,发现如果真能实现这种工具,那么就应该是目前最适合html5开发的工具吧,但是如果是大型项目也依旧无能为力吧。毕竟目前就是网页制作也没有完全实时的工具,firebug虽然能够实时修改样式,但是实时构建还是很困难。

第三个用于算法演示的工具也很有意思,对于一个给定的输入能够在coding的时候看到反馈,还是蛮方便的。但是如果是稍微复杂一点的算法设计,应该就没有这么容易进行反馈,比如递归类型的。而且其实算法设计一个困难的部分也在于选择某些输入,该工具对这个也起不到什么作用。

最后一个给人感觉更像一个广告,和前面的演示效果不在一个数量级上。除了是个ios应用之外,真没有什么特别之处,比起来还不如微软的PowerPoint制作这种动画来得方便。在用户体验方面也没有什么特别之处,制作完成后想看效果仍然需要一个类似编译的过程,于是感觉和前面演示的主题有冲突,说不是广告还真难以令人信服。