JavaScript, 资源

10个非常棒的Ajax及Javascript实例资源网站

  今天,暴风彬彬要向大家推荐10个相当棒的Ajax和Javascript国外资源网站或博客,它们提供了相当多的高质量Ajax、Javascript实例及教程,喜欢Ajax和Javascript的朋友绝对不能错过。彬Go曾经还介绍过300多个Javascript导航菜单,有兴趣的话,也可以看一看。

1.Ajax Rain

  AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例,有一些Demo的确值得你去看一看,即使你不是网页设计(开发)师。

(更多…)

CSS, 资源

推荐20个让你学习并精通CSS的网站

  CSS的学习过程既可以说简单又可以说是复杂。CSS的语法比较简单,但CSS的应用中有一些概念(一可以说是原理)还是很难掌握的。今天暴风彬彬向你推荐20个出色的CSS技术类(英语)网站帮你更好的理解和掌握CSS,其中包括各种各样的网站,从博客到清单风格列表甚至网站,它们都侧重于研究同一个主题,那就是CSS。

1. A List Apart CSS Topics

alistapart-css教程

  A List Apart,学习网页设计和最佳实践的首选网站。这个网站从1999年就开始发表关于CSS的文章,其中大部分文章都是面向那些更注重符合标准设计的中级到高级设计师。

(更多…)

用户体验, 网站可用性, 网页设计

四种影响网站可用性的网页设计例子

  本文是雅各布·尼尔森开办的互联网设计可用性应用专业网站上登载的一文,用四个失败的例子讲述了四种网页设计上常犯的错误,这四个例子很好的解释了怎样的设计会使网站的可用性及用户体验变得一塌糊涂。相信对喜欢网页设计和关注网站可用性用户体验的朋友会有帮助。

  不合适的内容,坏链接,糟糕的导航系统,不清楚的分类……哪些最影响商业成绩?以下的例子里,不合适的内容荣列“浪费企业最多金钱”榜首。

  每年,不论在专业研究还是日常生活中,我都看到几千个设计上的错误。就像中了丹·诺曼的诅咒一样,半数的网页设计让我看了就感到生气:为什么人们不能按着丹 20年前就告诉他们的那样去做?

  然而,网页设计者们也没有按照我 13年前说的去做,这就是让我大为吃惊的原因。下面罗列的几个近日遇到的最蠢设计算是我最近的小小收获。

没法提供信息的链接:《纽约时报》

nytimes.com 网站在每一篇文章下面都放了一个链接:

网站可用性-研究
点击可查看清晰大图

(更多…)

网站可用性

提高网站设计可用性(有效性)的10条原则

  决定一个网站成败命运的,不是视觉设计,而是设计的可用性和有效性。访问网页的用户们握着鼠标,决定一切,“以用户为中心”已然是成功网站的标准设计方向。总之,用户不用的功能,就不该存在。

  我们并不打算重复探讨操作细节(比如:“搜索工具栏”应当怎么放置),相反,我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上。这些如果能够使用得当,可以催产出更丰富的设计作品,且使呈现的信息更容易被获取。

网页设计有效性原则

  为了能够合理利用这些原则,我们首先需要理解用户是怎样与网页交互活动的,是怎么思考的,行为的基本模式又是怎样的。

用户是怎么思考的?

  通俗地讲,用户在互联网上的行为习惯与日常商店中的顾客们并无二样。来访者们扫视每个新页面,浏览其中的一些文本,点击他们最感兴趣的链接,或者隐约觉得能带他们找到他们想要内容的链接。事实上,页面的绝大部分,他们根本不看。

  许多用户找寻感兴趣(或者他们觉得有用)且可以点击的信息,只要一些看起来符合期望的目标出现,用户就会去点击。如果新页面没有满足用户的期望,用户将点击“后退”,继续搜索。

  • 用户看重质量和信誉。如果一个网站向用户提供了高质量的内容,用户就演绎忍受广告和糟糕的设计。这就是为何有些网站设计平平,但提供了高质量内容,就年复一年拥有着骄人的流量。内容重于形式。
  • 用户不是阅读,而是浏览。用户分析一个网页的时候,寻找一些重要的节点或者锚点,目的是希望这些链接能够指引他们到期望的内容。

    web-可用性-有效性
    用户不是阅读,而是扫视浏览。主要“高亮”区域在页面内容的中间断开了。这是典型的扫视浏览模式。

  • (更多…)

网页设计, 资源

推荐3个网页设计在线配色网站

网页-配色

  对于网页设计师而言,每个网站的设计都需要一套最适合它的配色方案,配色方案的选择关系到整个网站的成功与失败。你会不会因为苦恼于一个很急的网站项目的配色方案迟迟没有确定,而抓狂呢?下面暴风彬彬要向大家推荐三个国外的在线配色方案网站,也许会对你的设计工作带来很大的帮助。配色方案也可称为调色板,网站会为你提供各种风格的调色板来应用于不同风格的网站,其中肯定会有适合你目前着手的项目或你的喜好。

(更多…)

网站可用性, 网页设计

20+漂亮的网站分类存档设计赏析(下)

  当我们提到漂亮的网页设计的时候,一个很容易被忽视的网站元素就是分类列表。所以我想通过这篇文章来总结一些我看到过的很棒的网站分类列表设计,分享给大家。也希望大家通过这篇文章重视分类列表的设计。今天暴风彬彬将继续赏析国外漂亮的页脚设计、存档页设计。您还可以浏览之前的侧边栏设计、日历设计和标签云设计赏析

;

  希望大家在欣赏这些原创的设计的同时,仔细观察它们的细节,理解它们的创意。然后一起来讨论如何才能将自己的分类列表设计得如此漂亮。

  有几个设计出色的网站在这里出现了不下一次,主要是因为它们的分类列表在网站上有多种样式。

页脚

  相比使用侧边栏,网页设计中一个普遍流行的方式是在页脚位置放置补充信息(比如导航、分类列表、缩略图等)。如果使用页脚而取代侧边栏,那么页脚将能为页面的主要内容提供更多的空间;而且它还能为页面的底部创建漂亮的锚。在这里我们能看到在网站中被定义为“楼底”的页脚。我们还能了解到一些放在底部内容区的“伪页脚”。

  这里面有一些实例我们曾经在之前侧边栏介绍中看到过,它们双重推荐!

现在一起来讨论一下页脚吧…

第一个:Viget Labs Inspire.

页脚设计
点击缩略图查看大图

(更多…)

网站可用性, 网页设计

20+漂亮的网站分类存档设计赏析(上)

  当我们提到漂亮的网页设计的时候,一个很容易被忽视的网站元素就是分类列表。所以我想通过这篇文章来总结一些我看到过的很棒的网站分类列表设计,分享给大家。也希望大家通过这篇文章重视分类列表的设计。今天的第一部分将赏析国外漂亮的侧边栏设计、日历设计和标签云设计。下半部分将赏析页脚设计、存档页设计和总结。

  希望大家在欣赏这些原创的设计的同时,仔细观察它们的细节,理解它们的创意。然后一起来讨论如何才能将自己的分类列表设计得如此漂亮。

  有几个设计出色的网站在这里出现了不下一次,主要是因为它们的分类列表在网站上有多种样式。

侧边栏

  网站最普遍的一个显示分类列表的地方是侧边栏。这些列表可以代表性的分解成按类别的列表和按日期的列表,有时还会包括那种更新列表、日历或标签云的形式。

首先来看看Szabolcs Bakos的网站,New Concept.

侧边栏设计-newconcept
点击查看清晰大图

(更多…)

网站可用性

网站可用性研究:分类VS标签(Categories vs Tags)

网站可用性-categories-vs-tags

  今天暴风彬彬要和大家一起探讨一个网站可用性话题,那就是分类和标签的可用性问题。像博客或网络杂志这类的网站会以各种各样的方式组织和排序它们的内容以使更多的内容得到关注。按日期排序和按作者排序是网站系统通常的自动处理方式,在这两种方式基础上有两种概念来完成排序:分类(Categories)和标签(Tags)。你可以同时使用这两种方法,但是可能会制造很多影响用户体验的困扰。那么你到底应该用哪种方法和为什么要用那种方法呢?让我们来一一调查这两种排列方法。

(更多…)

JavaScript

12种Javascript解决常见浏览器兼容问题的方法

javascript-浏览器-兼容性

  我们提倡尽可能使用CSS,而且我们常常能做到这一点。现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计。但是有时候,某些网页元素在不同的浏览器会出现不同。

  如果你不知道原因,不要过于担心,请研究CSS规则并查看这篇文章:使用CSS来修正一切: 20 +常见错误和修复

  如果这些也无效,您可以通过下面列出的12个javascript解决方案修复它,这样您的网页看起来就能跨越所有浏览器了!

  在本文中,我们会揭开你在开发web应用是可能会遇到的12个最常见CSS问题的javascript解决方案。

(更多…)

WordPress

推荐12个WordPress博客Feed及RSS订阅相关插件

wordpress-feed-插件


  WordPress的和RSS在一起就像火腿和奶酪,但总有办法使得组合更加的好。下列12个WordPress插件将帮助你丰富你的Feed信息内容,管理你的Feed订阅用户,并查看统计你的RSS订阅。

(更多…)