自学成才

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对于喜欢设计的人来说是比...

（相册程序是个很好用的东西，前一段时间我专门研究过它，用它来制作一个漂亮的相册非常简单，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列，他们可以独立使用或是协同使用。

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