最近,梦道友转投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修正和易用性改进。







原文地址: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. Web Design from Scratch: CSS
作者的文章相当优秀,网站本身也做的超级酷。而且还有不少电子书可以下载,不过如果要打印就得付钱了咯。

17.CSS-Tricks
订阅他的邮件吧,每天都有新收获,而且这个网站有很多podcast,如果你有兴趣看的话。

18.CSS on Delicious
这个就不多说了。

19. SitePoint CSS Reference
这个网站的邮件也值得订阅。

20. CSSDog
有很多有用的教程,包括对于颜色的运用等。

最近和爱玩游戏的师弟搞了个小游戏博客 [ 游戏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;}
*/
虽然是个很粗陋的技巧,但是也挺有效的。
最近工作比较忙,也没法静下心来写东西。找篇文章呛火倒是不错。
Google Chrome浏览器八大特色功能抢先看
9月2日,谷歌官方网站已经证实将于明天,在全球100多个国家推出开源Web浏览器“Google Chrome”。据谷歌发布的相关资料显示,这款即将问世的浏览器拥有以下8大特色功能:

开源
与谷歌移动平台Android一样,Chrome也是一款开源的产品,而且都是基于Webkit渲染引擎。今后谷歌的Gears组件也将整合在其中。
好吧,我不是某个特定浏览器的拥趸,也知道这不是第一个开源的浏览器。顺便补充下背景知识,webkit本身是BSD和LGPL双重授权协议的,虽然这两个协议都是商业友好的协议,不强制使用者也成为自由软件,但是无敌的Google也拉不下脸做这种事情吧。(但我很担心,如果真的做了,这么多粉丝如何圆这个说法)。
含“V8”的JavaScript虚拟机
V8可以加快JavaScrip在浏览器的运行速度。由于谷歌浏览器Chrome可能采用的“多任务设计”,从而导致打开时内存资源占用较大的情况,但整体将降低内存资源的占用。
这是我觉得唯一能算一条的,JS引擎的优化的确为网络应用带来了很大的好处,当然任何所谓的n倍速度都是仅限于理论测试的。页面结构复杂下,谁也强不到哪里去。
独特的标签设计
Chrome将采用上标签设计。不同于火狐标签位于地址栏下方的设计,Chrome的标签将被放置在浏览器地址栏的上方。
无语,拒绝评论
地址栏自动完成功能
“omnibox”是该功能的名字,主要用于提供搜索关键词提示、用户曾经访问过最多的网页、其他网民访问最多的网页等信息。
参见Firefox3
快速拨号
使用此项功能,用户最多可看到9个网页截屏,同时可显示最近搜索关键词、书签标记等列表信息。Opera也曾提供过类似的功能。
好吧,还算用过Opera,不过这个功能说实话还不如Hao123有用。同样的大家可以关注一下IE8的切片功能,更加值得关注一下。
隐私浏览
与微软IE8同样提供关于“隐私保护”的功能。不过微软提供的“私人模式”也被戏称为“色情模式”。
算浏览器原生支持中比较早的了
网络应用软件与Chrome同时启动
网络应用软件与Chrome同时启动,无需地址栏和工具栏的提示,火狐此前也推出过类似的工程,名为“Prism”。
这个产品叫Gears,谢谢老大,也不是什么新东西。而且说实话对普通用户用处不大,只要看看谁用的最多,gmail||wordpress
反钓鱼
Chrome一旦启动,将自动连续记录有害网站名单。谷歌称在默认状态下,标签均可安全关闭,不会给机器带来安全隐患。不过,用户自行安装的不明插件,将可能引起不利影响。
其实作为Google推出的一款新浏览器吸引了大家如此多的关注是很自然的事情,就好比科比来到上海比赛是一个道理。但是说实话,Chrome并没有带来任何新的东西,无论是作为开发人员还是普通用户。我本人对浏览器没特殊偏好,工作上肯定是Firefox,生活上肯定是遨游。将一个仅仅是第一个测试版的软件和其他已经非常成熟,拥有无数周边的对手作比较是不公平。但是,同样的,拿一个什么功能都没的Hello Google Fans和其他对手比谁的速度快,你们觉得公平吗?
这个世界上有两家公司在口碑营销上做的异常成功,老一点的叫Apple,年轻一点的叫Google,从商业的角度上说,相当的成功,能把公司的产业打造成一种文化。但是,再牛的公司也不可能款款产品鹤立鸡群,更不可能连beta版都算不上的就已经枪挑老大哥了。
2008年8月28号,微软发布了IE8 beta2,相比三月份主要面向开发人员的Beta 1增加了大量新功能,涉及易用性、安全性、兼容性、管理性等各个方面,以及一些独特的工具。

先来介绍一下对于最终用户的新功能吧,也许是我们对ie一直以来的低要求导致了这次发布的新功能真的有点让我震了一下,真的很棒。
网站切片(Web Slices):开发人员可以将网页的一部分标记为网站切片,让用户随时很方便地监视相关信息,点击收藏夹栏即可看到丰富的网站切片内容,开发人员也可籍此和用户建立紧密联系。

非常酷的新功能,我不知道firefox下是否已经有类似的插件了,我的生活浏览器一直是遨游,firefox只是用来工作,也许孤陋寡闻了,但是这个功能真的让我觉得会让网站开发有了新的触角。对于很多内容性的,比方说ebay或者淘宝这样的网络销售,甚至于起点这样的在线阅读网站,这种内容的预览和随时更新,远比RSS阅读器来的自然。
————————————————-
增强的搜索框:搜索框会在用户在键入关键词的时候实时提供搜索建议,包括图片,另外搜索框现在还会提供来自用户收藏夹和浏览历史的搜索结果。


有点类似划词搜索那样,我相信随着未来网络硬件基础的不断提升,这种无孔不入的网络内容聚合将掀起又一轮网络变革。
==========================================================
其实本意是去看看ie8对于网页设计师来说有什么新的变化的,没想到几个新功能真的是让我忍不住把赞美之词给了它们。言归正传,让我看看ie8在工作上会不会给我们一些震撼。
早在今年3月份,ie8 beta1就给开发者带了不小的期待,比如这个极像Firebug的内置调试器(上帝是派你来拯救我们的吗?)。

这样的界面恐怕不用多说什么,大家肯定看了之后有种终于盼到了的感觉。这个产品的到来将终结Firefox在设计师和开发人员中无可替代的局面。
具体有哪些改动让我们来看一下,因为内容较多,这里仅列出提纲(翻译自微软网站 http://www.microsoft.com/windows/internet-explorer/beta/readiness/developers.aspx)
注:目前下列链接仍为微软网站,等我再过一下翻译更换链接
Developer Checklist:
兼容性:
- 使用IE8来浏览您的网站。
- 如果您的网页和原来在IE7中的表现不同,您可以启用兼容模式。 更多内容,参考此处 [兼容性Compatibility] 。
- 如果开启兼容模式后,您的网站和在IE7下的表现和行为都完全一致的话,那您可以将IE7 meta tag加到您的网页上去。Emulate IE7 meta tag.
- 另外,您可以使用各种方法来校验用户的浏览器工作模式 Versioning and Internet Explorer Modes.
- 如果您的网页仍然存在问题,那请使用这些测试工具帮助您找到问题 testing tools.
Ajax开发:
- 阅读更好的Ajax开发 Better AJAX Development.
- 阅读原生JSON支持,这也是我坚信将取代xml的传输协议 Native JSON Support.
顺手转一位大大3月份的汇总小结
IE8 (下文中的 IE8 暂时仅代表IE8 beta1) 中增加了 CSS3 中的子串匹配的属性选择器(substring matching attribute selectors),具体规则与正则中的匹配很相似:
E[att^='val'] //子串以’val’ 开始
E[att$='val'] //子串以’val’ 结束
E[att*='val'] //子串中包含’val’
IE8 支持绝大多数基本的 CSS2.1 选择器:
:before and :after 被支持,只支持文本,不支持图片,但还存在bug 。
:focus 被支持。
display: inline-block 被支持(只能用于内联元素)。
display: table 被支持。
list-style 完全被支持,包括值 upper-greek (此值其他浏览器均未支持)。
outline 被支持。
border-collapse, border-spacing 和 caption-side 被支持。
white-space 完全被支持。
box-sizing 被支持,不过使用的是私有属性 -ms-box-sizing 。
不支持的包括但不限于::first-line 、:first-letter、opacity 和 RGBA。
对于原来用来区分 IE 的 HACK 在 IE8 中基本失效(比如*property:value、*property:value等)。
Update 08-3.8:
原有 IE 的 list-item whitespace bug 在 IE8 中依旧存在。
原有 IE 的 z-index bug 在 IE8 中依旧存在。
IE8 中产生新的 bug:当 line-heigth 小于正常值时,超出的部分将被裁切掉。
IE8 中依然不支持 border 的 transparent 值。
IE8 中 @import 只支持三层嵌套。
Update 08-3.12:
IE8 中 负数的text-indent 值会被裁切。
IE8 中依然存在 Fuzzy Specificity Bug。
WordPress的用户肯定都有收集模板的经历,这也是wordpress一个非常吸引人的地方。SmashingMagazine汇聚了很多非常酷而且免费的模板,大家有兴趣可以下来试试看。
1. Notepad Chaos

一款很绚丽的模板,非常适合比较时尚的个人blog使用,或者是给设计师类工作的用户使用,真的是非常好看,抽时间我想将其改成中文版的,让我眼前一亮的作品。
Preview (0.4 Mb)
Download the theme (.zip-package, 0.5 Mb)
Download PSD-sources (.zip-package, 5 Mb)
http://www.smashingmagazine.com/2008/08/20/notepad-chaos-a-free-wordpress-theme/
2. Infinity (来自中国的无限遐想)

Preview (0.56 Mb)
Download the theme (.zip-package, 2 Mb)
Download PSD-sources (.zip-package, 7 Mb)
http://www.smashingmagazine.com/2008/08/08/infinity-a-free-wordpress-theme/
作者是个中国人,但是作品的视觉张力却有着很强的感觉。
3. Fervens




设计师的一系列作品都让人心动,心动不如马上行动吧。
http://wp-themes.designdisease.com/testrun/
4. Fun Theme

Preview (0.56 Mb)
Download the theme (.zip-package, 2.2 Mb)
Download PSD and EPS (.zip-package, 5.1 Mb)