网站可用性, 网页设计

世界十大网站十年前的设计风格

  在这个互联网的发展速度正成倍增长的年代,也许很多人会想知道互联网十年前的模样。现在已经是2008年的后半段,回想一下1998年,中国的互联网是怎么样的?世界互联网又是什么样的?那个时候你知不知道有网站这个东西?会不会用电脑上网?下面暴风彬彬将带你回到互联网目前十个比较大的网站十年前,想一想,这是一件多么有趣的事情啊…

  下面列出的是现在全世界互联网技术顶尖的十大品牌,而且他们的网站也有十岁以上!下面来对比一下它们十年前和现在的网站都有什么变化吧…


Amazon(亚马逊)

  轮廓鲜明的导航菜单对于电子商务类的网站是相当重要的,Amazon在这方面做得很好。Amazon的首页内容数量上和十年前相比变化并不大。比较明显的变化就是它把原本在顶部的横向标签式导航菜单挪到了左边的,并变成了多级侧边栏。还有一个变化就是十年前在左侧的搜索框,现在已经挪到了页面的顶部。

十年前

amazon_十年前

(更多…)

CSS, 网站可用性

可用性研究:为文字链接扩大可点击区域

  今天暴风彬彬要讨论的网站可用性技巧,是让你的网站文字链接提高一定的可用性,而且实现起来非常简单,其实这也算是提高用户体验的方法。扩大可点击区域并不是要让你的文字链接占用其他可用资源或增加文字链接的数量。其实很多问题不用暴风彬彬说得很详细,因为现在很多网站(尤其国内)根本没有考虑到文字链接的可用性问题。下面就来看看如何通过设置块级元素(block)和填充(padding)来实现扩大文字链接可点击区域吧。

(更多…)

CSS, JavaScript

300+Jquery, CSS, MooTools 和 JS的导航菜单资源

300+Jquery, CSS, MooTools 和 JS的导航菜单资源

  如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手。但今天暴风彬彬要为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以应用于自己的网站了。暴风彬彬收集的这些资源,从非常简单的HTML和CSS导航菜单,到非常复杂和高级的JQuery、JavaScript和MooTools技术,这都可以让你轻松实现褪色、滑动、拖动等效果。如果您觉得这些资源值得一用,那就快把本网页收藏以备日后查阅吧!

(更多…)

资源

目前比较全的Google Chrome浏览器资源

Google Chrome

  Google Chrome浏览器推出好几天了,现收集整理一些Google Chrome相关的资源。如果你是一个Google Fan, 不要错过这些东西。如果你不是,也可以看看下面这些东西,你会明白一个道理:没有什么饭比Google的饭更。。。。更饭!


(更多…)

生活

我和上帝的聊天记录

  今天读了一篇上帝的即时信息,深受启发,觉得是该好好改变一下自己了。改变自己的态度、改变自己的坏习惯!从今天开始进行改变,感谢“上帝”对我的提示,呵呵…

  下面总结一下上帝跟我说过的一些发人深省的道理,也希望对能有所帮助:




  • 做事情只能让你变得忙碌,效率才能让你获得结果。做事情花费时间,而效率却能帮你节省时间。
  • 你的今天是你昨天担心的明天。
  • 在日常生活中,经历是一个严厉的老师。她总是先给你考验然后再告诉你人生的道理。
  • 问题总是有针对性地设置障碍,但是它能为你提供有益的经验。它能提升你的精神,提升你从奋斗和忍耐中获得的内在力量,这些都不是你远离问题能够获得的
  • 如果往外看,你将不会知道你该往哪里走,那就看看你的内心吧。往外看,你只会无止境地梦想着能得到什么;往内心里看,你才能有所顿悟。眼睛让你看到景象,心灵让你富有远见卓识。
  • 成功是别人定义的,满不满意却由自己内心决定。知道前方的道路比盲目往前冲更让人舒服和满意。你带着指南针工作,让别人带着时钟工作吧。
  • 经常回头看看你已经走了多远而不是整天忧心你还要走多远;经常庆幸你正在获得的而不是懊悔你正在失去的。
  • 每个人都希望真理站在他们一边,却没有人想站在真理的一边。
  • 生活不是一个寻找的过程而是一个创造的过程。
  • 不带悔意地面对你的过去;充满自信地把握你的现在;毫不畏惧地迎接你的未来。
  • 不要相信你所怀疑的但怀疑你所相信的。

英文原文:Instant Message from God

译文地址:上帝的即时信息

CSS

关于Google Chrome的CSS Hack

以下CSS Hack适用于Google Chrome及Safari3.1浏览器,经过下面的代码定义,只有Google Chrome及Safari3.1浏览器中的段落文字才会显示为红色,因为:

1.网页仅仅有一个bady元素

2.仅仅这两个浏览器支持伪类nth-of-type()

3.body:nth-of-type(1) 将匹配唯一的那个body元素.

body:nth-of-type(1) p {
        color: #333333;


CSS

Google Chrome:CSS支持最好的浏览器

  确切的讲它应该是最好的之一,因为还有一个浏览器也同样支持CSS选择器相当全面,那就是Apple的Safari3.1。虽然Google Chrome才发布三天,而且评价褒贬不一,但是他的技术、内核以及现在谈论的CSS支持确实是其他浏览器所无法比拟的,至少它的速度还没有多少人质疑过!

  Google Chrome使用的是safari正在使用的引擎AppleWebKit,版本是525.13,而Safari3.1使用的是最新的版本525.18,具体有什么差别我也不太清楚。至少它们都支持CSS3选择器。

  下面是 Engage 公司的前端开发工程师Estelle 测试整理的Google Chrome对CSS选择器的支持情况,并与其它浏览器进行了对比:

(更多…)

前端技术

Google Chrome浏览器正式发布

期待已久的Google chrome浏览器终于发布了,暴风彬彬第一时间下载并使用了该浏览器,在体验度方面,个人认为Google做的很好,当然,使用时间这么短也并非真的能体验出什么,但单从网页可浏览面积来讲,默认情况下要比IE和Firefox做得更好;简洁明快的风格我也很喜欢!

Google chrome安装以后会将原来安装的Firefox中的书签都复制过来,从这里可以看出它也许很多内核技术和Firefox相似。

现在最大的疑问和担心就是它对W3C标准支持的怎么样。

下面是使用截图:


Google chrome特性是:

  • 从界面来看,我们设计了一个简单而高效的浏览器窗口。对大多数人来说,浏览器本身并不重要,它只是一个能够运行互联网网页、网站和网络应用等重要程序的工具。正如谷歌的经典主页,谷歌浏览器延续了简洁、快速的设计理念,帮助用户快速准确地到达目的地。
  • 从根本上讲,我们提供了一个能更好地支持各种复杂网络应用的浏览器基础平台。通过让每一个标签相互独立开来,从而避免了两个标签页产生冲突的可 能,同时面对来自恶意网站的攻击,谷歌浏览器提供了更好的保护。我们提高了浏览器整体上的速度和响应度。我们还建立了一个更强大的 JavaScript 引擎 V8,以便为下一代网络应用技术提供支持,这些网络应用在目前的浏览器上几乎不可能实现。


Google chrome下载地址:http://www.google.com/chrome


前端技术

Google 将推出开源浏览器 Google Chrome

Google Chrome Logo

Internet Explorer 8 (IE 8 ) Beta 2 正式推出下载后不久,Google 宣布其浏览器 Google Chrome 将会在周二推出下载,但事实上,下载页面 gears.google.com/chrome/ 曾上线过,但不能下载,只有一些截图。以下是一些介绍和截图(更多截图):

(更多…)