今天是2008年的最后一天，彬Go为大家奉上今年的最后大餐，这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实例及工具资源等，有一些是曾经彬Go发表过的翻译文章。实在是丰盛的需要消化很久…无论您是刚入门的前端开发菜鸟，还是有多年前端开发经验的高手，我相信下面的这些日志总会有您需要的！
注:链接到的文章都是英文，如果您的英文不好可以尝试使用Google翻译，如果还是无法理解，可以将想看的文章的标题留言给我，暴风彬彬今后有时间会为大家翻译的。 本文未完，点这儿看完整内容 » »

数学是优美的. 听上去有点奇怪? 当我第一次开始设计的时候，我确信如此。数学如此刻板乏味。你可能会惊讶的发现，最美观的设计，艺术作品，物体，甚至人都有数学上的共同点。尤其是黄金分割，也被称为神之比例，希腊字母表示其为 Φ (phi). 本教程会剖析一个网站的布局，以及如何对其黄金分割。

-

本文未完，点这儿看完整内容 » »

如果你曾经收藏过许多关于CSS的最佳实践但还没开始利用它们，那么这篇文章将帮助你制作一个很好且很有组织的CSS文件来应用于一些CSS最佳实践。在这里我将为为我的下一个项目制作一个基本的CSS模板文件。使用标准的重设(Reset)方法，定义一些基本的方便的类，命名一些常见的页面区域等…

本文未完，点这儿看完整内容 » »

今天无意中在Google中文首页发现这样的链接:19,000 孩子设计了富有创意的谷歌徽标，您来决定哪个作品有机会登上谷歌首页。请投上一票！

Doodle 4 Google 谷歌国际少年绘画大赛，是 Google 谷歌公司举办的一项全球性少年绘画创意大赛，主要面向世界各国的中小学生。这项国际化的知名美术设计大赛，已经分别在美国、英国、澳洲等国成功举办。今天，它来到中国，率先于北京市朝阳区启动。本项大赛主题为“我的中国”，就是要让每个中小学生有机会通过手中的画笔，描述他们心目中的祖国。

本次涂鸦大赛分为四个年龄组，分别是1~3年级、4~6年级、初中和高中，每个年龄组目前有10个作品入围，大家可以去看一看，咱们祖国的花骨朵们都多没有创意，说实话，我甘拜下风！实在是佩服这些孩子。以下是我在每组中投票的作品。其实每个都很漂亮。 本文未完，点这儿看完整内容 » »

上周彬Go跟大家分享了2008年国外50个最佳CSS设计，今天暴风彬彬将向大家推荐国外50个2008年最漂亮的网站，08年的网页设计开始流行一些破旧的质感和一些植物、图腾效果,还有一些网站在追求一种平面中的立体感，让用户感觉更加身临其境。这50个网站可以说是风格各异，每个网站都有自己独特的设计风格。相信您在看完之后也会获得很多宝贵的灵感。

Saizen Media

本文未完，点这儿看完整内容 » »

本文未完，点这儿看完整内容 » »

　　云隙阳光效果是当今网页设计和平面设计中非常流行和时髦的设计趋势。云隙阳光效果就是指从某一点向四周发出的太阳光线效果。它们是Web2.0的设计趋势，在配合其它图形元素的时候会使设计工作更加事半功倍。

　　今天暴风彬彬将和大家一同分享一些如何使用现有的Photoshop形状和笔刷创作你自己的云隙阳光效果，然后会为大家展示15个使用了云隙阳光效果的漂亮的网站实例。

本文未完，点这儿看完整内容 » »

　　2008年已经接近尾声，暴风彬彬今天将同大家一起来回顾今年的一些网页设计共享资源，在这里我收集了一些2008年我很喜欢的免费资源。在这篇文章中您将看到涵盖网页设计图标素材、Wordpress主题、网页设计字体、网页设计材质素材乃至生成背景图案的网站应用程序的一些不错的资源，它们有的能对你的网站项目有所帮助，有的则会给你带来更多设计灵感。还等什么，继续往下看吧…

您还可以参考以下网页设计相关资源:
《220个漂亮的免费Photoshop图层样式下载》
《推荐3个网页设计在线配色网站》
《精选30个免费高品质PSD源文件》
《网页设计必备的10套漂亮图标集》 

BB 免费字体:Conglomerfont

一款漂亮的免费英文字体。

免费图标: Function Icon Set

包含128个高质量图标的网页设计图标素材集。

本文未完，点这儿看完整内容 » »

　　很多CSS爱好者不喜欢HTML表格，尤其是在制作表单的时候，虽然现在已经是XHTML+CSS的年代，但表单的设计大多还在采用table来布局。那么，有没有更好的使用纯语义化XHTML+CSS设计表单方法呢？今天让我们一起来尝试这种更符合语义化的方法来代替Table嵌套的表单元素吧！

　　在这里暴风彬彬要说，并不是要完全摒弃table的使用，它有它的语义化布局作用，尤其是在存储数据的时候。我在大多数情况下会使用纯CSS来设计表单，但是，我也很喜欢表格，只要我们能在正确的地方使用正确的元素就可以了，不要太过追求所谓的DIV+CSS。直接使用table要比使用CSS来”模拟”(display:table;)表格更方便更快速。下面暴风彬彬将分享一种使用纯CSS代替HTML表格元素设计表单的方法。

您还可以参考以下CSS相关教程及资源:
《使用CSS创建三列固定布局结构》
《使用CSS完美实现垂直居中的方法》
《通过不同的CSS设计字体大小来提高用户体验》
《可用性研究：为文字链接扩大可点击区域》 

本文未完，点这儿看完整内容 » »

　　今天的话题是如何改进自己网站的界面或提高网站的视觉体验，从而让用户记忆犹新。

　　我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那些打算提高工作效率或不愿意从头开发脚本的人阅读。

　　这里收集了10种强大的且容易上手的JavaScript特效来改进您的网页站界面，从而得到更多的用户体验。这10种javaScript特效回味你的网站带来意想不到的视觉盛宴，而且安装和使用都比较容易。

您还可以参考以下JavaScript/Ajax相关教程及资源:
《10个非常棒的Ajax及Javascript实例资源网站》
《12种Javascript解决常见浏览器兼容问题的方法》
《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》 

1.GreyBox

　　GreyBox 允许你以模式窗口的形式运行其它网站(类似于弹出式窗口，但又不运行新的浏览器窗口).如果你的网站上有一些其他网站的导出链接，但你又不想让你的用户离开你的网站或不想让他们打开另一个浏览器窗口的话，这真的是一个很好的解决方案。使用GreyBox 非常简单。

本文未完，点这儿看完整内容 » »