2007 年一月最佳网站收集
sfufoet @ 2007.02.08 , 09:54 上午[-]
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 流行白字。
PREV : 开源的 ColdFusion 服务器
NEXT : 超强 Mac 应用程序列表