Blueidea XML News Aggregator

All General Personal Flash ColdFusion XML/XSLT Mobile Web Standards Design .NET ASP PHP C++ Java Site

Aggregated News

Aggregating 99 Feeds

页面重构中的模块化思维 [15]

Publish date: 2009-06-21 21:24:01+08:00 Posted by Ghost

最近被“模块化”缠身，又是文章又是PPT的，被逼着想了很多相关的东西。整理下我这段时间对于“模块化”的思考，大多都是我自己从事页面重构这份工作的经验和理解，在一定程度上存在局限性，也希望自己能温故而知新。 “模块化”只是我们对于过去一直使用的技术、方法的一个新潮的称谓，就像“Ajax”。不过做为页面重构发展的一种趋势，越来越被大家重视，不自觉也满口的“模块化”，只是你真的理解什么是“模块化”吗？

列表模块是否需要标题

Publish date: 2009-06-20 10:22:41+08:00 Posted by 林小志

页面重构需要考虑的一个重点是XHTML代码语义化，就算是在无任何CSS样式修饰的情况下也能给他人在阅读时带来便利，甚至可以夸张点说在搜索引擎爬虫经过时也会知道页面中某个模块的作用是什么。但凡事有利有弊，考虑的问题需要太多。例如，我们为了使XHTML代码结构能达到语义化，需要为其增加一些标签，最终利用CSS样式将其隐藏。这样的页面在无样式的情况是达到了语义化，但最终为此增大了文件了容量。例如以下列表出现在大家的眼前时，会想到是什么列表呢？ * 洗衣粉 * 水桶 * 脸盆 * 拖把 * 洁厕剂写这个列表虽然是我很随意性写的一个列表，但最终我主要想说的是我要去超市购物的一个购物清单。 HTML代码 ...

CSS Sprites 样式生成工具 3.0 [5]

Publish date: 2009-06-16 23:19:50+08:00 Posted by Ghost

很高兴为大家带来了CSS Sprites 样式生成工具 3.0版本。 bg2css v3.0 2009-6-16 +单独定义层的输出设置 +当前信息层显示设置 +更新所有层信息窗 (fix)新建层时不激活 (fix)读取设置后图片不能缩放 (fix)操作界面布局

绿坝的开发者和我一样都受到键盘问题的困扰

Publish date: 2009-06-16 01:13:50+08:00 Posted by hax

引用这里有人说绿坝有万能密码： http://hi.baidu.com/killvxk/blog/item/ddbc21f50dbfcde67609d75e.html 刚才测试了一下，果然如此。使用下列密码在任何时候都可以进入系统设置界面万能密码是：7895123 看来绿坝的开发者和我一样也受到键盘问题的困扰啊！就是那两个数字打不出来！！！已有 9 人发表留言，猛击->>这里<<-参与讨论 ...

用doctype激活浏览器模式

Publish date: 2009-06-14 15:19:36+08:00 Posted by 随网之舞

为了处理根据Web标准创作的网页和根据在20世纪90年代末流行的陈旧实践创作的网页，现代的Web浏览器实现了各种不同的引擎模式。本文说明了那些模式是什么以及如何触发它们。原文：Henri Siv...

如何在 IE 中使用 HTML5 元素

Publish date: 2009-06-13 14:47:03+08:00 Posted by 怿飞

Sjoerd Visscher 发现了一个简洁的方法让样式在 IE 中作用到未知的元素上——仅需 JS 创建此未知元素即可： document.createElement(elementName) 同理（对于 IE 来说 HTML5 元素即是未知元素），该方法也可顺延到 HTML5 的元素上（详细见：John Resig 写的《HTML5 Shiv》一文）： <html> <head> <style>section { color: red; }</style> <script>document.create...

中国网络的14层ISO结构

Publish date: 2009-06-10 12:03:40+08:00 Posted by hax

学习了。。。中国网络的14层ISO结构：物理层，过滤层，链路层，过滤层，网络层，过滤层，传输层，过滤层，会话层，过滤层，表现层，过滤层，应用层，过滤层已有 6 人发表留言，猛击->>这里<<-参与讨论 JavaEye推荐加盟电子商务创业公司，获得一场精彩的生活传智播客－...

HAX维护中

Publish date: 2009-06-03 15:29:27+08:00 Posted by hax

公告：各位JE网友：感谢大家一直以来对Dr. Hax的支持。因为最近键盘出现故障，Hax在JE上的技术部落格从即刻开始进行技术维护，初步预计6日凌晨可恢复服务。很抱歉给大家带来不便，请大家谅解。 Hax 已有 1 人发表留言，猛击->>这里<<-参与讨论 JavaEye推荐 ...

我的键盘坏了

Publish date: 2009-06-03 15:25:55+08:00 Posted by hax

吾的键盘近日常失灵，症状为某几个小键盘数字键常失灵，今日更坏掉大半。以下为示意图： ----------------------- [Num] [ / ] [ * ] [ - ] [ 7 ] [ B ] [ g ] [ + ] [ ] [ ? ] [ 5 ] [ ? ] [ ] [ 1 ] [ 2 ] [ 3 ] [Ent] [er ] [ 0 ] [ . ] [ ] ----------------------- 打电话至裸鸡贱盘客服询问，答曰最近此类症状广泛爆发，疑系猪流感病毒入侵网...

CSS Sprites 样式生成工具 2.0 [13]

Publish date: 2009-06-02 14:25:39+08:00 Posted by Ghost

感谢大家对《 CSS Sprites 样式生成工具》的喜爱，综合了1.x版本时大家所提出来的意见和建议，2.0版本主要的改变有下面几点：修改了操作的界面，更多的区域用于图片的操作。 1.x版本时图片放大后如果当前层不在显示区里则需要手动调整位置，不是很方便，为此增加了放大时定位到当前层的功能。蝎子提到的图片放大后边界变模糊的问题，在这个版本中对图片的放大方式做了调整，放大后不消除锯齿，不过第一次放大时速度会较慢（视图片大小）。对于实际工作中有些icon过小，放大到4倍后仍不足够方便操作的问题，增加了放大6倍的功能（当图片宽高在150px内时可使用）。 bg...

superLink，让伪链接更有可用性

Publish date: 2009-06-01 01:48:02+08:00 Posted by aoao

前几天，看到有人写了个superLink的东东，主要的做什么用呢？我们有时会给在大块元素加个window.location='http://www.aoao.org.cn'，还顺便把光标定义成移上去会变成手势还代替链接，为什么不直接用<a>因为有时东西太多，不能放在链接里，比如hx、p、 li之类的。那问题来了，用js处理会让链接的功能没了一堆，作者在他的文章说到：中键：新tab打开（aoao注：...

截图纪念一下

Publish date: 2009-05-31 15:33:12+08:00 Posted by jxdawei

店铺密探，历经3个月的时间开发，一个月的公测，累计1500+用户注册。本应5月29日正式收费，遭遇平台修改游戏规则，就这样哦了！感谢1500多个密探用户的使用，感谢科比的大力支持，感谢我的团队成员。具体应对策略还在酝酿中，或许还会以另一种方式重生……

炒土豆片

Publish date: 2009-05-30 23:04:56+08:00 Posted by 随网之舞

原料土豆：学名是马铃薯，“土豆”是方言说法。花椒：别名香椒、大花椒、青椒、青花椒、山椒、狗椒、蜀椒、川椒、红椒、红花椒、大红袍，因其味麻，又称作麻椒香葱植物油、盐作...

搞笑的先父遗传

Publish date: 2009-05-25 20:51:01+08:00 Posted by hax

最近多次看到处女理论卫道士拿出所谓的先父遗传理论作为论据。本是不屑于批判，但今天又看到一篇，这篇文章的最后一段实在是太搞笑了，所以特别拿出来给大家分享一下：节选自http://wanlixing.blog.hexun.com/15282552_d.html 引用在遗传学上，有一个科学结论叫“先父遗传”。也就是女人生的第一个孩子，长相与女人的第一次男人很相像。处女的第一个男人的基因会保留在身体里，遗传下去。如果男人真是要生一个纯种的后代，必须要找处女结婚。上对得起列祖列宗，下可以养育完全的亲生骨肉。 …… 现代社会的处女婚姻越来越少，“先父遗传”的规律可能会让男人更珍视找一位处女结婚。对...

[原][更新]最新CSS兼容方案 [10]

Publish date: 2009-05-25 16:27:02+08:00 Posted by Ghost

浏览器在不断更新，可使用的hack也需要更新下了，继上一篇《最新CSS兼容方案》之后，Opera和Safari都已经更新了版本，IE8也出来了，还有一个Chrome。新版本的Opera 9.6 和Safari 3.2.3分别有一个hack不能使用了，具体为： Opear： *+html .e{ background-color:#0000FF;/* OP */ } Safai： @media all and (min-width:0){ select{ ... }}

JavaScript 实现 Konami Code

Publish date: 2009-05-21 17:21:24+08:00 Posted by 怿飞

在 Facebook 上有一个彩蛋：登录 facebook.com ，点击你首页的任何地方，键盘输入 Up, Up, Down, Down, Left, Right, Left, Right, B, A, Enter 后，再点击页面或滚动一下滚动条，你会发现特殊的变化（如下图），嘿嘿 ^^ 玩过“魂斗罗”的朋友，肯定一眼就能看出输入的字符原来就是“魂斗罗”中的“秘技”。其实“秘技”的术语叫 Konami Code，详细见图示：那如何用 JavaScript 也在自己的页面上添加一个类似的彩蛋呢？ Abhi 在《Konami Code on Facebook : How to imple...

写对正则：一行代码，速度差50倍

Publish date: 2009-05-12 03:43:37+08:00 Posted by hax

2009-05-11 A lesson of RegExp: 50x faster with just one line patch While I'm developing WebSHi (which is the fastest syntax highlighter written by JavaScript), I also write many performance testings for other rivals. One of them is SyCODE Syntax Highlighter , which is written by silverdrag (水月)....

JavaScript的EOS（分号）问题

Publish date: 2009-05-08 16:24:22+08:00 Posted by hax

在http://bbs.51js.com/viewthread.php?tid=83937&extra=page%3D1&page=1的讨论中，月影分析了JavaScript中EOS（End of Statement）存在的歧义问题。下面是我的回应。是否要写“;”呢？我经过几次反复。最开始是随便，想写就写。后来都不写。后来有段时间都写。现在又都不写。基本上现在的结果是我最后定型的习惯了。原因： 1. 程序如果不追求太紧凑（例如要把多个语句写到一行里），分号确实是可以不用的。而且强制自己不用分号，其实是强制自己不要使用紧凑风格。 2. c-st...

JavaScript五大关键字

Publish date: 2009-05-06 17:53:20+08:00 Posted by hax

近期做语法高亮项目的副产品，是统计了一下几个主流JS工具包中各关键字的使用频率。虽然不同代码库的前五位的关键字的顺位有所差别，但是与五名之后的差距都是非常显著，第五位都要比第六位多至少一倍，前五位关键字占所有关键字比例都超过60%，最多的Prototype库甚至超过90%。以下顺位为我综合各关键字在各个代码库中的排位以及其他因素所评定：第五位：var 未声明就使用的全局变量是bug之源，所以基本上有多少变量就应该有多少var。不过因为多个变量可以用一句var来声明，所以var谦虚的位于第五位。第四位：return 有多少function，就有多少return，一些functi...

CSS Sprites 样式生成工具 [35]

Publish date: 2009-05-02 16:31:49+08:00 Posted by Ghost

学CSS布局的同学应该多少知道CSS Sprites（图片合并）技术，简单的说就是利用CSS的background-position属性，控制显示一张大图片的显示区域。例子可以看这里《 CSS Sprites: Image Slicing’s Kiss of Death》。对于经常使用CSS Sprites的同学，不知道是否有跟我一样的烦恼，在写定位的时候，先在PS里量出大概的位置，然后再在FF里用 Firebug 进行微调，以达到实际需要的效果。效率方面的问题比较严重，虽然在做合并图的时候大概的位置都已经心里有数，不过在写样式的时候也不太可能每次都能记得住正确的位置，特别是像我这种...

一个史上最快的Web语法高亮引擎即将诞生

Publish date: 2009-05-02 03:33:51+08:00 Posted by hax

对比对象是目前最有名，也是JavaEye所使用的highlight插件：SyntaxHighlighter。 SyntaxHighlighter2本身据作者说，已经做了大量优化，比SyntaxHighlighter1.5（JE使用的是1.5）更快。不过我实际测试下来，其实都一样慢，慢到对于一个1600行代码（base2的源代码），在IE下会跳出script slowly的对话框，在FF下要耗费2秒生成html，又花费0.5秒才能显示出来。而对于4300行代码（jQuery的源码），在FF下要耗费9秒生成html（或者你的机器比我的T60笔记本再慢一点，就会显示Unresponsive scri...

yslow 2 更新（含可下载地址）

Publish date: 2009-05-01 22:29:30+08:00 Posted by aoao

在前端开发中，Yslow 是个很不错的参考，对于网站的优化也能提出一些不错的建议。这次的版本做了些很不错的修改，除了官方提供的地址在国内下载不了外没什么不好，详细的大家自己体验了。下载地址：官方下载（暂时下载不了，估计是文件服务器没同步，代理可下）我放在box跟自己的空间，是从官方下来的。推荐本书：《Web标准设计...

看看中华人民共和国卫生部网站

Publish date: 2009-05-01 01:01:51+08:00 Posted by hax

用非IE浏览器看：中华人民共和国卫生部网站常人都看不了，更不用说什么无障碍性（Accessibility）了。美国有508法案，任何一个政府网站不符合Web标准和无障碍性规范，都可以起诉政府。中国他妈有什么？？？？？？？？？？？？只有一帮废物！！已有 114 人发表留言，猛击->>这里<<-参与讨论 JavaEye推荐 ...

又一个神奇的关键字

Publish date: 2009-04-30 00:17:57+08:00 Posted by hax

打开google.com或者g.cn，输入“zhengma”，点击搜索（你也可以点击“I'm Feeling Lucky”——其实Lucky的L应该换成F）…… 不怕死的请直接点击本链接，后果自负。同理可测：微软网站：http://www.microsoft.com/en/us/default.aspx?q=zhengma Yahoo网站：http://www.yahoo.com/?q=zhengma【更新：此链接已经正常】白宫网站：http://www.whitehouse.gov/?q=zhengma【更新：此链接已经正常】联合国网站：http://www.un.org/ch...

getUsedValue 0.4发布

Publish date: 2009-04-28 18:46:28+08:00 Posted by hax

关于used value的基本解释，请看getUsedValue。从0.1到0.4，进行了重大改进。包括：取得以各种格式表示的颜色值 IE下百分比和auto长度的换算取得box-sizing（表示浏览器使用哪种box model），并支持不同box-sizing下的width/height计算使用方法：导入getUsedValue.js即可。 <script src="http://pie.googlecode.com/svn/trunk/src/util/getUsedValue.js"></script> API简介： getUsedVa...

Links: Blueidea Forum MXNA

Blueidea XML News Aggregator - Web Standards

Aggregated News