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。

WP站点ACG审查SEO的情况(3)

许久没有更新站点之后,google索引急转直下,而且即便每天更新也再无上升。正觉得奇怪,后来用site:搜索发现根本就没有记录。网上一查才知道这是站点被google列入黑名单啦。难怪从google来的流量一下减少那么多。 而奇怪的是google的站点管理员工具里面竟然没有一点提示,突然想起最近google新闻说是其更换了索引规则,对seo更为严格,显然本人使用meta的方式又撞线了。只能停用自己写 …

阅读全文

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

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

阅读全文