sfufoet @ 2007.02.08 , 09:54

2007 年一月最佳网站收集

[-]
　　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

Farben, Farbpaletten, Texturen

Kaliber10000 { The Pixel Patterns Collection }

The Last Click

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

链接 | 来源

支付宝打赏 [x]

赞一个 (0)

煎蛋

2007 年一月最佳网站收集

广告

公告栏

广告

广告