SoleilNeon's Blog

10种风格的网页按钮图标集

11. March 2010ResourceSoleilNeon0 comments (17 views)

设计网页的时候需要各种图标包括按钮也需要各种图标，设计图标确实是个麻烦事，最近收集了一套具有10种色彩风格的按钮图标。下面是张预览图。

10-style-web-buttons

建议使用的时候先阅读一下其中的Readme文档，里面是版本声明：可以自由使用这套图标，包括用在商业网站上，但是不能用于商业用途，比如再次出售。毕竟人家也是有版权的，做个图标不容易啊。

下载

怀旧复古Photoshop 3/4/5下载

5. March 2010SoftwareSoleilNeon12 comments (274 views)

说到在电脑上处理图像没有人不知道Photoshop，就连不会用的小姑娘制作非主流的照片都都选Photoshop，可以看出Photoshop在人们心中的专业性。从1990年发布第一个版本以来，Photoshop在上个月刚刚度过20岁生日。

Photoshop现在最新版为CS4，版本号11，估计在4月份的时候Photoshop CS5应该就会发布了。现在我们暂时不向前看，把目光转回到过去，Photoshop历史上经典的版本。Photoshop 3就是一个很经典的版本，从这个版本开始Photoshop加入了图层的功能，随后的4和5也有非常大的改进。只可惜Photoshop在Windows平台上最早的版本Photoshop 2.5目前还没有找到。挖掘基上介绍了Photoshop 20年的进化历程。

photoshop-3-screenshot

Photoshop 3很小，整个安装包只有10M多一点，而Photoshop CS4的安装包是1.5G，大约是前者的150倍。

Serif vs Sans Serif 该如何选择

2. March 2010Techniques, VISIONSoleilNeon13 comments (272 views)

字体的种类众多，但是可以分为几大类。在网页中使用的字体主要分为Serif和Sans Serif字体，这不是什么具体的字体，而是字体的分类名称。Serif字体和Sans Serif字体的区别在于Serif字体是有衬线的，而Sans Serif字体是没有衬线的。光用文字表述还不能说清楚，下面这幅图就能体现这两种字体的区别了。

serif vs sans serif Serif vs Sans Serif 该如何选择

左边的就是属于Serif字体的Georgia字体，这是Windows系统中自带的。右边的是属于Sans Serif字体的Arial字体，也是Windows系统中自带的字体，Arial字体在网页中使用很广泛。可以看到Serif字体在笔画末端会有衬线，而Sans Serif字体则没有。Serif字体常出现在印刷当中，而网页中使用Sans Serif比较广泛。

HTML 5参考手册

25. February 2010ResourceSoleilNeon6 comments (349 views)

HTML 5是下一代网页标准规范，已经有越来越多的浏览器支持HTML 5了，包括Firefox 3.5以上的版本，Google Chrome，Opera 10和Safari，唯独只有IE系列还没有动静。虽然说HTML 5目前还处于阶级阶段，全面普及有可能要到2020年。但是掌握先机总是有必要的，HTML 5的多个新特性足以使网页的交互能力大大提升。HTML 5中最大的特性就是支持video标签，可以插入视频，而不需要借助例如Flash或者Silverlight之类的插件技术。

尽管曾经还有一个与HTML 5同时在制定的标准XHTML 2，不过现在随着HTML 5的逐渐成熟，XHTML 2已经胎死腹中。两者有太多的交集，没有必要同时存在两种标准，所以W3C取消了XHTML 2的制定。所以，对于广大的设计师来说HTML 5将是今后的出路。如果你想要更为华丽的特效，那么可以采用Flash。

这份参考手册对HTML 5中的所有标签功能和用法都做了细致的说明，不过是英文的，如果英文不是太好的话就开着字典看吧。

html5 HTML 5参考手册

下载html5-cheat-sheet.pdf

比尔盖茨鲍尔默乔布斯和Google创始人卡通头像图标

20. February 2010ResourceSoleilNeon10 comments (336 views)

比尔盖茨，史蒂夫鲍尔默，乔布斯和Google创始人在IT界可是呵呵有人的大人物。最近SoleilNeon收集了一套这些大大的卡通图标。这套图标为透明背景的PNG格式，分为256像素和512像素两种尺寸。可惜不是矢量格式的，要是矢量的话就更好了。

billgatesballmerjobsicon 比尔盖茨鲍尔默乔布斯和Google创始人卡通头像图标

下载

用JavaScript创建可折叠导航菜单

17. February 2010TechniquesSoleilNeon5 comments (208 views)

有时候为了避免页面上出现过多的元素可以将部分元素隐藏起来，等到需要的时候通过鼠标点击展开相应的元素。当导航菜单项目过多的时候就可以采用这种方法。

首先，需要创建HTML列表，代码如下：

Links

Link One
Link Two
Link Three
Link Four

Photoshop键盘快捷键对应图

15. February 2010ResourceSoleilNeon9 comments (218 views)

Photoshop提供了大量的快捷键操作，掌握这些快捷键对于提升设计效率很有帮助。但问题是，那么多的快捷键怎么才能记住？实际上只要记住一些常用的就可以了，所以我推荐一个直接把快捷键写在键盘键位上的图片。普通的Photoshop快捷键介绍都是文字和快捷键介绍，不仅枯燥难懂，记起来还麻烦。这个看起来很直观，下面是一张预览。

Photoshop-Keyboard-Shortcuts