巧用ie条件注释解决浏览兼容问题

在做web开发的时候,最头疼的就是处理各种浏览器兼容。尤其是ie低版本的兼容。于是各种 css hack层出不穷。类似 _ * \9 \0一类的,功能是实现的,却让本来写得很整齐的 css 代码变得乱糟糟的。其实用ie的条件注释就可以很简单的解决处理这些问题。

示例:

<!DOCTYPE html>
<html>
  <!--[if lt IE 7]><html class="ie6"><![endif]-->
  <head>
    <meta charset="utf-8">
    <title>css hack</title>
    <style>
      .test {height: 40px; background: blue;}
      .ie6 .test {background: red;}
    </style>
  </head>
  <body>
    <p class="test"></p>
  </body>
</html>

继续阅读

vim添加coffee和jade支持

vim默认不带coffee和jade的支持,我们编辑该类型的文件时,无法实现高亮缩进等功能,在vim官网下载对应的插件即可。

coffee http://www.vim.org/scripts/script.php?script_id=3590
jade http://www.vim.org/scripts/script.php?script_id=3192

可以到http://jashkenas.github.com/coffee-script/查看coffee-script的相关信息
可以到https://github.com/visionmedia/jade查看关于jade的相关信息

[锋利web前端开发]索引贴

锋利web前端为一个系列文章,分享利用python、vimscript等语言,整合haml、sass、coffee等实现快速前端开发。

  1. haml/sass/coffee的安装(win平台)
  2. 使用vim插件autocommand进行整合开发
  3. sass小技巧extend和include组合运用
  4. sass小技巧图片版本号和绝对路径引用
  5. vim用autocommand插件编译coffee