自学成才

31. Pixel Haven

32. Design Hotels

33. Jon Tangerine

34. Winnie Lim

35. Wonderful Union 36. Apple Obvious, but I could not resist myself and not to include Apple minimalist ethalon page, t...

个人认为标准的网页设计配色最多不超过三种颜色，复杂的配色方案看上去更为花哨，而反之一些极简的网页配色方案也流行起来，最近的Yahoo首页改版也能体验到未来的设计趋势，下面是排版整洁、极简的网页配色设计方案，放在你的项目中能给你带去灵感！


1. Brilliancy  

2. OffSet Media

3. PixelBot

4. Pixel Umbrella ...

在中国，很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS，甚至很多人都还不知道xHTML+CSS是 什么意思，只知道盲目的追求DIV+CSS，但在国外，是没有DIV+CSS这个概念的，很明显如果单从字面上去理解，DIV+CSS的网页就要全都是 div，很明显是无法达到语义化标准的。彬Go也希望通过博客让所有读者正视代码语义化的重要性，请把”DIV+CSS”这个词从脑子中删除，用 ”xHTML+CSS&r...

In the old days, we depend a lot of on developers and programmers to help update the website, even when it’s just a minor one. Thanks to the CSS and it’s flexibility, styles can be extract independently away from the codes....

这份列表收集一些比较优秀的CSS布局，这些布局都免费供个人和商业使用。当然，你使用之前还是得看版权说明，也许会发生许可协议变更。

Layout Gala- 这个网站收集了40多个专业的CSS布局，每个布局都通过了CSS和HTML验证，且不需要Hack，兼容各大主流浏览器。
CSS Layouts - 另一个专门收集CSS布局的网站。 Dynamic Drive CSS Layouts – Dynamic Drive对于喜欢设计的人来说是比...

简介

本文整理了50个优秀的、高质量的、免费的Wordpress主题给大家。这些主题包含了制作精细且华丽的主题，也有简洁清爽的主题，你可以找到适合你的设计品位的wordpress主题。

译者注：WordPress是最受欢迎的博客发布平台之一，具有免费，高度可定制、容易安装和使用等特色。由于Wordpress是如此流行和受欢迎，你可以找到大量的Wordpress开发以及管理等方面的资源，丰富的用户指南让你能够快速的上手使用。参考资料：...

Ajax最主要是为了达到良好的互动效果, 其中滑动和滚动技术的应用是一个重要的设计领域. 在一个有限的空间内, 通过导航或滚动操作查看到全部要展示的内容, 同时, 还要让用户产生觉得操作方便与友好. 下面, 我们收集了30个利用Ajax/Javscript实现的滑动门特效, 滚动栏技术, 滚动条等等滑来滚去的应用示例.

你也可以查看之前发表的一些相关的Ajax和Javascript应用的文章:

30个精挑细致的Ajax和Javascrip...

简介

为什么你网站的访客不断的离开，甚至有些永远都不再回来！本文介绍的14个免费访客行为分析工具将帮助你：
1、了解你的访客需求
2、提升用户体验
3、提高网站可用性
4、留住更多的回头客
5、提高销售的成功率



关于网站设计有一个很大问题: 如果你想让你网站的访客更好的转换为你的客户（或者忠实读者），你需要理解这一点，为什么大多数的访问者不再返回...

（相册程序是个很好用的东西，前一段时间我专门研究过它，用它来制作一个漂亮的相册非常简单，Vivalogo收集的这33款相册程序都是免费的，而且非常漂亮）

这是Vivalogo网站收集的33款非常漂亮并且免费的Javascript和Flash相册程序。

JAVASCRIPT GalleriaDemo

Galleria是一个用 jQuery写成的javascript相册程序。它从一堆照片中一张一张的装在图片，并且可以缩略...

今天是2008年的最后一天，彬Go为大家奉上今年的最后大餐，这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实 例及工具资源等，有一些是曾经彬Go发表过的翻译文章。实在是丰盛的需要消化很久…无论您是刚入门的前端开发菜鸟，还是有多年前端开发经验的高手，我相信 下面的这些日志总会有您需要的！

来自 eRoading 的一组 Web 设计资源大全，包括字体，CSS 资源，Logo 设计资源，图标，设计启发，教程，Photoshop 素材下载，以及 WordPress 资源。每个类别又包含数十套该类别下的具体资源，可能是有关 Web 设计的终极资源了。强烈推荐！

前几天eRoading介绍了75个最佳Web设计资源，现在再向大家推荐另外50个不错的Web开发设计文章、教程及资源。基中包括CSS技巧、字体、Potoshop、Illustrator使用指南等相关web开发。

Photoshop 资源下载

1、CSSTidy - CSS Tidy是一个开源的CSS分析和优化工具；
2、CleanCSS - CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。
3、CSS Optimizer - CSS Optimizer可以通过优化压缩CSS样式文件大小。
4、CSS Analyzer - CSS Analyzer可以帮助你检查你的CSS样式是否符合W3C的认证。

字体类CSS Optimizer

1、Em...

CSS命名规范

一．文件命名规范

全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；

二．常用类/ID命名规范

页　眉：header
内　容：content
容　器：container
...

CSS代码的命名惯例一直是大家热门讨论的话题。今天暴风彬彬想通过分析一个流行三栏布局中的必要元素，来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。 您还可以参考彬Go的相关文章:
《整理及优化CSS代码的7个原则》
《10个CSS简写技巧让你永远受用》
《DIV+CSS网页布局常用的一些基础知识整理》 

CSS类命名的语义化VS结构化方式 　　一般而言，CSS类名的语义化声明方式应当考虑你的页面...

　　CSS简写就是指将多行的CSS属性声明化成一行，又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小，其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候，你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。

　　今天，暴风彬彬整理了一些CSS简写技巧，它们其实是CSS最常用的写法，但是太多的人使用Dreamweaver这种所见即所得软件来编写CSS，使...

作为网页设计师(前端工程师)，你可能还记得曾经的那个网页大小建议:一个网页（包括HTML、CSS、Javacript、Flash和图片）尽 量不要超过30KB的大小，随着互联网的日益庞大，网络带宽也在飞速发展，很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的CSS布局 和Javascript对网站用户体验的强化，使得这种现象越来越普遍，尤其是对于大型网站来说，仅仅一个CSS文件就已经超过了30KB的上限。 　　但是即便如此，现在也有很多准则来帮助你在完成CSS布局后进行CSS代...

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

1. A List Apart CSS Topics

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

1.Hoverbox 图片集

一个纯净的基于CSS的图片集，鼠标悬停缩略图就会显示放大效果。

什么是css框架

实际上还是让我们从框架说起吧。
框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 

css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如：

• typography.css 基本排版规则
• grid.css 基于网格的布局
• layout.css 通常的布局
• form.css for 表单样式
• general.css 更多通用规则

您还可以参考以下前端开发/CSS相关资源:

《推荐12款可用于前端开发的免费文本编辑器》
《Web前端开发必备手册下载》 
《推荐20个让你学习并精通CSS的网站》
《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》 

下面一起来了解一下各种不同的CSS框架吧:

1.960 Grid System

　　960网格系统是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果，基于960像素的页面宽度。它有两种类型，12和16列，他们可以独立使用或是协同使用。

设计开发中的“框架”指一套包含工具、函数库、约定，以及尝试从常用任务中抽象出可以复用的通用模块，目标是使设计师和开发人员把重点放在任务项目所特有的方面，避免重复开发。通常的讲，框架就是就是最常用的JavaScript框架和Web应用框架，当然，还有CSS框架(15个CSS框架简介和Typogridphy: 适合网格布局的CSS框架和用于网格设计的960网格系统)。

下面我们介绍一些比较常见的Javascript框架，高手跳过，才学JS和Ajax的朋友则应该好好了解一下。

Dojo

Dojo 是一个强大的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供 Ajax，events，packaging，CSS-based querying，animations，JSON等相关操作API。Dijit是一个可更换皮肤，基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件：DateGrid，charts，离线应用，跨浏览器矢量绘图等。文档和可扩展的组件模型。

1.GreyBox

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

 

　　这里是关于GreyBox的关键页面:下载页面, 说明页面, 实例, 安装,和 高级用法(如果你是JavaScript高手，看完这个页面中的一些技巧说明，你就能扩展它的函数库了)

1.Ajax Rain

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

 

Ajax/Javascript实例:

•  EXT JS Date Picker
•  jQuery Feed Menu
•  jGrowl
•  FastFind Menu - Jquery
•  Spiffy Accordion

1.Fancy menu - 非常酷的导航菜单: