Blueidea XML News Aggregator - Web Standards

惊叹于老外的发现 《CSS Background image on html image element?》，自己从没关注过，也没想过如此的问题。 实现方法很简单：设置 img 元素为块元素（display:block;），并赋一个 padding 值。 例如（simple demo ）： img { display:block; background:url('parallax.gif') no-repeat bottom left; padding:93px 100px 75px 100px; } 根据上面的原理，举一反三，通过类似的方法，我们还可以给 img 元素设...

做为一个专职的页面重构者， 我们从事的工作简单的说就是“将设计稿转换成WEB页面”，这一过程可以很简单到直接把PSD从PS里导出成网页；也可复杂到需要考虑页面中每个标签的使用，考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来，但随着工种的细分，加上页面重构本身的专业性，独立为一个职业也不是不可能，至少我现在从事的就是一个专职的职位。如果你觉得一个前端工程师必须去画设计稿，你可以不理会下面的内容。

TMD这年头做前端真命苦，IE出了N个版本就算了，还跳出个马桶出来。你说你这个马桶，用人家内核就好好用拉。还改人家的东西干啥，那你改就改拉，还帮人家改出来问题来，难道你是怕我们找不到工作。 2.12以前的版本不清楚，maxthon自身的问题不关心，我只关于它跟原生IE的区别。目前已经发现的这样多。 在特殊情况下windows.opener不见了。出现在2.12 ，2.14正常...

这道菜貌似在两年前在郭林家常菜吃的，感觉挺好，所以昨天在超市看到猪蹄就有了试试的念头。黄豆被人称为“绿色的乳牛”，而猪蹄被称为“美容食品”，两者营养都非常丰富，有利于美...

晚上陈冰发来书的封面，我不表态了，大家给点建议。T_T. 然后我还不小心发现陈冰写的坏话。。这本书经历了太多事了，这只是陈冰所知道的一件事。 如果你已经看了样章的话，也可以在这里写下你的评价^^ 有机会印在书里哦。 这本书的出版，其实证明了一件事情，那就是，只要经过足够长时间且有足够多人帮你修改，那么，无论最初是多么驴唇不对马嘴的...

06年12月时，我与清华大学出版社签下这本书，那时Web标准很火，而且国内并没什么书，但当我接下书开始写时，国内出现了不少国外不错的译本，那时我已经不大想写了。 在我写书的过程中发现，人原来一天睡三四个小时也是可以的，在我写到最后时，公司批了我快两个月的长假让我有足够的时候来完成这本书，那家公司叫“广州新岸数码科技有限公司”，归...

Google Chrome 浏览器是基于 Safari 正在使用的 Webkit 引擎，使用的版本是 AppleWebKit/525.13 。不过 Safari3.1 使用的是最新版本：AppleWebKit/525.18。 那 Google Chrome 浏览器对 CSS 选择器的支持又如何呢？感谢 Engage 公司的女前端开发工程师 Estelle 测试整理的《Google Chrome Browser CSS Selector Support》：http://www.evotech.net/blog/2008/09/google-chrome-browser-css-selector-s...

看新闻说Chrome的Javascript引擎很强大，执行速度很快。就随便写了一个1,000,000次的累加放到IE和Chrome下测试，效果果然很明显！如下图： 脚本代码很简单，就是一段循环累加的： <script type="text/javascript"> var sum=0; var o=new Date; for(var i=0;i<1000001;i++){sum+=i;} var e=new Date; document.write("从1到1000000的累加结果：" + sum + "<br />...

window.name 传输技术，原本是 Thomas Frank 用于解决 cookie 的一些劣势（每个域名 4 x 20 Kb 的限制、数据只能是字符串、设置和获取 cookie 语法的复杂等等）而发明的（详细见原文：《Session variables without cookies》），后来 Kris Zyp 在此方法的基础上强化了 window.name 传输 ，并引入到了 Dojo （dojox.io.windowName），用来解决跨域数据传输问题。 window.name 的美妙之处：name 值在不同的页面（甚至不同域名）加载后依旧存在，并且可以支持非常长的 name 值...

我想没多少人敢保证写JavaScript能不用调试，那选择用什么方式调试会比较好呢？ 告别了我最爱的alert(MM) 告别了我最爱的document.title=MM 告别了我最爱的window.status=MM 大家开始用各种新的方式来看调试信息。。。比如最近sitepoint就发了一篇Debugging JavaScript: Throw Away Your Alerts!，大家先去看，看完再回来接着看。 var err = new Error();  err.name = 'My API Input Error';  err.m...

这个只是一个简单的比较无聊的尝试，类似blog等一些网站的换肤功能都是以此方式改变网站的皮肤。对于这些方法大家会的比较多，没啥说的。主要我是想说的是，别为了样式而写结构，而是为了结构去写结构。对于刚刚说的这点，说白其实就是大家写结构的时候不要因为某些标签的文字是大是粗的所以就用他，而不去写样式，我们应该是从语义上去着手。偏离了，不废话，直接看demo吧。先看结构： 程序代码<div id="header">#header</div><div id="container">    <d...

DOM Storage，是基于 Web Applications 1.0 specification 中介绍的 Structured client-side storage。相比 Cookies 来说，DOM Stroage 空间更大、更安全、更易于使用的。目前它只在基于Moziila的浏览器中可以使用，从 Firefox2 开始。 一、DOM:Storage: sessionStorage 浏览器支持：Firefox 2.0+ 基本语法： // 设置 key 值 sessionStorage.key = value; // 获取 key 值 value = sessionStorage.ke...

在 W3C 规范中 position 是可以使用在任何元素上的，但 position:relative 却有部分例外： The effect of ‘position:relative’ on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined. 经测试，在浏览器（IE 除外）中给 table 定义 position:r...

不知道大家在做页面的时候会不会遇到样式定义不生效的问题，基本的表现就是怎么改样式都没显示或只有某些浏览器正常，这时通常需要做下面的几步： 确认所修改的样式文件是否是当前页面的样式文件（多个环境的情况） 确认文件中的路径是否正确（可能手误多写或少写） 如果上面两点都确认没问题或只是一部分样式失效，基本可以确定是文件的编码问题

《本草纲目》记载：“凡虾之大者蒸曝去壳，食以姜醋，馔品所珍。”现代医学研究证实，虾的营养价值极高，能增强人体的免疫力和性功能，补肾壮阳，抗早衰。这里就介绍一道简单味美香...

平时7点左右到家，但今天提前半小时下班6点就到家了，因为今天有奥运会开幕式；平时回到家的第一件事是打开电脑，但今天却径直打开电视一直看下去，因为今天有奥运会开幕式；平时打开...

前言 现在最流行的本地存储莫过于 cookie 的应用，但浏览器对 cookie 有很多限制，最大的限制在于其对cookie 总大小，仅为 4K 左右（包括名（name）、值（value）和等号）。 对于复杂一点的应用和需求，仅有的 4K 大小还是有点相形见绌，其实很多浏览器（IE、Firefox、Safari）本身也提供了自己的本地存储的功能，或许在特定的环境下能满足我们。 一、userData behavior 浏览器支持：IE5.0 或以上 基本语法： XML：<Prefix: CustomTag id=sID style=”behavior:url(’#...

xhtml+css页面制作过程中问题的解决方案，说是解决方案应该有点过了，充其量只不过是给刚刚开始学标准页面制作的朋友们的一些小建议，如果讲得不对的地方请多多包涵，当然也可以提出你们更好的方法，大家相互学习交流，共同成长！无论是谁，在制作页面的过程都是会碰到这样或者那样的问题，出了问题就肯定要解决。解决问题的前提是要知道问题出在什么地方，对于新手来说不一定一看到问题就知道问题出在哪里。比如在IE6中“多了一只猪”的问题（参考：http://bbs.blueidea.com/thread-2692486-1-1.html注释在IE中造成文字溢出的研究），对于一些问题需要更多的经验交流分享吸收后才能...

http://ore.to/htmllint/tagslist.cgi?HTMLVersion=XHTML11 您可能还对这些日志感兴趣HTML5中 b 和 i 标签将语义化 (6)XSL中如何将CDATA输出为HTML (0)Default style sheet for HTML 4 (0...

今天同事 明城 在项目中碰到一个 BUG，代码具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content...

Vim是一个巨牛的编辑器，这是我在经历过Frontpage、Dreamweaver、UltraEdit和Notepad++后的选择，它让我远离让人抓狂的低级的Dreamweaver假死和鼠标给手腕带来的伤痛，剩下的是高效、灵活、强大。了解...

Firebug Lite 源自 Firebug ，可使用在IE、Opera、Safari 浏览器上。最新版本为 Firebug Lite 1.2 ，不仅包含了旧版本的console.log 命令，还可查看 DOM 元素、跟踪 XHRs，操纵 HTML、 CSS 和 JavaScript 。 Firebug Lite 可以在页面中插入调试： <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script> ...

很神奇的一个晚上，居然在以前老同事的群里跟同事讨论起CSS的东西来了，不过很意外的还是有收获。在IE中常常会碰到如果将容器定位后，出现容器内的文字不可选择（测试的时候主要用带连接的文字）。xhtml结构： 程序代码<div><a href="#">定位后无法选择容器的内容解决方案</a></div>css样式： 程序代码div {    position:absolute;    top:100px;    lef...

重新看了一遍《在两年前》，时间已经过去了半年多，即然说找时间聊下在TC的日子，就趁着过段时间简单的说一下，也算是一个阶段总结。

淘宝商城的 detail 页面“产品详情”部分是商家自定义区块，曾出现这样一个问题： <style type="text/css"> p { line-height:17px; } </style> <div class="mdse-detail"> <p> <strong style="font-size:30px"> 品牌：XZX<br /> 市场价：145元<br />...