Modernizr使用

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

阅读全文

更好的模块文件组织

来自D2前端技术论坛中的ppt,可以在此查看 前端中静态文件与文件夹组织也有些讲究。可以结合wp的主题进行思考,其中CSS样式表不合并请求请求多,合并又太大,不好取舍。又比如js加载,如何让重要的控件可以先响应,像某些重要的按钮。 加载执行顺序方面,body需要等到head中的资源下载完成后才开始渲染,同时body中的资源需要等到之前的js执行完才会开始下载。js会等到其前面所有css下载完成后才 …

阅读全文

tag与category的使用与自定义标签的设计

WordPress中存在两种类型的分类:一种是tag,另一种是category。这两种分类的区别在于: category通常是有层次的,而tag是平行平等的。

一些著名博客如Smashing Magzine以及Nettut+是如何安排使用tag和category的呢?

最新Smashing Magzine主题是轻博客类型,完全放弃有层次的category,而全部采用平等的tag。

而传统博客类型的Nettut+基本采用category,其URL结构为/articles/javascript或是/tutorials/ 。tag用来标记类型如video或tips,该主题甚至可以结合两者进行查询。

WordPress中可以使用函数register_taxonomy注册自定义标签,区分是category类型还是tag类型的关键就是参数hierarchical。

主题CSS样式表规划与编码规范

CSS写起来并不困难,主要麻烦其实在于CSS样式表的规划:怎么去安排规则出现的位置,何时需要分开写,何时将几个规则写在一起;哪些样式应该放在一块,哪些样式可以分开成多个样式表进行选择加载。只要一个Web项目需要维护,未来需要更新,样式表的规划问题就是个头疼的问题,而为WordPress设计主题就必须考虑这个问题。 这里可以先学习参考WordPress默认主题Twenty Eleven的样式表规划方 …

阅读全文

代码展示的相关知识

HTML中的code标签很具有迷惑性,其实其作用只是把显示的文本变为等宽字体而已,与代码展示息息相关的空格,换行符或tab字符的效果仍然会按照HTML默认的规则处理。如果要按照预定义的格式显示代码文本,实质应该使用pre标签,这个标签中的文字不但会以等宽字体显示而且会保留原有的空格,换行符或tab字符长度。当然不排除新的HTML5标准会对code做些符合其名称的优化,所以最佳实践是在pre中套用c …

阅读全文