SmashingMagazine 十月壁纸赏

十月壁纸赏,每个月换换壁纸,也换换心情。有道是加班无岁月,但是日子还是得知道的,要不一会哪天发饷都不记得了。

森林中的精灵,你知道会幻化成什么样子,是你心中哪位女神的样子。

 都说在摩天轮上能看到幸福,也许说的是幸福就在那一圈圈的轮回之中吧。

原来奔月的不只有嫦娥,还有徐静蕾

你看到了什么?

最聪明的海中精灵吧。
 想要下载这些漂亮的壁纸:http://www.smashingmagazine.com/2008/09/29/desktop-wallpaper-calendar-october-2008/

不可思议的Google PageRank

今天,准确的说是昨天了,突然发现Google又一次更新了PageRank。
http://www.1×3x.net/blog   PR3
 http://www.youxi247.cn     PR6
 如果说这个Blog,PR3的水平让我觉得很正常的话,那youxi247的PR6评分就有点不可思议了,毕竟这个Blog从上线到现在还不到一个月时间,有点儿意外,不过网站人气还是不行,最近好几个项目都赶着Release,时间上也不允许我花很多时间在这个上面。国庆假期要好好搞一下。也算对得起这分数。
什么是Google PageRank
大家可能听说过,Google 革命性的发明是它名为 “Page Rank” 的网页排名算法,这项技术彻底解决了搜索结果排序的问题。其实最先试图给互联网上的众多网站排序的并不是 Google。Yahoo! 公司最初第一个用目录分类的方式让用户通过互联网检索信息,但由于当时计算机容量和速度的限制,当时的 Yahoo! 和同时代的其它搜索引擎都存在一个共同的问题: 收录的网页太少,而且只能对网页中常见内容相关的实际用词进行索引。那时,用户很难找到很相关信息。我记得 1999 年以前查找一篇论文,要换好几个搜索引擎。后来 DEC 公司开发了 AltaVista 搜索引擎,只用一台 ALPHA 服务器,却收录了比以往引擎都多的网页,而且对里面的每个词进行索引。AltaVista 虽然让用户搜索到大量结果,但大部分结果却与查询不太相关,有时找想看的网页需要翻好几页。所以最初的 AltaVista 在一定程度上解决了覆盖率的问题,但不能很好地对结果进行排序。

Microsoft IE8 CSS3扩展支持

众所周知,所有的浏览器都有一些关于CSS功能的额外扩展,例如(-ms-interpolation-mode),这些通常来自于那些未在CSS标准中明确完整的定义的特性和功能或者是在标准中已经完整定义但浏览器只是部分支持。CSS2.1标准中规定,以上这些不完全合乎标准的特性都必须使用一个供应商前缀(Vendor Prefix ‘-ms-’ for Microsoft, ‘-moz-’ for Mozilla, ‘-o-’ for Opera)。
下面介绍一下IE8下的这些额外扩展,当然我们的目的不是把那些IE Only的特性带入下一代的页面中,而是能够在浏览器支持的前提下,运用一些属于CSS3的特性,丰富一下创作思路。

Property
Type
W3C Status

-ms-accelerator
Extension

-ms-background-position-x
CSS3
Working Draft

-ms-background-position-y
CSS3
Working Draft

-ms-behavior
Extension

-ms-block-progression
CSS3
Editor’s Draft

-ms-filter
Extension

-ms-ime-mode
Extension

-ms-layout-grid
CSS3
Editor’s Draft

-ms-layout-grid-char
CSS3
Editor’s Draft

-ms-layout-grid-line
CSS3
Editor’s Draft

-ms-layout-grid-mode
CSS3
Editor’s Draft

-ms-layout-grid-type
CSS3
Editor’s Draft

-ms-line-break
CSS3
Working Draft

-ms-line-grid-mode
CSS3
Editor’s Draft

-ms-interpolation-mode
Extension

-ms-overflow-x
CSS3
Working Draft

-ms-overflow-y
CSS3
Working Draft

-ms-scrollbar-3dlight-color
Extension

-ms-scrollbar-arrow-color
Extension

-ms-scrollbar-base-color
Extension

-ms-scrollbar-darkshadow-color
Extension

-ms-scrollbar-face-color
Extension

-ms-scrollbar-highlight-color
Extension

-ms-scrollbar-shadow-color
Extension

-ms-scrollbar-track-color
Extension

-ms-text-align-last
CSS3
Working Draft

-ms-text-autospace
CSS3
Working Draft

-ms-text-justify
CSS3
Working Draft

-ms-text-kashida-space
CSS3
Working Draft

-ms-text-overflow
CSS3
Working Draft

-ms-text-underline-position
Extension

-ms-word-break
CSS3
Working Draft

-ms-word-wrap
CSS3
Working Draft

-ms-writing-mode
CSS3
Editor’s Draft

-ms-zoom
Extension

在IE7中,没有使用这样的前缀,所以如果用户在IE8中选择兼容模式的话,这些带有前缀的属性将不被识别。不过在IE8模式中,为了向下兼容,将接受带前缀和不带前缀两种格式。
有一个要注意的地方:
#transparentDiv {
       -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
       opacity: .5;
}
原来的filter格式在标准中是不合法的,所以为了能够在ie7和ie8中都能达到该效果,请参考上述写法。(向下兼容真是沉重的包袱啊)
原文地址: http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx

Zend For Eclipse 6.1发布

最近,梦道友转投PHP开发,问起关于Zend的事情。对于Zend一直并没有太多好感,且不说是不是free software,但就那个总让我想起Dreamweaver4的界面就没有什么好感。一直以来,普通文本编辑器是我写PHP的主要工具。今天一查之下,才发现Zend现在已经转到Eclipse平台下了[Zend Studio for Eclipse Sneak Preview]。那真的是非常好啊,Eclipse平台是我现在最为喜欢的平台之一了,毕竟写了那么久java了。
我们来看看有什么新特性:

整合了Javascript CSS编辑器,内置Dojo支持(为什么又是Dojo,Struts2也是Dojo,这东西真的太笨重了)。
更好的与Zend Framework1.6集成。
更好的SQL查询器。
Bug修正和易用性改进。

 

20个帮助你更好的掌握CSS的网站

原文地址:http://sixrevisions.com/css/20_websites_learn_master_css 
相信不少人,哪怕是职业的网页设计师有的时候也不免会觉得CSS有那么点玄妙,有很多小trick并不是那么容易一下子掌握的。
三人行必有我师焉,那就从一些前辈那里学点东西吧,20个CSS和网页设计相关领域的站点,希望能给大家带来一些帮助。
1. A List Apart CSS Topics
老牌CSS站点,从1999年开始一直致力于整理收集面向标准网页开发的优秀文章。 

2. CSS Help Pile
收集整理了大量的CSS相关资源,而且归档非常清晰,查询非常方便。

3. CSS Basics
通过一系列教程讲述了CSS的基本概念和基本原理。非常不错的一篇入门教程,我当年也获益良多。

4. Holy CSS Zeldman!
CSS相关资源站点,不是《网站重构》的那个Zeldman,不要搞错咯。

5. Eric Meyer: CSS
一位有名的CSS作者的blog,值得一看。

6. 456 Berea Street – CSS category
很流行的CSS站点展示,这类的网站有非常多,多看多收获。激发一下创作灵感。

7. /* Position Is Everything */
网页很多时候困惑和苦恼都来自于Position问题,那让我们专门来看看这类问题吧。

8. HTML Dog CSS Tutorials
是不是想起了上个世界有个老派的html编辑器,这里有着适应不同程度读者的教程。

9. Learn CSS Positioning in Ten Steps
继续深入学习Position,将学习进行到底。

10. Andy Budd CSS/Web Standards Links
Andy大大的网站,如果不知道这位大大,可以看一下《CSS Mastery》这本书,相当不错的一本好书。

11. W3CSchools CSS Tutorial
权威学校来了,科班教育。不过有点乏味,我是不怎么喜欢看。

12. css Zen Garden
我最爱的禅意花园来了,有非常多很梦幻的设计在这里。细细读一下吧,这本书国内去年也出了中文版了。

13. CSS at MaxDesign

14. CSSeasy.com
提倡从经验中学习CSS,用更加现代的方式去学习理解CSS。

15. CSS-Discuss
讨论社区,如果E文不错的话,可以去学习交流一番。

16. […]

一个CSS小技巧解决了游戏预览问题

最近和爱玩游戏的师弟搞了个小游戏博客 [ 游戏247 ],因为工作也比较忙,还是简单的用了wordpress作为建站方案。虽然也写了一段时间Blog了,但是说实话,因为工作比较繁忙,对于wordpress一直也没好好的去研究过。发布游戏的时候遇到了一个问题,因为flash小游戏说大不大,但也不小,如果首页上全是一堆Flash让访问者去等待下载也是挺不好的一件事情。而且不少小游戏是有背景音乐的,要是百家争鸣的,不免有些聒噪。
 我想Wordpress应该肯定有比较好的插件来解决这个问题,抑或有什么小技巧来解决该问题,如果有谁知道的话,倒也不吝告我一声。我来说说我怎么解决该问题的。
首先我希望首页每篇blog都不显示flash,只显示一个游戏截图,就像图上这般:

然后点击进入文章全文的时候,隐去这个截图,而是直接显示flash小游戏,这样正所谓伊人双面。
我想了个最简单的方法,增加了一个css样式
 #single_post_div .preview_pic {display:none;}
 #index_post_div .game_flash  {display:none;}
利用css选择器,正好在不同的场景下显示不同的内容。这样的技巧通常会用在HTML网页打印CSS样式中,例如:
我希望在打印网页时,只打印正文,而将头部啊,侧边导航栏等等都隐去,我通常会这样
/*hide various parts from the site
#header, #footer, #navigation, #rightSideBar, #leftSideBar
{display:none;}
*/
虽然是个很粗陋的技巧,但是也挺有效的。