摘要：margin-top在firefox中会绑架父节点的margin，通俗点说呢，就是子节点 的margin-top 设置，有些情况下会被传递给了父节点的margin-top。本来head 和content 在设计的语意上来说，是两上下相邻的。而结果却content节点却被子节点margin-top绑架.问题就这样来了。 遇到过这样的问题，然后在网上搜罗了一些资料后解决了，然后这里写点我的心得给大家 我很长一段时间里一直也都认为这是firefox的一个bug，但是最近看过一些资料后在想起这事情，其实这是很正常的。 上下两个垂直接触的div 。 head 和content吧。 在ie下面是好的，为什么是好的，最后在交代，这里先说出了问题的firefox 阅读全文

摘要：常用设计网站 # Spunk United 非常出色的杂志，里面提供的都是世界顶级设计师的专访，灵感以及文章还有更多。 # FreeLance Switch 这个站点上的所有资源都是开放免费的，你肯定要知道:) # Computer Arts 这是一个非常优秀的网络杂志，中文版杂志是《Computer Arts 数码艺术》,相信设计者都有订阅这份杂志. # David Airey 一位专业的图形以及logo设计大师分享他所有的知识在这儿，你一定可以从这里学习到很多知识。 # Behance 可以给你带来设计灵感，这里聚集了所有来自世界上所有的设计，非常酷吧 # Pdf Mags 非常出色的杂志，里面提供的都是世界顶级设计师的专访，灵感以及文章还有更多。 # Graphic Design Forum 这是最活跃的图形设计场所，比较针对于设计初学者。 # Design Is Kinky 这是来自澳大利亚的一个纯粹有关设计新闻和通用设计的站点 # Freelance Folder 一个Blog社区，发布的都是常用型文章，非常丰富。 阅读全文

摘要：有时候需要对网页中的某些元素添加提示效果，以丰富信息内容，如链接中的title等，使用jQuery插件wTooltip可以实现窗口工具提 示，默认提示内容为title，可自定义提示内容与提示显示的CSS样式，效果图如下： jQuery插件wTooltip弹出小窗口提示效果 使用说明 需要使用jQuery库文件和wTooltip库文件 阅读全文

摘要：wBox——轻量级的弹出窗口jQuery插件，基于 jQuery1.4.2开发，主要实现弹出框的效果，并且加入了很多有趣的功能，比如可img灯箱效果，callback函数，显示隐藏层，Ajax页 面，iframe嵌入页面…… * 背景透明度可以根据实际情况进行调节，甚至不设置背景 * 可以根据需要添加wBox标题 * 支持设置窗口位置，默认为在中心显示 * 支持callback函数 * 支持html内容自定义 * img灯箱看图功能 * 支持在wBox显示#ID的内容 * 支持Ajax页面内容 * 支持设置背景，不设置背景 * 支持wBox拖拽功能 * ESC键，或者在背景上双击即可关闭wBox * .wBoxClose的内容click可以关闭wBox，无论是组装的html，还是隐藏的html，甚至于iframe的内容中 的.wBoxClose 阅读全文

摘要：一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常 用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比 如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。 三.区分大小写 当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。 class和id的值在HTML和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签 是一致的。 四.取消class和id前的元素限定 阅读全文

摘要：以下是ＣＳＳ２．０手册中对于定位问题的解释： 检索对象的定位方式。 设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。 假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。 此时对象不具有外补丁( margin )，但仍有内补丁( padding )和边框( border )。 要激活对象的绝对(absolute)定位，必须指定 left ， right ， top ， bottom 属性中的至少一个，并且设置此属性值为 absolute 。 否则上述属性会使用他们的默认值 auto ，这将导致对象遵从正常的HTML布局规则，在前一个对象之后立即被呈递。 阅读全文

摘要：当我们把鼠标放在一个链接上时，如果该链接设置了title属性，就会悬浮显示一个淡黄色背景的文本提示，这就是最基础的Tooltips提示工 具。但其平凡的样子实在很难让人注意。利用javascript则可以 生成一些漂亮、高级的tooltips，这些提示信息不仅仅限于文本，还可以是图片，音频，视频甚至框架，并且可以包含html元素，方便使用CSS来美化。 先吸引到访问的眼球，才能达到提醒的目的。16款Javascript Tooltips提示工具。 阅读全文

摘要：原文:50+ Amazing Jquery Examples- Part1 jquery是近段时间里比较流行的一个javascript框 架，不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列，你先品尝，第二道大餐即将到来。 Sliding Panels －滑动门控制 1) Sliding Panels For jQuery -元素可以展开或关闭，创建出手风琴的滑动效果。 阅读全文

摘要：网页设计中，内容组织恐怕是最至关重要、最影响设计品质的方面了。如何将信息组织到好的布局中，是一个网站的基础，并且应该在考虑外观之前就决定好。没有 好的布局，网页信息流就不能正确传递，所有东西都不能建立起合理的联系。 在这篇文章中，我们将讨论八个布局解决方案/技巧，这些方案和技巧将有助于你创建整洁有序的内容布局。这八个技巧包括 滑门 (sliders)、标签式、渐进布局(progressive layouts)、结构网格、模态窗口(modal window)、翻转元素、手风琴效果(accordions)以及超大下拉菜单(mega drop-down-menus)。 1. 滑动样式与传送带(Sliders and Carousels) 滑门(Sliders)，也可称为传送带(carousels)，是一种有序的、交互性强、十分平滑地展示内容的方式。滑门样式是一个非常流行的技 巧，大家都觉得它很好用，能让你在固定的区块内填充上大量内容。没有滑门的帮助，这些内容可能就要分开放到页面中的各个地方。而大多数时候，你在使用页面 空间时总是捉襟见肘。或者，有些内容是你希望“用 阅读全文

摘要：属性： 1 .nodeName 节点名称，相当于tagName.属性节点返回属性名，文本节点返回#text。nodeName，是只读的。 2 .nodeType 值：1，元素节点；2，属性节点；3，文本节点。nodeType是只读的。 3 .nodeValue 返回一个字符串，指示这个节点的值。元素节点返回null，属性节点返回属性值，文本节点返回文本。nodeValue可读可写，这是对元素节点不能写。一般只用于设置文本节点的值。 4 .childNodes 返回子节点数组。文本和属性节点的childNodes永远是null。可以用hasChildNodes()来判断是否有子节点。只读属性，要删除添加节点可不能用操作childNodes数组的办法呃。 阅读全文

摘要：在smashingmagazine上 看到这篇文章，讲的是Web应用程序设计流程和准则等方面，也许对大家有所帮助。翻译比较仓促，错误地方请多指教，查看原文点这里。 商务Web应用程序的界面设计 商 务Web应用程序的设计常常被人们所忽视。我看到许多程序，它们既不符合商业目标，也不满足用户需求，它们有很差的用户体验，并造成了商业利润的损失。更 夸张的是，有些设计师根本没有参与整个程序的开发流程，而是把全部职责都推给了开发人员。 对于擅长前端和后台技术的工程师来说，他们缺乏设计能力，很难完成这项艰巨的任务。不满意的消费者、沮丧的用户，以及失败的项目，也就自然 而然地出现了。 接下来，我们将介绍“商务 Web应用程序”界面设计的基础知识。一般来说,人们可以提供许多有关界面设计的方法、技巧和准 则，而这里，我们的重点将放在商务Web应用程序上来。 阅读全文