Bootstrap简易使用指南

看完使用手册后所作的笔记,可以当做简易使用指南使用。 1.框架 1.1全局样式 使用HTML5的doctype,scaffolding.less中定义全局样式,从2开始使用normalize.css,并使用reset.less进行简化 1.2默认栅格系统 940px宽12列栅格,使用row与span[NUM]的class来控制,使用offset[NUM]来控制偏移,于non-fluid可以直接嵌套 …

阅读全文

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的方式又撞线了。只能停用自己写 …

阅读全文