转载时请标明文章原始出处和作者信息, 作者: lostsnow.
http://www.lsproc.com/blog/limit_textarea_length_by_js/
From: http://www.phpcake.cn/archives/26/
<script type="text/javascript">
function ismaxlength(obj){
var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
if (obj.getAttribute && obj.value.length>mlength)
obj.value=obj.value.substring(0,mlength)
}
</script>
<textarea maxlength="10" onkeyup="return ismaxlength(this)"></textarea>
-- EOF --
转载时请标明文章原始出处和作者信息, 作者: lostsnow.
http://www.lsproc.com/blog/auto_resize_images/
resizeimg.js
window.onload = function() {
for (var index = 0; index < document.images.length; index++) {
var widthRestriction = 400;
var heightRestriction = 400;
var rate = document.images[index].width / document.images[index].height;
if (document.images[index].width > widthRestriction) {
document.images[index].width = widthRestriction;
document.images[index].height = widthRestriction / rate;
} else if (document.images[index].height > heightRestriction) {
document.images[index].height = heightRestriction;
document.images[index].width = heightRestriction * rate;
}
document.images[index].onclick = function() {window.open(this.src)};
document.images[index].title = document.images[index].title + ' 点击在新窗口中查看原图';
}
}
-- EOF --
转载时请标明文章原始出处和作者信息, 作者: lostsnow.
http://www.lsproc.com/blog/anchor_pseudo_classes/
在CSS中，定义了被访问过的链接的颜色（a:visited），结果当链接被访问过后，该链接的颜色不再改变，即定义鼠标在超级链接上的颜色（a:hover）不起作用了。我找到这里：
锚点伪类 Anchor Pseudo-classes
A link that is active, visited, unvisited, or when you mouse over a link can all be displayed in different ways in a CSS-supporting browser:
当一个连接处于 活动，被访问，未访问或是当你鼠标移动到上面的时候都可以给它以不同的方式来表现，前提是浏览器支持CSS:
a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
注意 a:hover 必须在a:link和 a:visited后出现，要有顺序才能正常显示效果！
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
注意： CSS中a:active必须出现在a:hover定义后才能有效果！
无意之间发现的问题，对 css 还是缺乏了解。
-- EOF --
转载时请标明文章原始出处和作者信息, 作者: lostsnow.
http://www.lsproc.com/blog/html_or_xhtml/
results of HTML 5 text, editor, name questions,
HTML5 is now also hosted by the W3C,
W3C XHTML 2.0 与 WHATWG HTML 5 的比较,
The next-generation HTML, HTML新变数, JJgod
old9 Says:
唉……说什么好呢……XHTML初衷倒是好的，不过用在WEB上太牵强。
对照现在对HTML5的宣传，回过头看看以前标准推广时关于XHTML的论调是有些怪怪的，但我感觉XHTML还是HTML并不是WEB标准的重点（可能更多是三方分离？），况且XHTML和HTML之间的争论，从WEB标准推广一开始就没有停止过，HTML4的支持者也有不少，只是可能XHTML 的鼓吹者更多一点罢了（也许有商业因素？不清楚）。再加上普通开发者对这些新东西也没有什么辨识力，业界领袖都说XHTML，那就XHTML喽，还在用 HTML？落伍啦！这些其实都是导致现在对XHTML盲目崇拜的原因，新技术总是会有盲目崇拜者的，这不，众多业界大牛开始挺HTML5，于是就都 HTML5了……
其实我觉得轰轰烈烈的标准化运动带给我们WEB开发者的，倒不是HTML还是XHTML还是HTML5的问题，重要的还是一个宝贵的改变过程。在这个过程中至少我们对HTML，对CSS，对JavaScript都有了前所未有的重视——我们开始考虑结构表现分离，开始斟酌HTML语义，开始研究 CSS管理，开始重新审视JavaScript，开始深入可访问性和用户体验……总之是对WEB前端心里有了底，不再是隐藏在DW，PS那些所见即所得软件外表下不忍卒读的混乱代码和copy/paste来的JS特效。而至于最终是XHTML还是HTML5还是别的什么，都已经不那么重要了。
唉，一家之言，不知道jjgod是不是对WEB标准本身失去了信心，希望不是吧，毕竟你也是国内的领跑者哇，呵呵。如果只是对宣传手段不齿，那就是我多虑了……
jjgod Says:
我主要的意思是，标准这种东西，朝令夕改真是很糟糕的，以前尽管我自己对这几个问题也有过思考，但主要还是跟着国外的思路走，很多“fancy words”自己也不想想就抄下来了，这是不对的，改个名字，目的不是要批评谁，而是希望多写点原创的东西、实用的东西，也就是说“advocacy”不再是重点，在我自己观点不成熟的时候。
你说的没错，从提招聘 Web 设计师就必须掌握 Dreamweaver 到终于开始关注 Accessibility、Usablity，这是很大的进步，但目前国内跟风的事情还是做了不少，也许是时候考虑一下，不要老外说风就是雨，我们有很多出色的设计师，相信以后的路能走得更好。
-- EOF --
转载时请标明文章原始出处和作者信息, 作者: lostsnow.
http://www.lsproc.com/blog/css-shorthand-guide/
转自：http://my.donews.com/htmlor/2006/10/16/css_shorthand_guide/
font
简写：
font:italic small-caps bold 12px/1.5em arial,verdana;
等效于：
font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:arial,verdana;
顺序：font-style | font-variant | font-weight | font-size | line-height | font-family
（注：简写时，font-size和line-height只能通过斜杠/组成一个值，不能分开写。）
background
简写：
background:#fff url(bg.gif) no-repeat fixed left top;
等效于：
background-color:#fff; background-image:url(bg.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:left top;
顺序：background-color | background-image | background-repeat | background-attachment | background-position
-- EOF --