Kairyou's Blog

专注于WEB前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]
  • 开始使用 html5+css3吧

    / 分类: 开发,生活 / No Comments

     XHTML1.0、XHTML1.1的doctype不嫌长吗?虽然XHTML1.1比XHTML1.0的少了几个字母,但html5仅需:<!DOCTYPE html>,喜欢探索的同学应该注意到了淘宝、土豆的首页,都使用了html5的DTD。

    html5的编码仅需:<meta charset="utf-8">,html5可以直接<style></style>、<script></script>,不需要加type="text/css"、type="text/javascript"。而且还加入了更语义化的:header、nav、menu、article、aside、details、dialog、footer等,不过为了兼容IE(IE下css里设置html5新增元素的样式无效)目前还是使用div吧。或者是把<!--[if IE]>http://html5shiv.googlecode.com/svn/trunk/html5.js<![endif]-->加入<head>,然后用到的块级元素(section, article, aside, header, footer, nav, dialog, figure)在css加上:display:block也可以。原理就是用js先创建这些元素,然后ie下面就可以应用css的样式了。具体例子可看:http://ejohn.org/blog/html5-shiv/
     
    css3的圆角阴影等虽然在兼容上有问题,有些时候部分内容也可以用一下,毕竟新技术是要不断学习的。总要学点啥吧?
     
    最近用html5、css3写了一个门户站,感觉优化的极好,结构和兼容性都很满意,很有成就感,哈哈

     

  • vim使用autocomplpop插件编辑html文件错误的解决

    / 分类: 工具 / 8 Comments

    autocomplpop插件绝对是一个出色的插件,边输入边提示,使VIM看起来像IDE了。废话不多说了,使用autocomplpop编辑html文件时,比如输入"<div " (DIV空格),这时会弹出提示来,当选择[class=" CDATA]或者[id=" ID]时,VIM会报错:

    Error detected while processing function htmlcomplete#complete tags:

    line 304

    E121: Undefined variable :classlines

    下面提供两个解决方法:

    1、我的:把plugin/acp.vim 的35/36行(html/xhtml那里 )删除掉,100-104/106-110行 删除或者注释掉。

    2、我也发了邮件给作者,他说没有发现任何问题(可能他用的LINUX),经过两次交流,他发给我个地址:http://likealunatic.jp/2009/09/29_acpvim.php,这里的方法是:编辑:autoload/htmlcomplete.vim,

    245-256行注释掉(246、247不注释),294-310行注释掉(295、296、307、308不注释)

    推荐第二种,因为我的方法,在html下面没有autocomplpop的功能了,当然,如不需要HTML的提示也可以用第一种。