分类目录归档:前端开发

载入 jQuery 库的最佳方法

在网站开发的项目中使用 Google CDN 的 jQuery 库虽然加载速度很快,但调用本地服务器的库才可以确保万无一失。而使用 WordPress 内置 jQuery 库的话,其末尾防止 JS 库冲突而加入的 jQuery.noConflict() 使得主题中 … 继续阅读

发表在 前端开发 | 标签为 , , , | 33 条评论

CSS3版忍者神龟

前几天闲来无事,用CSS3做了一个忍者神龟。搞完无聊,又弄了简单的动画效果。各位看着玩吧,Chrome和Safari下是完整效果 http://lightcss.com/tutorials/turtles/。 就是这个样子了,用圆角和渐变等属性做出静态效果 … 继续阅读

发表在 前端开发 | 标签为 , , | 16 条评论

投票:我们是否需要为所有浏览器添加条件注释?

CSS-Tricks最近发起了一个投票:我们是否需要为所有浏览器(目前仅IE支持)添加条件注释,就像下面这样: <!--[if Fx 3.6]> <link rel="stylesheet" href="firefox-v3.6.css"> <![endif]--> 投票 … 继续阅读

发表在 前端开发 | 标签为 , | 4 条评论

网页重构中区分IE6、IE7、IE8及标准浏览器的最佳方法

写在前面 由于万恶的IE(尤其指IE6和IE7),我们在页面重构时不免要对其进行各种bug修复及差异化处理。在标准浏览器[1]中可实现的效果在IE里却有各种离奇问题,例如IE6、IE7不能良好应对的inline-block和.clearfix问 … 继续阅读

发表在 前端开发 | 标签为 , , | 9 条评论

给网站添加X-UA-Compatible标签

X-UA-Compatible是神马? X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。 为什么要用X-UA-Compatible? … 继续阅读

发表在 前端开发 | 标签为 | 11 条评论

清理浮动的那些事儿——6种清理浮动的方法

前言 (update 2011.02.01)配合图片重写了一下本文。 近期有一项目涉及修改别人所写的主题,在清理浮动的环节上无比痛苦。在此整理一下关于清理浮动的方法和我的看法,希望能提供一些参考作用。 浮动(Float)最初的 … 继续阅读

发表在 前端开发 | 标签为 | 12 条评论