打败 IE 的葵花宝典:CSS Bug Table

nick | css, js, web | 2010-07-28
打败 IE 的葵花宝典:CSS Bug Table
作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性能问题。不 过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列 /Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛。而在这之中,最让人头痛的当数IE,特别... [阅读全文]

21个演示展示强大的jQuery特效

nick | css, jquery, 特效 | 2010-07-24
21个演示展示强大的jQuery特效
就在不久之前, Flash 是被web设计师用来为网站添加交互的重要技术之一!自从Ipad诞生, 并且不支持 Flash Player, 加速了web开发中使用其他技术代替flash,比如 jQuery, Ajax 还有其它。 尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,web设计师习惯于用flash完成一些特效,但这些都能用jQuery轻松实现!下面有21 个在线的演示来显示jQuer... [阅读全文]
ė 61条评论 0

CssGaga帮助

nick | css | 2010-07-21
CssGaga帮助
基本配置 <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?

nick | css, js | 2010-06-26
如何减少浏览器的repaint和reflow?
文本内容主要包括以下几点: 什么是repaint/reflow? 什么情况下会触发浏览器的repaint/reflow? 浏览器自身所作的优化 如何优化你的脚本来减少repaint/reflow? 一、什么是repaint/reflow? 页面在加载的过程中,需要对文档结构进行解析,同时需要结合各种各样的样式来计算这个页面长什么样子,最后再经过浏览器的渲染页面就出现了。这整个 过程细说起... [阅读全文]

更简单的2级菜单(下拉菜单)

nick | css, html, js | 2010-06-18
导航一般有3种状态,我称它们为一般状态、hover状态和当前状态。以前我都是使用定位,然后使用js来控制,同时控制鼠标 hover在下拉菜单上的时候父菜单的on或hover状态。不胜其繁! —————现在呢? 首先感谢怪兽提供的js,感谢rekey提供的技术支持! 在处理一个需要无 限改动布局和风格的项目的时候,程序员要我把父菜单和... [阅读全文]

Inline content assist for text fields and areas

nick | css, html, js | 2010-06-18
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

nick | css, jquery, js | 2010-06-14
artTxtCount是 一个基于jQuery的简单输入字符统计与限制的插件,可以实现类似twitter、新浪微博、腾讯微博等字符统计的效果。 虽然网上已经有好几个同类型的插件了,但是封装过度,实际应用中总是有那么一丝牵绊,因为它们不能指定提示消息的容器。其实我们只需要一个简单的效 果就可以了: 预览:http://www.planeart.cn/downs/artTxtCount/ ... [阅读全文]

以用户为中心的 API 异常设计

nick | css, js | 2010-06-13
设置一个元素的高度: 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 下都抛出异常... [阅读全文]

编写跨浏览器兼容的 CSS 代码的金科玉律

nick | css, html, html5, js | 2010-06-12
编写跨浏览器兼容的 CSS 代码的金科玉律
作为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨 浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。 理 解 CSS 盒子模型 如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 ... [阅读全文]
Ɣ回顶部