文章列表
A 双倍MARGIN設置float的位于行首的元素[如div, ul中的li等]，使用margin后，横向margin值会加倍div {float:left;margin-left:10px;display:inline; /*解决方法*/width:420px;height:150px;border:1px solid red}浮动元素上的{display: inline;}会被忽略，事实上所有的浏 ...
HTML5 has a lot of new features. There’s new HTML, CSS and, of
course, JavaScript. Officially HTML5 specification and implementation
won’t be ready until 2022. Personally I don’t believe in this. Majority
of JavaScript features described further are already implemented in
modern browsers (e.g ...
原文：http://xuui.net/ui-design/15-useful-html5-tutorials-and-cheat-sheets.html
和以前的 HTML 版本不同，HTML5
带给网页设计师和开发人员更多幻想新事物的能力。使用符合语义结构的特定标记，使得现在的网页更符合语义化的需求。如内建的圆角视觉元素、以及对拖放式交 互的原生支持。尽管 HTML5
并没有完全得到主流浏览器的支持，但有些已经在尝试推进和试验新功能。为了鼓励对 HTML5 进行试验性的应用，也为将来更加丰富的应用做足准备，芒果
整理收集了 15+ 有用的 HTML5 教程和参考手册
...
原文链接：http://www.qianduan.net/what-you-need-to-know-about-behavioral-css.html
译自：你需要知道的CSS3 动画技术
译自：What You Need To Know About Behavioral CSS
请尊重版权，转载须注明本站链接！
译序：
本文译自Smashingmagazine，但是原文讲述的内容有些浅，也不是很完整，前端观察
在翻译的前提下，增加了更多的更系统的内容。如有不足之处，欢迎指正补充。
随着网络的发展，浏览器具有更强的渲染更高级代码的能力，我们正逐步实现跨 ...
打开终端，输入:sudo open -a TextEdit.app /编辑文件路径
如编辑hosts文件:
sudo open -a TextEdit.app /private/etc/hosts
JS焦点事件自动全选方法：
<input onfocus="onfocusFn(this);" value="text here" />
function onfocusFn(tag) {
tag.select();
}
以上代码在Firefox或IE上成功实现，但如果是Chrome或Safari，则需要增加onmouseup事件阻止浏览器的默认事件：
<input onfocus="onfocusFn(this);" onmouseup="onmouseupF ...
原文链接：http://xuui.net/ui-design/english-name-of-chinese-characters-table.html
中文名
英文名
Unicode
Unicode 2
Mac OS
华文细黑
STHeiti Light [STXihei]
\534E\6587\7EC6\9ED1
华文细黑
华文黑体
STHeiti
\534E\6587\9ED1\4F53
华文黑体
华文楷体
STKaiti
\534E\6587\6977\4F53
华文楷体
华文宋体
STSong
\ ...
javascript:
function addScript(url) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
How to play nicely with jQuery and Greasemonkey
Overview
This is a simple snippet that helps us load the jQuery power into
our userscripts with Greasemonkey 0.7 or lower, newer versions may use @require
.
Updates
2010-04-24:
The userscript checks if jQuery is
already loaded in the pa ...
JavaSciprt事件中有两个很重要的特性：事件冒泡以及目标元素。
事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。
目标元素:
任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事
件处理器添加到一个元素上，等待一个事件从它的子级元素里冒泡上来，并且可以很方便地得知这个事件是从哪个元素开始的。
事件的冒泡和捕获
捕获是从上级元素到下级元素，冒泡是从 ...
在CSS布局中，我们可以使用CSS HACK
来区分浏览器，那么在HTML代码中有没有能够区分浏览器的办法呢，答案就是：IE Hack，但是IE HACK多数情况下只能够被IE浏览器认识
下面列举了一些在HTML中常见的IE HACK语句：<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
...
1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];
Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集 ...
信息一:
id主要是在客户端脚本里用，name主要是用于获取提交表单的某表单域信息。在form里面，如果不指定Name的话，就不会发送到服务器端哦！
信息二:
input select form frame iframe 用name
table tr td div p span h1 li 用id
表单元素(form input textarea select)与框架元素(iframe frame)用name，这些元素都与表单(框架元素作用于form的target)提交有关，在表单的接收页面只接收有name的元素, ...
想特别说明一下，IE6与生俱来就支持png8的索引色透明度，但不支持png的 alpha 透明度。而我们一直要解决的是让IE6支持PNG的
alpha 透明度。下面我收集整理了4种方法，但都是以滤镜、Js、css
等作为基础模拟还原效果，虽然没有真正的解决alpha透明度问题，但也总算解决了燃眉之急。
IE6支持png8透明:
IE6与生俱来就支持png8的索引色透明度，但不支持png或8位以上的 alpha 透明度。而对于非动画的GIF建议你使用PNG8，因为体积会更小。
测试实例：http://blog.gulu77.com/demo/200809/test_IE6png8 ...
用户体验（UE）的变革管理部分突出了用户体验的认知和
行为方面。具体而言，管理层需要明白，不管战
略、设计或者所用技术怎样，最后的终端用户是人，他们不像技术那样，发展迅速。用户体验必须具有长期价值才能 ...