2007 年一月最佳网站收集
Digest, 精选 | sfufoet | 评论(12) | 07.02.08, 9:54 am
# 本文来自煎蛋(http://jandan.net/)，作者为sfufoet。
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
Ajax, Javascript
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
The Last Click
#sfufoet：用 56k 小猫爬网的 sfufoet 倾力打造。写完本文感觉对非设计人员来说最有用的东西就是这个Typo Generator。web 2.0 流行白字。
Del.icio.us 收藏 | QQ 书签 | 9Fav 就喜欢 | shouker 收客 | MrWong 收藏 | 鲜果 订阅
关于 “2007 年一月最佳网站收集”有 12 篇评论 
2007-02-08 3:41 pm
太强了。。。
2007-02-08 5:01 pm
Dashboard widget 可以翻译为“仪表板部件”
举例来说就是Mac、Vista桌面上的那些日历、天气预报之类小玩艺儿。
2007-02-08 10:26 pm
有没有免费的boycott字体，看起来挺不错，在best fonts of 2006里。
2007-02-09 12:22 am
这个不错，希望没月都有，谢谢！
2007-02-09 8:55 am
en.... 说:
07.02.08 at 5:01 pm e
Dashboard widget 可以翻译为“仪表板部件”
举例来说就是Mac、Vista桌面上的那些日历、天气预报之类小玩艺儿。
==============
谢谢。
==============
cokoo 说:
07.02.09 at 12:22 am e
这个不错，希望没月都有
==============
接受建议。我们尽量吧。
2007-02-09 3:16 pm
Dashboard widget 可以翻译为“仪表板部件”
这个译名不太好
2007-02-09 10:03 pm
[...] 之前漏掉一篇：男人XX时易犯的50个错误 [yonnie+elfox / 1303字] 新发现的[不断更新]： 24- 2006世界建筑奇观 [ant / 769字] 25- 2006年Top 25 Webcams [ant / 497字] 26- 工作时间狂览digg [蛋挞 / 562字] 27- Google，免费代理服务器 [sfufoet / 806字] 28- Google 2006 年的12 个代表性图片 [ant / 414字] 29- 2007 Google 猜想 [sein / 750字] 30- 2006年最佳的20个科技创新产品 [ant / 1639字] 31- 美国10大危险职业 [ant / 717字] 32- 健身馆不会告诉你的10件事 [yonnie / 495字] 33- 13位摄影师改变你眼中的世界 [ant / 2172字] 34- 人权受限？聋哑学生导盲犬严禁入校 [蛋挞 / 376字] 35- 彻底删除硬盘数据 [zuofei / 389字] 36- wordpress 2.0.6导致feedburner停工 [skyreal / 864字] 37- 1952 年的电脑广告 [sein / 376字] 38- 不喜欢 iPhone 的十个理由 [sfufoet+ning / 915字] 39- 无国界医生组织公布2006年top10人道危机漏报 [ant / 461字] 40- 子弹射进水里还能射多远？ [zuofei / 1153字] 41- Pirate Bay 买岛建国受挫 启动 B 计划 [zuofei / 447字] 42- 商店最痛恨的十大购物诡计 [sein / 473字] 43- 10种方法让你管理网站更有效率 [cunni / 818字] 44- 如果上帝是个程序员 [cunni / 1091字] 45- 2007 年一月最佳网站收集 [sfufoet / 5374字] 46- 智利军方：有飞碟！ [sein / 436字] 47- 太空中做爱做的事？ [cunni / 1113字] [...]
2007-02-11 9:28 am
[...] 2007 年一月最佳网站收集 同时运行多个Gtalk的方法 时间：9:27 上午 | 分类：阅周刊 标签：06, 网址, Docs, 雅虎, 视频, GameStar, gtalk, im, Spreadsheets,web2.0, wordpress, 互联网 [...]
2007-02-14 10:55 am
Dashboard widget 翻译成中文反而别扭。就好比叫Windows为视窗系统。
http://www.apple.com.cn/macosx/features/dashboard/
2007-03-18 12:19 am
[...] Smashing Magazine - 每天更新，网页设计者必看。附上两个来自这个博客的煎蛋：网络最佳之2007年2月号 | 2007 年一月最佳网站收集 [...]
2007-04-03 3:58 pm
这么多啊,多谢分享!
2007-05-30 9:17 am
[...] 十大网页设计者必看的网站 Blog by Losingself Blogging in Design 01.Alistapart - 老牌杂志、文章深刻 02.Designers Talk - 网页设计和开发论坛（网站如图） 03.Vitamin - 网页设计，质量高，web2.0 04.Design Meltdown - 网页设计趋势，博客分类详细 05.UX Magazine - 用户体验 06.Design Feed - RSS 聚合网页，包含各种与设计相关的 feed 07.Type For You - 网页排版 08.Pingmag - 包含各种与设计相关的话题 09.Digital Web Magazine - 网页设计专家的好去处 10.9Rules Design - 设计高手博的社区 11.Smashing Magazine - 每天更新，网页设计者必看。 附上两个来自这个博客的煎蛋：网络最佳之2007年2月号 | 2007 年一月最佳网站收集 [...]