2007 年一月最佳网站收集
2007-03-13 13:39
369 查看
来自：http://www.s-n.com.cn/
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 风格图标集）
网页排版
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 流行白字。
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 风格图标集）
网页排版
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 流行白字。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 最佳学习网站收集
- 网站统计中的数据收集原理及实现
- 好网站入口收集，长期更新
- 寻找网页设计灵感的27个最佳网站推荐
- 优秀网站收集
- 10大最佳古怪网站
- 最近收集的一些有用的网站
- 10大最佳古怪网站
- 10大最佳古怪网站
- 最佳ASP.NET编程习惯 [ 来自：动态网站制作指南 ]
- hook网站收集
- Yahoo!网站性能最佳体验的34条黄金守则——图片、Coockie与移动应用
- [转]为加快您的网站最佳做法--雅虎工作者总结
- (转)学习 Web 开发技术的16个最佳教程网站和博客
- 图书资源下载网站收集
- 寻找网页设计灵感的27个最佳网站推荐
- 网站收集
- 本人长期设计和收集的一些网站设计页面，非常漂亮和实用。
- 网站web常用图片收集
- HTML5酷站欣赏及学习网站收集