打败 IE 的葵花宝典:CSS Bug Table
作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性能问题。不 过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列 /Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛。而在这之中,最让人头痛的当数IE,特别... [阅读全文]
21个演示展示强大的jQuery特效
就在不久之前, Flash 是被web设计师用来为网站添加交互的重要技术之一!自从Ipad诞生, 并且不支持 Flash Player, 加速了web开发中使用其他技术代替flash,比如 jQuery, Ajax 还有其它。
尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,web设计师习惯于用flash完成一些特效,但这些都能用jQuery轻松实现!下面有21 个在线的演示来显示jQuer... [阅读全文]
CssGaga帮助
nick | css | 2010-07-21
基本配置
<appSettings>
<!--是否默认选中去空行 1为是 下同-->
<add key="chkBlankLine" value="0"/>
<!--是否默认选中合并import文件-->
<add key="chkImport" value="1"/>
<!--本地路径 请注意格式与目的路径对应 下同-->
<add key="pathSource" value="E:\isd_webrebuild_rep\qzonev5_proj... [阅读全文]
media type与media query
nick | css | 2010-07-07
media type(媒体类型)是css 2中的一个非常有用的属性,通过media type我们可以对不同的设备指定特定的样式,从而实现更丰富的界面。media query(媒体查询)是对media type的一种增强,是CSS 3的重要内容之一。随着移动互联网的发展,media query开始得到大家的重视。
media type
让我们先了解一下media type,其实这个大家会比较熟悉一点,我们... [阅读全文]
如何减少浏览器的repaint和reflow?
文本内容主要包括以下几点:
什么是repaint/reflow?
什么情况下会触发浏览器的repaint/reflow?
浏览器自身所作的优化
如何优化你的脚本来减少repaint/reflow?
一、什么是repaint/reflow?
页面在加载的过程中,需要对文档结构进行解析,同时需要结合各种各样的样式来计算这个页面长什么样子,最后再经过浏览器的渲染页面就出现了。这整个 过程细说起... [阅读全文]
更简单的2级菜单(下拉菜单)
导航一般有3种状态,我称它们为一般状态、hover状态和当前状态。以前我都是使用定位,然后使用js来控制,同时控制鼠标 hover在下拉菜单上的时候父菜单的on或hover状态。不胜其繁!
—————现在呢?
首先感谢怪兽提供的js,感谢rekey提供的技术支持!
在处理一个需要无 限改动布局和风格的项目的时候,程序员要我把父菜单和... [阅读全文]
Inline content assist for text fields and areas
Sergey Chikuyonok has created a really nice, easy to use, and good looking content assist library for input text fields and text areas:
It calculates precise position of characters in or
tag and places completion proposals popup under it. You can explicitly call popup window to assist/replace word (depends on caret positio... [阅读全文]
轻量级输入字数提示jQuery插件 – artTxtCount
artTxtCount是 一个基于jQuery的简单输入字符统计与限制的插件,可以实现类似twitter、新浪微博、腾讯微博等字符统计的效果。
虽然网上已经有好几个同类型的插件了,但是封装过度,实际应用中总是有那么一丝牵绊,因为它们不能指定提示消息的容器。其实我们只需要一个简单的效 果就可以了:
预览:http://www.planeart.cn/downs/artTxtCount/
... [阅读全文]
以用户为中心的 API 异常设计
设置一个元素的高度:
var elem = document.getElementById('some-id'),
val = '200px';
elem.style.height = val; // 原生写法
YAHOO.util.Dom.setStyle(elem, 'height', val); // YUI2 写法
$(elem).height(val); // jQuery 写法
当val = '200px'时,以上三种写法都能正确工作。
当val = '200xx'时,以上三种写法在 IE 下都抛出异常... [阅读全文]