在这个被Ajax技术统治的互联网时代，很多Ajax程序都会在异步读取数据的同时，显示一个正在读取或Loading的动画，今天彬Go要向大家推荐一个在线生成Loading预载动画Gif图片的网站，它不但提供了超多的Loading动画样式供你选择，而且你还可以自定义尺寸、颜色等参数，可谓方便到家，最最重要的是，PreLoaders.net提供的Loading预载动画生成服务完全免费，心动了吧.
继续阅读全文 » »

最近更新日期:2009年8月10日

2009年2月24日，Safari 4.0 beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作，下面提供了最新版本的CSS选择器浏览器支持情况，其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl的总结。
2009年6月30日，FireFox 3.5发布，类似Safari 3.1及更新的版本 (包括Safari 4 beta)，Opera 9.64 （及更新版本） 和 Google Chrome 都支持所有 CSS2.1 和 CSS3 选择器。以下是我对所有浏览器测试后的兼容性统计表，希望对大家有所帮助。
继续阅读全文 » »

在当今标准的Web设计中，CSS是最重要的组成部分。为了让大家更好的理解如何通过CSS来设计，彬Go为大家收集了30个基于CSS的导航菜单和按钮的CSS设计教程，通过这些教程，您可以在您今后的项目中更方便的直接使用或参考，当然也可以用作平时的实践练习。希望大家能从中学到些什么。
继续阅读全文 » »

网站可用性是任何网站的基本要素，而可用的导航更是网站所必需的要素之一。导航决定了用户如何与网站进行交互。如果没有了可用的导航，那么网站内容就会变得毫无用处。导航菜单应当足够简单以让用户快速了解它，但还要包含一些必要的元素来引导用户浏览整个网站——融入一些有创意且漂亮的设计。

下面彬Go要向大家推荐的50款优秀的导航菜单，有些是基于CSS设计的，有些是基于CSS+JavaScript的菜单，还有些是基于Flash的导航菜单设计，它们都有一个共同点:那就是它们都极具创意、界面对用户有好的，且完美的与网站的整体风格融合在一起。

1.基于CSS的导航菜单设计

Loodo
让网站更有感觉的华丽的菜单

继续阅读全文 » »

在默认情况下，大多数浏览器都会将有序列表中的数字序列的与其列表文字内容显示为相同的字体。这篇快速教程将教你如何使用有序列表(ol)和段落(p)来设计华丽的列表数字。

预览

基本上讲，你需要做的只是为ol元素定义Georgia字体，然后为p元素(在ol内)定义Arial字体。

继续阅读全文 » »

在推广Web标准的今天，那些崇尚Web标准的人经常说XHTML比HTML更加严格，当然从某种意义上说是的，比如它要求所有的标签关闭并且所有的属性都用引号。但其实XHTML 1.0还分两种（加上Frameset DOCTYPE的话算三种，本文不讨论），Transitional（过渡型）和Strict（严格）DOCTYPEs。并且HTML 4.01也有同样的文档声明。
继续阅读全文 » »

随着CSS 框架的流行升温不断，前端er们也越来越关注CSS框架的使用，国内也有很多关于各种CSS框架的使用技巧和教程，彬Go一直关注着各种CSS框架，尤其是960 grid system(960网格系统)，由于国内关于960网格系统的文章并不多，所以彬Go会尽量多的去帮助大家翻译和收集一些相关的教程和技巧，今天这篇关于960 grid system的文章转自译言，简单介绍了960网格系统（960 Grid System）问世的过程及960网格系统的特性及使用方法等。希望对大家有所帮助。同时彬Go在此祝大家Happy 牛 year！

更新：

Bryan Veloso 在最近在他重新发布的网站Avalonstar 上应用了960网格系统（960 Grid System）中的16列的PS模板开发。

在这同时感谢他给960.gs提供了网站的截图以供使用。

继续阅读全文 » »

今天彬Go将和大家一起讨论网页设计趋势中很重要的环节，那就是”勾引”用户的按钮。所谓”勾引”用户的按钮，其实对于Web设计师来说，就是如何设计出一个能让大多来访的用户都有点击欲望的按钮。通常这些按钮被链接到下载、注册和购买等功能。

国外设计师 Seth Godin 将按钮比喻成香蕉，而你的用户则会被比喻成可爱的小猴子。我们的目标是能够让小猴子在3秒之内快速找到它们想要的香蕉(也就是在用户放弃并离开你的网站之前)。强迫你自己在设计每个网页的时候都要遵循一个且仅有一个的目标，那就是”香蕉”！让它更大、更醒目、更美观！

这篇文章将和大家一起讨论如何设计完美”勾引”用户点击的按钮并会为大家展示30个不错的网页按钮设计实例。
继续阅读全文 » »

前几天彬Go和大家一起讨论了960 Grid System这个CSS网格系统框架的基本原理和使用方法。今天，暴风彬彬将教大家使用Photoshop结合960 Grid System模板来设计一个真正符合960网格系统的网页效果图。

继续阅读全文 » »

作为办公室一族的你，一整天对着办公文件和电脑是不是很枯燥？如果是的话，就在老板不在的时候偷着玩会小游戏吧，不但放松精神，而且有在线分数排名哦…

这个游戏上手并不难，但是很有可玩性哦！而且能更好的了解物理学，哈哈。只要你在规定数量的炮弹内将城堡完全毁掉就过关，一共五官，后面还是很有难度的噢。用你的完美表现得到更多的分数吧！
继续阅读全文 » »