Archive for the 'Resource' Category

8个Web设计师必备的Google Chrome插件

8-google-chrome-extensions

2008年9月,Google发布了自己的浏览器Chrome,在两年不到的时间里,Google Chrome成为了位于IE和Firefox之后市场占有率第3高的浏览器。另外,不到两年的时间里,Google Chrome浏览器的版本已经升级到了6.0(Dev版本),堪称地球上升级速度最快的浏览器。自从4.0的版本开始支持插件后,Google Chrome发展的更快,插件越来越多。其中包括不少能够帮助Web设计师提高工作效率的插件,为此我特意挑选了8个作为推荐。
Read more »

9个Web设计师必备的Firefox扩展

9-must-installed-firefox-addons-for-web-designers

作为网页设计师,如果只和Dreamweaver,Eclipse这些IDE打交道是不够的,这些软件只是开发平台,并不包含强大的调试工具,或者说调试工具功能平平。如果你使用的是Firefox浏览器的话,那么大量的扩展支持可以丰富Firefox的应用范围,其中包含了大量方便Web设计师的工具。因此,我选择了9个较为常用或者重要的扩展作为推荐。

Read more »

CSS 2.1与CSS 3帮助手册

css-help-sheets

纵使非常有经验的网页设计师也不可能有能力把所有的CSS选择器和属性全部记住。这个CSS帮助手册就是用来查询用的,分为CSS 2.1和CSS 3,内容不多,都是最主要的东西。如果可以打印下来放在桌上或者挂在墙上什么地方,想不起来的时候看一下就OK了。

Read more »

一套含PSD的网页UI设计模板

fuel-ui-design-kit

网页的设计对于网站来说非常重要,但是设计UI并不是容易的事,要么是设计的不太好看,要么是不太好让多个元素的风格保持一致。为此,提供一套国外高手已经做好的免费的UI设计模板,内含一个PSD源文件,直接使用这个文件切图就可以了。

Read more »

74个社会化网络图标下载

74-social-media-icons

很久没有写文章了,最近忙得厉害。收集了一套图标,包含74个社会化网络的图标,包括Google,Windows Live,Facebook,Twitter,Digg等网站的图标。内含16×16与32×32的PNG图标,如果你觉得这么大的分辨率太小的话,那么还包含一套EPS格式的矢量格式,这样可以无限放大和缩小。

Read more »

6个必装的WordPress插件

6-must-installed-wordpress-plugins

WordPress是目前最受欢迎的BLOG系统程序(没有之一)。WordPress是个开源免费的BLOG架设程序,不仅功能强大,而且插件也很丰富,可以扩展出相当多的功能。一般来说,WordPress架设的程序或多或少都要装些插件的,在此我推荐6个必装的WordPress插件。

Read more »

3款免费圆角英文字体下载

rounded-fonts

这三款圆角字体有些卡通的风格,很适合Web 2.0刮起的圆角之风。圆角字体用于做大标题比较合适,配合适量风格的背景图片效果会相当不错。

Read more »

24个Google Buzz图标下载

google-buzz-icons

Google不久前推出了类似于Twitter的SNS平台——Google Buzz,Buzz的图标延续了Google的四色风格。这次带来的就是Google Buzz的图标。Buzz的图标还是比较简洁的,看起来有点玩具的感觉,放在网页上搭配好的话效果应该会很不错。

Read more »

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

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

10-style-web-buttons

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

下载

HTML 5参考手册

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