尖笔头 » 网站 http://www.jianbitou.com 说人是非者，本是是非人 Sun, 29 Aug 2010 15:46:54 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 20个优秀网站助你征服CSS http://www.jianbitou.com/post/20_websites-learn-master-css.html http://www.jianbitou.com/post/20_websites-learn-master-css.html#comments Sun, 31 Aug 2008 07:29:33 +0000 Sonny http://www.jianbitou.com/post/20_websites-learn-master-css.html CSS其实是很容易学的，我现在还在看CSS的书，可惜太懒了，看了一个暑假一半都没看完。我一直相信好的东西自然会有人欣赏，这篇：16个优秀网站教你网站设计，PR已经是5。今天，推荐的是20个优秀的CSS网站，很有用的。

原文出自Jacob Gube之手。

1. A List Apart CSS Topics

A List Apart是一个CSS优秀文章的收集网站，从1999年开始收集文章，关注最佳网页设计。

2. CSS Help Pile

CSS Help Pile重点关于CSS资源，技巧与手法。该网站授予良好的网页组及优秀的资源，适用于各个水平的开发人员，分类包括：初学者，浏览器解析的错误，简评CSS的书籍。

3. CSS Basics

CSS Basics可以当成一书来看，用了18个章节来传授基本的CSS概念，对初学者相当有帮助。还有就是所有18个章节，提供打印或PDF格式下载。

4. Holy CSS Zeldman!

Holy CSS Zeldman是关于基于标准的CSS教程、工具、布局相关链接的收集。

5. Eric Meyer: CSS

这里主要是收集Eric Meyer (著名的开发者)的作品，在css/edge和CSS reference等页面可以找到一些相关的资源。

6. 456 Berea Street – CSS category

456 Berea Street下有一个CSS分类，里面有超过300篇文章，这些文章有教如果放置图片，有些是说CSS技巧。

7. /* Position Is Everything */

这里只要关注的是如何摆脱浏览器显示的错误。

8. HTML Dog CSS Tutorials

HTML Dog致力于教授最佳的XHTML与CSS布局，分为初级，中级，高级三个级别。

9. Learn CSS Positioning in Ten Steps

如果使用CSS定位是一个棘手的问题，这里有10步，看能不能帮你解决。

10. Andy Budd CSS/Web Standards Links

Andy Budd有着一系列CSS/web标准的有用链接，以帮助你找到有用的资料。

11. W3CSchools CSS Tutorial

W3CSchools有一个CSS部分，内容涵盖了初级到高级的CSS主题。

12. css Zen Garden

css Zen Garden给我们展示了CSS是怎样工作的，使用相同的HTML文件，设计师提交的外部样式来美化这个文件。用Web Developer Tool就可以检查CSS是如何进行布局工作的。这个网站在7个最好的网上CSS资源里也有介绍。

13. CSS at MaxDesign

MaxDesign拥有Russ Weakley的一套CSS精彩教程，在Listmatic里，教你使用CSS格式化列表，在Floatutorial里，介绍floating元素的知识。

14. CSSeasy.com

CSSEasy.com拥有丰富的经验及创意分享，让我们更好地了解CSS。

15. CSS-Discuss

CSS-Discuss是一个CSS爱好者社区，而 CSS-Discuss Wiki是关于CSS的应用收集。

16. Web Design from Scratch: CSS

Web Design from Scratch有一章节是关于CSS的，涵盖了CSS的基本概念。 其中的Introduction to CSS对初学者很有帮助。

17.CSS-Tricks

CSS-Tricks是一个专注CSS的博客。

18.CSS on Delicious

The CSS tag on Delicious是关于优秀CSS设计的链接收集，亮点就是让我们知道哪些好东西在被人看。

19. SitePoint CSS Reference

SitePoint有一个CSS部分，专门讨论入门水平的CSS主题。

20. CSSDog

CSSDog有一部分为初学者与高级开发者设计的，其中的开发经验及参考，个人认为是最有价值的部分。

译文地址：http://www.jianbitou.com/post/20_websites-learn-master-css.html。

本文由Sonny整理。

相关东东

© Sonny for 尖笔头, 2008. | 原文 | 添加评论 | 添加至 del.icio.us
Post tags: , , , , , ,
做一下尖笔头读者调查问卷咯|Twitter|新浪微博|“我的大学”征文活动

]]> http://www.jianbitou.com/post/20_websites-learn-master-css.html/feed 28 十大Photoshop教程网站 http://www.jianbitou.com/post/top-10-photoshop-tutorial-websites.html http://www.jianbitou.com/post/top-10-photoshop-tutorial-websites.html#comments Mon, 14 Jul 2008 08:26:52 +0000 Sonny http://www.jianbitou.com/post/top-10-photoshop-tutorial-websites.html 说到Photoshop教程网站，大家一定会觉得互联网里多的是，不用介绍了吧，嗯对，确实有很多，但质量嘛，就很难说得准了。虽然我对PS并不擅长，但我很有兴趣，下面就是十大Photoshop教程网站，顶不顶尖就不敢说了，但起码是不过时的，而且是有用的，我每一个都访问过，真的不错。

注意一点就是，这十大Photoshop教程网站不是我总结的，是一位名叫Danny Outlaw的外国友人，很明显，这10个又是外国网站。

排名不分先后：

PS Hero |  地址

PSD tuts |  地址

Tutorial 9 |  地址

PSD Learning |  地址

Photoshop Tutorials |  地址

Photoshop Contest |  地址

Luxa |  地址

Tutorial Sphere |  地址

Good Tutorials |  地址

Photoshop Talent |  地址

大家不会说作者懒吧，每个网站简介都没有一句。其实我觉得这些网站不需要简介了，因为简介都是只有一个句：优秀的Photoshop教程网站。请大家看图吧：25张顶级的Photoshop图片。

英文地址：http://outlawdesignblog.com/2008/top-10-photoshop-tutorial-websites/

简体中文地址：http://www.jianbitou.com/post/top-10-photoshop-tutorial-websites.html

相关东东

© Sonny for 尖笔头, 2008. | 原文 | 添加评论 | 添加至 del.icio.us
Post tags: , , , , ,
做一下尖笔头读者调查问卷咯|Twitter|新浪微博|“我的大学”征文活动

]]> http://www.jianbitou.com/post/top-10-photoshop-tutorial-websites.html/feed 10 12个优秀的Flash/ActionScript国际级学堂 http://www.jianbitou.com/post/12-flash-tutorial-websites.html http://www.jianbitou.com/post/12-flash-tutorial-websites.html#comments Mon, 14 Jul 2008 07:05:07 +0000 Sonny http://www.jianbitou.com/post/12-flash-tutorial-websites.html  Adobe Flash是不错的东西，利用平滑的动作使简单的网页富有动态，如果你正在寻找优秀的 Flash 资源，那么这篇文章可以帮到你。

如何制作可爱的网站， Flash 绝对是其中一个重要的因素，这12个网站是应该好好放在收藏夹中的，因为里面的资源对提升我们的 Flash技能很有帮助，本文的每介绍一个网站，均会列出其三个最优秀的教程实例。

1. kirupa.com

kirupa.com在一个多项目的教程网站，除了优秀的Flash教程，还包括Silverlight, ASP.net, PHP, Photoshop,CSS等，精心的详细的教程将Flash制作分解到很详细的分块。里面Flash教程共分为7类，包括绘画基础，特殊效果，服务器端的Flash 和游戏开发。

教程实例：

2. gotoandlearn.com

有不少的朋友喜欢看是可视化的教程，然后按照视频教程的内容一步一步制作，如果你是这样的人，那么gotoandlearn.com是一个很不错的选择，在这里Lee Brimelow提供了免费的Flash视频教程。

教程实例：

3. gotoAndPlay()

gotoAndPlay()致力于为Flash游戏开发者提供资源，这里是一个由专业开发者组成的社区，有论坛、书籍及相关资源，当然也有针对Flash开发的教程和文章。相关资源可以从话题、专门知识和类型进行分类。

教程实例：

4. Adobe – Flash Developer Center

Adobe’s Flash Developer Center是一个以Flash开发者为中心的社区，在这里，我们可以找到关于Flash的教程，文章和相关资源。特别地，在ActionScript Technology Center还可以找到关于ActionScript的文章及相关资源。

教程实例：

5. Flash Kit

Flash Kitj是其中一个最大和最古老的Flash社区，成员数量超过60万，在这里，我们可以很轻易就可以找到跟我们有共同兴趣的Flash开发者。这里主要有三个版块：论坛、免费资源、一个大型教程项目（有18个类别）。

教程实例：

6. ActionScript.org

ActionScript.org是一个提供Flash, Flex, ActionScript相关资源和信息的网站，这里有一个相当活跃的论坛，一个名为ActionScript Library的资源库，可以提供700个对象的资源下载。

教程实例：

7. Flash and Math ActionScript 3 Tutorials

Flash and Math对AS3的教程进行了详细的收集，这里的资源包括基本概念到高级应用，所以可以满足不同层次的Flash开发者使用，这里也提供教程下载，包括原文件的下载。

教程实例：

8. Flash Tutorials on Pixel2Life

Pixel2Life，据该网站的自我推介，是“针对平面设计师，网站管理员和程序员最大的索引型网站”， 这里有超过40000条索引指南，通过这里的Flash Tutorials，我们可以找到许多教程的链接。

教程实例：

9. Flash Perfection

Flash Perfection是一个收集型号的网站，从不同的网站收集了丰富的Flash教程，经验和技巧，具有完善的23个类别帮助我们快速找到我们要找的信息。

教程实例：

10. metah.ch

metah.ch有一些很强大的与Flash, ActionScript, Flex, and AIR相关的视频教程，我们还可以从中下载与视频具有关联性的文件，用于我们自己的设计项目上。

教程实例：

11. LukaMaras.com

LukaMaras.com 提供了详细的Flash教程和资源，旨在让大家学习Flash，这里还有一个小论坛，有超过3000名注册用户，可以谈笑Flash。

教程实例：

12. Flashmagazine

Flashmagazine是一个提供Flash新闻，评论，资讯和资源的在线杂志，这里的教程版块也可以为Flash开发者提供一些优秀的教程。

教程实例：

 本文由Sonny编译：

英国语地址：http://sixrevisions.com/flashactionscript/flash_tutorial_websites/

大中国语地址：http://www.jianbitou.com/post/12-flash-tutorial-websites.html

相关东东

© Sonny for 尖笔头, 2008. | 原文 | 添加评论 | 添加至 del.icio.us
Post tags: , , , , ,
做一下尖笔头读者调查问卷咯|Twitter|新浪微博|“我的大学”征文活动

]]> http://www.jianbitou.com/post/12-flash-tutorial-websites.html/feed 1 10个可爱的外国互动型网站 http://www.jianbitou.com/post/10-awesome-interactive-websites.html http://www.jianbitou.com/post/10-awesome-interactive-websites.html#comments Thu, 26 Jun 2008 13:08:33 +0000 Sonny http://www.jianbitou.com/post/10-awesome-interactive-websites.html  下面这10个网站，我相信国内也有差不多的。原文叫Wow! 10 Awesome Interactive Websites，直译就是“哇噻！10个令人惊讶的互动型网站”，awesome也有“可怕”的意思，我每个网站都上去逛过，事实上这10个网站既不“可怕”也不“令人惊讶”，于是我用了“可爱”，当然了，也有人觉得它们无趣，反正我觉得还可以。

1、Alien Empire

 这是一个研究昆虫的网站。本意是让一些像我这么大的小朋友上去获得一些知识的，可实际上更多的是成年人，而且这些成年人每天花上几个小时。大家互动的内容是：昆虫的构造啊，昆虫的大量繁殖对人类产生什么影响啊，昆虫是不是外星人变成的？人类可以和它们友好共处吗（令我想起了《Men in Black》(黑超特警组)）？

2、The Universcale

 

这应该是Nikon的为自己的产品宣传的一个网站。这个网站的特点就是“尺寸”，点击之后会出现一个flash，下方有一把尺子，单位是cm,km之类的，你选择一个，它告诉你这是一个怎样的数量级，可以向你展示小小小斑点至行星级实物，让你知道，人可以是很很很渺小的。

3、Make a Flake

大家喜欢雪花飘飘不？这就是一个让你自己制作雪花的网站。你访问之后它就给你一把剪刀，一张纸（当然是虚拟的），让你自己剪裁。剪得好看不是容易的，当然上面也有别人的作品共享，自己不想剪可以欣赏一下别人的成果。

4、The Mini-Mizer

这是一个公仔？不是的，是一张图片而已。在这个网站里，你可以给自己做一张公仔级的图片，挺可爱的其实。要想做得好看，还是那句，需要花不少时间。

5、Interactive Radio

像不像苹果的产品？这个网站提供一个收音机，实际上也是一个音乐播放器，它可以根据所选择的风格自动播放适合的音乐，可能你觉得简直是小菜一碟，但要知道，小菜炒得好吃也是很难的。

6、Neave Television

喜欢看电视的时候有雪花不？喜欢电视屏幕全部都是雪花不？喜欢电视不断跳台不？如果你喜欢，这个网站就很适合你了。它就是一台不断在调台的电视机，而且一直都调不到适合的台，所以只在一直的跳台。还有一个就是，如果你不喜欢一个跳台风格了，你可以选下一个。

7、Kaleidoscope

喜欢万花筒不？这里就是一个万花筒。左边那个方格有个蓝色的色块不断在转不断在扫描，你将下方的小色块放在小圆内，蓝色的色块扫描到之后右方方格内的大圆就出现相应的万花筒效果。自己动手试试吧。

8、Neon Bible

进入页面倒数完60个数之后，画面就出一个男子，他在唱歌，唱歌过程中你可以用鼠标（点击或移动）控制他的手和头，他的手和头就出一些特别的移动或动作。上图就是用鼠标翻男子两手之间的牌。

9、Mr. Picasso Head

简单来说这是一块画板，画的内容是人的头部。画板的左方准备好了不少东西，例如一些脸部，眼耳口鼻胡子头发之类的都有，凭着你的艺术气质，选择好了往上放就行。下面就是我的作品，很明显表示我很有抽象派艺术气质。

10、Autopsy

喜欢宰人不？说解剖可能会好点，这个网站教你如何解剖一个人的身体，而且教得很详细。有立志长大做医生的小朋友可以认真看一下，不过饭前最好别看。

不知道大家觉得哪个是最无聊的，别对我说没有一个不无聊。你想好好学习是吗？《16个优秀网站教你做网站设计》如何？

 本文由Sonny整理。

相关东东

© Sonny for 尖笔头, 2008. | 原文 | 添加评论 | 添加至 del.icio.us
Post tags: , , ,
做一下尖笔头读者调查问卷咯|Twitter|新浪微博|“我的大学”征文活动

]]> http://www.jianbitou.com/post/10-awesome-interactive-websites.html/feed 2