[-]
　　Smashing Magazine 是一个专门收集各类优秀英文网站的站点，他们收集的网站主要是和网页设计相关的的文章、参考资料、教程、免费的商业资料。下面是他们今年一月份收集到的网站：

设计画廊、展览与设计灵感

• Zeniltuo.com - 灵感之旅（CSS & Flash）
• Email Design Gallery

图标、字体、WordPress 主题

• Five Freefonts You Shouldn’t Have Missed（5 种你不能错过的免费字体）
• Free Photoshop Brushes（巨量的免费 Photoshop 笔刷）
• 12 Basic Free CSS Templates（12 个基本的免费的 CSS 模板，本文由 cunni 编辑。）
• CSS Layouts: 1, 2, 3 and 4 Column Layouts（CSS 布局：1、2、3 和 4 栏）
• Designing a WordPress Theme From Scratch（想学习 WordPress 主题设计的朋友们必备的教程，最近 E-Space 正在更新 WordPress打造CMS内容管理系统教程 系列文章[1]、[2]、[3]、[4]）
• Free XHTML/CSS Website Templates
• Useful resources for creating a WordPress theme
• Valacar’s Userstyles: Google, YouTube（一个收集 userstyles 的网站，必备条件，使用 firefox、及其扩展 Stylish 。）
• Web 2.0 Icons Pack（Web 2.0 风格图标集）

网页排版# Copyright for Jandan.net(http://jandan.net/)

• Whitespace（空白字符与视图）
• The Effect of Typeface on the Perception of Email（一份有关 E-mail 字体感觉的研究）
• Best Fonts of 2006（2006 年最佳字体，另附 Most Popular Business-Typefaces 最流行的商业字体）

参考资料、教程、技巧（就是 Tips，广东话叫贴士）

• HTML5 Elements and Attributes（现在 110 个 HTML 元素看起来非常简洁，新的 HTML 标准）
• Visual jQuery Cheat Sheet（JavaScript-Framework jQuery）
• PDF-mags（PDF 电子杂志，有关 art，design，illustration 和 life。）
• Google Ranking Factors - SEO Checklist（介绍超过 100 个 SEO 因素）
• Drupal 5.0
• 100 Best Fonts
• Code Igniter（PHP 应用程序开发框架）
• Intype（强大的代码编辑器，有高亮语法功能）
• WordPress 2.1 Ella（这个不用多做介绍吧？）
• Research-Based Web Design & Usability Guidelines（关于网页设计及其艺术准则的基础研究）
• Wikipedia Search Engine WikiSeek Launches（维基搜索引擎，专门搜索维基网站）
• Learn Ruby on Rails: the Ultimate Beginner’s Tutorial（RoR 初学者教程）
• Prototype Reference Widget（为了更快得存取各种文档，作者创建了这个简单的 Dashboard widget 。# sfufoet ：汗，Dashboard widget 不会翻译）
• Making a Good Favicon（Favicon 教程，也可以参考 Inspire Yourself: 50 Remarkable Favicons）

工具、网络服务

• Design-Feed（一些设计 feed 的聚合）
• Hey!Watch（在线视频转换平台，可实现任意格式的转换。）
• Bubblesnaps（为你的照片添加专业的对话气泡，还可以把你的作品当成电子贺卡 E-mail 给朋友们。）
• Ways to test your site for the mobile web（去看看你的网站在 mobile 浏览器是怎么样吧）
• Xopus 3.1（XML 编辑器）
• Email Riddler 2.0（E-mail 地址加密转换工具，可用来防止 Spammer 收集你的 E-mail 地址。）
• Mint 2（一个可扩展的网站分析工具）
• BrowserReports（专门分析 Firefox 和 IE 增长进度的工具。#sfufeot：好像没什么）
• pic2color（在线的图片颜色组合分析器）
• Tinglets（煎蛋介绍过：tingelets - 用颜色标记你的网页!）
• Typo Generator（白字排字工。作用：用来产生最匹配最常见的拼写错误，然后高价出售。#sfufoet ：网站的意图就是让你去抢注这些域名，然后不用我说了吧。想想，jiandan 让 sein 变成 jandan，所以 sein 也是白字排字工。：P）

CSS、（X）HTML、PHP

• Hyperlink Cues with Favicons（用一个 Favicon 来标记一个链接是内部链接还是外部链接。）
• 53 CSS-Techniques You Couldn’t Live Without（53 个基础的 CSS 技巧）
• Custom Reading Containers（一个简单又令人惊奇的小脚本，可以让读者像在 Windows 中调整窗口大小一样来调整网页中容器的大小。）
• CSS Printing Guide
• PNG Overlay（为 JPEG 和 GIF 图片添加 一个透明的 PNG 水印或外框。）
• Create browser dependent stylesheets using PHP（让 CSS 代码在不同的浏览器达到同样的显示效果，以 PHP 语言为例子。）
• Styling form controls with CSS, revisited（在 8 个浏览器和 4 和操作系统中对一些网站进行截图，展示不同的 CSS 规则在不同的浏览器下的效果。）
• Iconize Textlinks with CSS（用不同的图标来标记链接，比如在一个以 .pdf 结尾的链接会显示一个 .pdf 的图标。）
• The Definitive Guide to Web Character Encoding（网页字符编码教程）
• Internet Explorer filter or hack using character escapes
• Centering an image | Part 1，Centering an image | Part 2（图片居中教程）
• Riding Rails 1.2: REST admiration, HTTP lovefest, and UTF-8 celebrations（又一个 RoR 教程）Simple PHP randomizer
• The easiest way to PNG support in IE6
• Attach icons to anything with CSS（为任意的元素加上图标，CSS教程）
• CSS Selectors and Pseudo Selectors and browser support
• How to convert Photoshop Design to XHTML/CSS-Layout（如何把一份 PhotoShop 设计变成 XHTML/CSS-Layout。#sfufoet：下面我就不做简单翻译了。直接链接而已。）
• Five CSS tricks that repeatedly saved my a**e, why need more?
• Bubble Tooltips
• CSS support table
• Good-Looking, Sharp Offset, CSS Text Styling
• How to convert your photoshop document to a CSS in less than 30 seconds

CSS Tools and Services

• DOMAss - The DOM assistant
• CSS Documentation Shortcut
• CSS Type

Ajax, Javascript

• Interface elements for jQuery
• mootools
• AJAX poller script
• Prototype Javascript Library 1.5

Articles and Publications

• Cheating Color
• How to write a proper CV and get hired as a web developer
• Heuristics for Modern Web Application Development
• Markup as a Craft
• Tips for a Better Design Review Process
• Don’t be the weakest link
• Enhance your (page) performance!
• Firefox 3 Plans and IE8 Speculation - Browsers Heading Apart Again
• 10 CSS Tips from a Professional Front-End Architect
• A List Apart: Articles: Quick CSS Mockups with Photoshop
• Paper Prototyping
• 15 important research findings you should know
• Great web tools for the frontend ninja
• How to Grok Web Standards
• Practical, Entry-Level Web Accessibility
• Web Design Contracts: Why Bother
• Must Read Search Marketing Blogs
• Interviewing 9rules ~ A Group Interview
• Essential Tools Every Blogger Should Have
• Finding Business
• Expectations and Best Practices for Moving to or Launching a New Domain
• Seven accessibility mistakes you don’t want to make
• Best Practices for Title Tags
• 23 Ideas for Finding New Readers for Your Blog

Farben, Farbpaletten, Texturen

• Kaliber10000 { The Pixel Patterns Collection }

The Last Click

• Apple iPhone
• Tim O’Really on Web 2.0
• blog.josephhall.com

#sfufoet：用 56k 小猫爬网的 sfufoet 倾力打造。写完本文感觉对非设计人员来说最有用的东西就是这个Typo Generator。web 2.0 流行白字。

链接 | 来源

PREV : 开源的 ColdFusion 服务器
NEXT : 超强 Mac 应用程序列表