Sinuous 


在浩瀚的星系间履行，小心装上些红色的星球，绿色的星球可以吃掉，可以增加体能。

开始体验 >>
Bakemono 


鼠标在页面空白位置点击，这个小怪物会扑过去。

开始体验>>
Keylight 


我太喜欢这个小程序了，在一个空房间，双击鼠标，会放置上一个小球，当放进两个小球的时候，一道粒子束在两个球之间撞击，并发出悦耳的声音，随着小 球的增多，粒子束在每个小球之间穿梭撞击，离你越近的小球，声音越清脆，音调越高，这样就形成了连续的音乐。

开始体验>>
Blob 


一些果冻样的东西，会滑向你鼠标点击的位置，在果冻球体中间点击，会将它扯成两半，它们在到处滑动的时候，还会再溶合到一起。

开始体验>>
Magnetic 


也是我最爱的一个小程序。鼠标在夜空中双击，可以创造一颗恒星，同时创造出十几颗卫星绕着它转，你可以创造很多这样的恒星系，当它们中的某些靠近到 一起形成质量比较大的恒星系的时候，可以吸引更多的卫星绕着它们转。

开始体验>>
Trail 


五颜六色的彩带，随着鼠标飘动，鼠标不动的时候，便围着鼠标箭头旋转，非常简单，但很流畅，视觉效果很漂亮。

开始体验>>
Particle Depth 


很 Cool 的三维效果。

开始体验>>
Wave 


水面随着鼠标形成波浪，水面的浮球也随着沉浮，效果非常棒。

开始体验>>
Particles 


粒子在屏幕上飘动，遇到鼠标的时候膨胀。

开始体验>>


这组 HTML5 实验应用加载速度非常慢，初以为是 HTML5 本身性能的问题，研究过源代码才发现，原来页面上调用了 Twitter 的饰件（http://platform.twitter.com/widgets.js）， 因为世界上压根没有 Twitter，我们早就知道，但这些网页不知道，所以还傻傻地去连接，浪费了大量的时间。使用 Godaddy 的服务器测试，每个页面大约需要 0.2 秒就打开了。有人说，他们代表先进的生产力。

很不错的小游戏赶快来体验吧，还在等什么！！！


本文素材来源：http://hakim.se/experiments/ 

    被视为“今年暑期全球第一动作巨制”的影片《敢死队》于8月13日在北美公映，本片由于其超强的演员阵容备受全球影迷的期待。阿诺·施瓦辛格，史泰龙，杰森·斯坦森，史帝夫·奥斯汀，兰迪·库卓，杜夫·朗格，李连杰，布鲁斯·威利斯……每一个都是能独挡一面的好莱坞动作巨星，下面我们就来看一下这些巨星们是如何来演艺这部“巨制”的。

  剧情介绍

    《敢死队》讲述了一群雇佣兵接到一个特殊任务，要求他们渗透到南美某个小岛，去铲除当地的恐怖武装；当他们开始行动的时候局势突然失控，种种危机表明他们落入充满欺骗和背叛的陷井，行动遭受重创，无辜的生命受到牵连，命悬一线；与此同时，他们还要面对一个更加危险的挑战：一股秘密势力企图让整个团队人间蒸发由动作巨星史泰龙自编、自导、自演的新片《敢死队》，近日曝光了2分33秒正式预告片。该款预告片除了米基·洛克、史泰龙、李连杰、杰森·斯坦森等几个主演老爷们之外，最大的惊喜莫过于阿诺德·施瓦辛格的客串。阿诺的戏份出现在教堂的对话中，与之同时出现在一个镜头中的。还有另一个客串的大牌——布鲁斯·威利斯。 从预告片来看，史泰龙似乎并没有把所有最炫的镜头扔出来，侧重的宣传点在于一干强悍男星。在明星的排名中，李连杰位于米基·洛克之前，而“史泰龙”则被史泰龙自己安排在了“AND”之下，足见此片对他的重要意义。

　　《敢死队》进一步证明了60多岁的史泰龙，并没有彻底老去，在电影中展现的肌肉和身材依旧拥有一定的号召力，尤其值得一提的是，他在片中夸张的彩色文身，几乎可以和《越狱》的米帅相媲美。 《敢死队》是史泰龙从影30年以来独立执导的第九部电影，讲述了美国当局因经济利益的需要，计划雇人混入南美某国以颠覆当地的独裁政权，但没有人愿意为政府冒这个险。最后，由米基·洛克、史泰龙、李连杰、杰森·斯坦森等人组成的一支名为“Expendable”（敢死队）的特别行动组，承担了这个几乎是赴死的危险任务。 史泰龙近几年依旧有《洛奇6》和《兰博》推出，固定粉丝群将在很大程度上支撑《敢死队》的票房收益。 《敢死队》将于今年8月13日在美国上映。

  电影花絮

　　聚集国内外功夫硬汉的好莱坞大片《敢死队》将于本月20号登陆中国内地各大影院。此影片最大的看点和亮点除了全明星的阵容之外，就是片中呈现多种功夫，集徒手搏击技巧之大成。东西方武术的大对决，让观众真正看到了武术打斗上的“百家争鸣”。

　　1、东方传统武术

　　中国武功一直都是好莱坞大片所青睐的对象，而李连杰也是“中国功夫”的代表人物。此次《敢死队》不同以往的好莱坞大片，电脑特效的部分非常少，完全的真实拍摄。所有演员都是用自己的技术。而李连杰在片子更是化身成为近身搏斗高手，再次看到“功夫之王”的归来。

　　2、空手道

　　影片中也有空手道的完美表演呈现。杜夫•朗格，曾是瑞典高级空手道国家代表队长，欧洲重量级空手道冠军。在《敢死队》中饰演一位亦正亦邪的人。这位《敢死队》的叛徒更是为了金钱和自己的队友生死对决。影片中最精彩的密室救人和车库大战，都有他最精彩的个人空手道秀。让观众再次看到了他的身手凌厉更胜当年。

　　3、MMA(综合格斗)

　　综合格斗在几乎所有的动作影片中都有呈现。而杰森•斯坦森，这个皮划艇运动员、奥运会运动员……通过自己的疯狂训练更是在这方面他获得巨大成功。不得不承认他虽然不是单一流派的“高手”，却更倾向于综合格斗家，在《敢死队》中李•圣诞这个冷兵器专家的撩人表现更是他实力派的体现。

　　4、WWF(职业摔跤)

　　除了以上的功夫之外，拳坛高手米基.洛克在片子也有精彩客串。在片中表现武术不是最重要的，反而是这位功夫巨星用自己的心灵的声音去感染了史泰龙。是该片的老戏骨，对于整个影片的主题阐述起到了不可或缺的作用。

　　5、动作大师(武术集成)

　　武术的最高境界就是无形无派别。史泰龙这个被授予“千年动作明星奖”，是《敢死队》的“带头大哥”，他在影片中饰演队长，是绝顶的功夫高手。实力加硬派加偶像。

　　《敢死队》这部影片不仅集合了9大动作巨星，还集合了十几种功夫。不仅仅是功夫迷们期待的大片，连体育运动爱好者也对该片抱有极大兴趣。相对于以往的动作影片，《敢死队》更是网罗了更多的观众。

  演员介绍

• 西尔维斯特·史泰龙 Sylvester Stallone  ....Barney Ross
• 李连杰 Jet Li  ....Ying Yang
• 阿诺·施瓦辛格 Arnold Schwarzenegger  ....Trench (uncredited)
• 布鲁斯·威利斯 Bruce Willis  ....Mr. Church (uncredited)
• 杰森·斯坦森 Jason Statham  ....Lee Christmas
• 杜夫·朗格 Dolph Lundgren  ....Gunner Jensen
• 埃里克·罗伯茨 Eric Roberts  ....James Munroe
• 兰迪·库卓 Randy Couture  ....Toll Road
• 史蒂夫·奥斯汀 Steve Austin  ....Paine
• 大卫·札亚斯 David Zayas  ....General Garza
• 吉瑟勒尔·伊迪斯 Gisele Itié  ....Sandra
• 查瑞丝玛·卡朋特 Charisma Carpenter  ....Lacy
• 盖瑞·丹尼尔斯 Gary Daniels  ....The Brit
• 泰瑞·克鲁斯 Terry Crews  ....Hale Caesar
• 米基·洛克 Mickey Rourke  ....Tool
• Hank Amos  ....Paul
• 阿敏·约瑟夫 Amin Joseph  ....Pirate Leader
• Senyo Amoaku  ....Tall Pirate
• Antonio Rodrigo Nogueira  ....Garza's Bodyguard #1
• Antonio Rogerio Nogueira  ....Garza's Bodyguard #2
• Sassa Nacimento  ....Vilena Customs Agent
• Sassa Nascimento  ....Vilena Customs Agent
• R.A. Rondell  ....Gunner's Goon
• Tze Yep  ....Gagged Hostage
• Preshas Jenkins  ....Gunner's Pirate
• Ronn Surels  ....American Operative
• Lauren Jones  ....Cheyenne
• Prazeres Barbosa  ....Old Woman Bartender
• Jose L. Vasquez  ....Cell Guard #1 (as Jose Vasquez)
• Daniel Arrias  ....Cell Guard #2
• Antonio Gullo  ....Farmer
• Javier Lambert  ....Squad Leader
• Tatsu Carvalho  ....Palace Guard
• Marcio Rosario  ....Royal Guard Leader
• Paulo Gustavo Bastos  ....Vilenan Soldier (as Paulo Bastos)
• Paulo Bastos  ....Vilenan Soldier

  网络评论

• 《敢死队》：动起来就是好样儿

  
  武束衣 (武汉) 2010-8-19 1:34:00

  不管怎么说，《敢死队》就是个B级片。 关于B级片这个词的概念，网上可以搜出很多种版本，但不管怎么去定义，影片本身的特点应该在观众脑海里是十分清晰的。若干关键词：类型明确，噱头明显，预算有限，风格独特，不求深度，以讨好观众为前提。诞生于电影工业和电影市场蓬勃发展时期的B级片，在某种程度来说是类型电影的一个小小试炼场。因为没有足够的钱想拍什么就拍，编导往往会在一些特别的地方下苦工，一..… [全文]

• 哈哈哈哈！！终于看了史泰龙的《敢死队》！！！！ ！！

  
  评：9.4Alex (加德满都) 2010-8-16 18:37:00

  文/Alex 最早接触的史泰龙电影是经典的《Rambo》系列，记得初中时第一次买DVD就买的《第一滴血》3D5的套装。当时D5挺贵的，买了3张单薄的碟片儿，花掉了将近半个月的生活费。 回家迫不及待地将碟片放入步步高碟机，一口气将三部看完，大呼过瘾。自此，我认识了越战退伍兵Rambo，一个战无不胜攻无不克的丛林之王的高大形象树立在我青春期的成长记忆力。《Rambo1》中蓝… [全文]

• [视频]《敢死队》再曝预告 施瓦辛格、布鲁斯·威利斯齐亮相

  
  乌有 (北京) 2010-4-1 9:30:00

  州长大人前来客串 Trailer Time稿件直供时光网 转载请注明出处 　　时光网讯 由动作巨星西尔维斯特·史泰龙自导自演的《敢死队》再曝预告片，两位前来客串的明星——阿诺·施瓦辛格和布鲁斯·威利斯成为最大亮点。 　　虽然比起上支超长前瞻预告，这次的官方版预告片制作精良了许多，但平心而论，从剪辑或者节奏感方面看依然算不少太优秀。不过，《敢死队》能让西尔维斯特·史泰龙、阿诺·施瓦辛格... [全文]

怎么样，是不是蠢蠢欲动了啊。那就赶紧来看吧。这儿有几个观看地址，大家可以看下:

迅雷：敢死队- 高清在线观看- 迅雷看看

新加地址：敢死队英语中字原版ADSL做种 用迅雷看看可以直接打开文件看

优酷：敢死队在线观看- 优酷视频

HTML5 & CSS3 准备就绪

该网站通过扇形图表的形式展现了从08年到10年以来各大浏览器对HTML5和CSS3的支持情况。发展势头还是很可观的。

HTML5安全手册

CSS3按钮生成器

所见即所得的为你生成CSS3按钮，你仅需通过基本的鼠标点击便可生成令人满意的CSS3按钮，点击生成好的按钮即可查看相应的CSS3代码。

When can I use…（HTML5 & CSS3 浏览器兼容性）

很详细的关于HTML5, CSS3, SVG等技术的浏览器兼容性列表。

CSS3颜色值/名称速查手册

CSS3颜色值查询手册，包括颜色英文名、16进制值、rgb百分比、rgb整数值、颜色缩写和颜色效果等…

CSS3生成器

在线测试CSS3新特性，即时生成效果。

Modernizr

当前浏览器对HTML5支持情况测试

该工具可以帮助你测试当前你使用的浏览器对HTML5的兼容情况，很详细，很有用！

CSS 边框半径(代码生成器)

通过输入数值即可生成CSS3代码的CSS 边框代码生成器。使用很简便。

FindMeByIP（HTML5 & CSS3 浏览器兼容性手册）

很详细的HTML5和CSS3浏览器兼容性手册。

CSS3渐变生成器

CSS3 Watch

前端开发工具&资源小集合

CSS3, please!(实时体验CSS3代码)

font dragr

CSS3生成器

CSS桌面

CSS桌面可以让你在线练习CSS3代码，并实时将渲染效果呈现在右侧，很棒的CSS3在线练习工具。

HTML5修订版本跟踪器

font-face 生成器

CSS3 选择器测试工具

IE 打印保险器

详细CSS 浏览器支持情况列表

转自：http://blog.bingo929.com/html5-and-css3-tools-list.html

1. A-squared Free：查杀病毒木马的利器

a-squared Free是一个强大、免费、支持简体中文界面的杀毒软件，界面简单明了，在Language右边选择Chinese Simplified(GB)，界面就立刻以中文显示，支持快速扫描、智能扫描、深度扫描、自定义扫描，支持升级病毒库，上手很容易。

天空下载：http://www.skycn.com/soft/28376.htm

2. 大蜘蛛官方绿色便携简体中文版（Dr.WEB CureIt!）：完全免费！

这是大蜘蛛（Dr.Web）杀毒软件的个人免费版，免安装，免费，可升级病毒库（一天数次），支持简体中文界面。由于Dr.WEB CureIt不需要安装，所以也就没有实时监控病毒的功能了，也就可以和其它杀毒软件一起使用了。如果你有一个文件其它杀毒软件只能查却杀不了，可以用它试试，不错的补充！它的界面和杀毒引擎与大蜘蛛安装版完全一致，不同点只是一个要安装，而且要钱，一个不要安装，不要钱，但是有广告。

官方网站：http://www.drweb.com.cn

3. 熊猫云杀毒软件

互联网安全公司熊猫公司（Panda Security）将他们的杀毒软件扩展到从未涉及过的领域：云计算。他们花费近3年时间开发出基于云计算的免费杀毒软件Panda Cloud Antivirus ，目前已经发布中文版，它能够给用户带来更完美的保护系统。该程序采用Panda公司私有的云计算技术：Collective Intelligence（综合人工智能），来检测病毒，恶意软件，rootkit和启发杀毒。

熊猫云杀毒软件包含简体中文语言，而且完全免费，与传统的防病毒软件不同，Panda Cloud Antivirus 云杀毒软件无需更新病毒库，在你上网的同时，云端杀毒软件就同时在保护着你，不再依赖更新本地的病毒库来保证防毒效果。当然，现在“云杀毒”还是一个比较新的概念，如果你的电脑有着长时间在线的条件，那么免费的熊猫云杀毒就值得你试试了。因为云计算或者云杀毒都是依赖互联网的，所以如果你的计算机不能联网或者仅限于局域网内使用，请选择其他软件。

官网下载地址：http://www.xiongmao365.com

4. avast! Antivirus

AVAST是来自捷克ALWIL软件公司的一款杀毒软件，其家庭版免费供家庭用户，非商业用户使用。作为一家有十七年历史的老牌安全软件厂商，AVAST在国外赢得了超过五千万用户的信赖，是名副其实的优秀的免费杀毒软件。

官方网站：http://www.avast.com/cns/avast_4_home.html

5. AVG Anti-Virus免费版

AVG Anti-Virus虽然是免费的，但是其功能一点也不比商业杀毒软件差，AVG免费版支持病毒库升级，让你真正享受正版用户的待遇，而且查杀病毒和木马的速度超快，我下载AVG Anti-Virus后全盘扫描几十万个文件，只花了二十分钟！此外，AVG Anti-Virus安装包还携带了一个叫做AVG safe search的扩展，可以在Google搜索结果旁边显示一个ico图标，说明此链接是否安全，不携带病毒，让我们上网更加放心。去下面免费版的下载页面注册一个账号，邮件中会收到免费使用的序列号。

官方下载页：http://free.avg.com

6. 卡巴斯基

卡巴牛逼哄哄的，不过个人一直是卡巴斯基的用户，也是我第一个使用的付费商业软件，O(∩_∩)O哈哈~。大家对卡巴斯基都比较熟悉我就不多介绍啦。卡巴斯基kis和key的激活码网上很多，但是被封的严重。使用下面的卡巴斯基Key生成助手可以根据不同版本的卡巴斯基生成序列号，绝对的免费！

卡巴斯基Key生成助手5.0 下载地址：http://xutu.net/file/365/N4p9SpD8

7. Mcafee（麦咖啡、麦克菲）

其功能上绝对比卡巴斯基还要牛叉，付费版也不是很贵。McAfee防毒软件, 除了操作介面更新外,也将该公司的WebScanX功能合在一起,增加了许多新功能! 除了帮你侦测和清除病毒，它还有VShield自动监视系统，会常驻在System Tray，当你从磁盘、网络上、E-mail夹文件中开启文件时便会自动侦测文件的安全性，若文件内含病毒，便会立即警告，并作适当的处理，而且支持鼠标右键的快速选单功能，并可使用密码将个人的设定锁住让别人无法乱改你的设定。

下载并且解压下面的文件，双击根目录下的setup.exe执行程序。您仅需几步即可免费享有全球最好的杀毒软件。

下载地址：http://xiazai.xiazaiba.com/Soft/M/McAfee_VSP_XiaZaiBa.zip

8. ESET NOD32

国外很权威的防病毒软件评测给了NOD32很高的分数.在全球共获得超过40多个奖项,包括Virus Bulletin，PC Magazine，ICSA认证, Checkmark认证等，更加是全球唯一通过40多次VB100%测试的防毒软件，高据众产品之榜首！产品线很长，从DOS,Windows 9x/Me,Windows NT/XP/2000/2003/Vista，到Novell Netware Server、Linux、BSD等，都有提供。可以对邮件进行实时监测,占用内存资源较少,清除病毒的速度效果都令人满意！用迅雷下载下面的安装版即可。

下载地址(把以下地址选中后复制即可用迅雷下载)：thunder://QUFodHRwOi8vNy54cDUxMC5jb206ODAxLzAy1MIvRVNFVF9OT0QzMl9WYzUyX0FudGl2aXJ1cy5yYXJaWg==

9. BitDefender

这款杀软终于能和各位朋友见面了。在TopTen测评“性价比”排名上长期雄踞“世界冠军”宝座。
BitDefender是来自罗马尼亚的老牌杀毒软件,包含反病毒系统、网络防火墙、反垃圾邮件、反间谍软件、家长控制中心、系统调整优化、备份等7个安全模块,提供你所需的所有计算机安全防护,保护你免受各种已知和未知病毒、黑客、垃圾邮件、间谍软件、恶意网页以及其它Internet威胁,支持在线更新,全面保护家庭上网安全, 并且支持在线升级.完全支持vista，win7.

下载地址：（PS:家用电脑通常装的是32Bit系统，所以请下载适合你操作系统的版本）

BitDefender Anti Virus 2010(反病毒)：

32Bit：http://download.bitdefender.com/windows/desktop/antivirus/final/cn_sp/bitdefender_antivirus_2010_32b.exe

64Bit：http://download.bitdefender.com/windows/desktop/antivirus/final/cn_sp/x64/bitdefender_antivirus_2010_64b.exe

BitDefender Internet Security 2010(全方位)：

32Bit：http://download.bitdefender.com/windows/desktop/internet_security/final/cn_sp/bitdefender_internetsecurity_2010_32b.exe

64Bit：http://download.bitdefender.com/windows/desktop/internet_security/final/cn_sp/x64/bitdefender_internetsecurity_2010_64b.exe

注册机下载（使用这个软件才可以免费使用BITDEFENDER呀,不要直接点击，请选中后复制即可迅雷下载）：

http://122.136.32.24/d/fid/74b630a490e8553add0f3103ecf425a81af59e4a73440100/sid/2091e50da35bc5ce/fn/BD%203.2.rar

使用方法：这是BitDefender 2008/2009“注册机”的最新修正版。同样适用于BitDefender 2010的有效注册(BitDefender Internet Security 2010对应BitDefender Internet Security 2009； BitDefender Anti Virus 2010对应BitDefender Anti Virus 2009)。破解注册后，可以使用“1095天”。具体注册方法：

1. 安装BitDefender后重启计算机
2. 在弹出注册框用以下激活码注册并激活；
   BitDefender Internet Security
   D7C94C23699F9173BADF
   BitDefender AntiVirus
   625DF14EC88C6E969E25
3. 在专家模式界面中进入注册菜单，点击“立即注册”按钮
4. 运行破解补丁：选择版本/破解
5. 输入算出来的激活码；重启计算机
6. 再次运行破解补丁：按注册按钮注册(注：确保不反弹)
7. 重启计算机，BitDefender2010就被完美破解了。

10. 小红伞个人免费版（Avira AntiVir Personal）

小红伞来自德国，具有查杀病毒，蠕虫，木马，扫描硬盘引导区，防止隐藏的rootkit（任务栏和任务管理器里看不到进程的黑客软件）等功能。能够检查60万种计算机病毒，可以通过网络升级病毒库，自动更新软件序列号（Serial Number），防止过期，非常体贴用户。

官方主页：http://www.free-av.com 

摘自：飞宴博客

1. 默认Web字体样式 & 再谈 Web 默认字体

这两篇文章是要联一起看的，总的来说，前者的精华在两句话（行高：1.5倍中的第2点和第3点），而玉伯的文章，在秦歌的文章后看，相信可以让你更 好地知道如何选择排版中的字体。

2. jquery、prototype、mootools、YUI的继承的实现

继承、原型，两个难搞的东西，看看这些天才们是怎么来解决的。看看作者的理解和你的理解是不是一致的。

3. Pixel Perfect – 中文字体1 & Pixel Perfect – 中文字体2

视觉要做到Pixel Perfect就是方便，不用考虑到各个平台的兼容。不过，有个偷懒的方法就是，看看别人的结果。这两篇文章可以参考参考。

4. CSS Expression Reloaded

有时候，被推荐不要用的东西，不一定是不好的。譬如在Javascript中只使用”//”注释代码，而不用 “/* */”，囧，至少我自己囧，看看，如果CSS Expression只在页面执行一次，也未必不好，当然这里别扯向后兼容。

5. IE6 & IE7 label bug (implicit label bug)

IE中乱七八糟的问题总是以乱七八糟的姿态出现着，其实给label定背景之类的事情是很少的，不过，了解一下，说不定真有一天碰上呢。

6. CSS实现HTML元素透明的那些事

在处理PNG透明上有没有什么问题呢？是不是有什么解决方法呢？这篇文章可能没解决所有的问题，但这思路会让你找到寻找真相的感觉的。

7. 8 Regular Expressions You Should Know

正则用得少，就会手生了。来来，温习一下。

8. Javascript keyCode 键盘键码值对照表

这只是一张图片啦，收藏起来，找Key code的时候就不用google了。

9. Browser Detector With CSS

文章里说了，这样的小技巧是基于成熟的CSS Hack来的，并不推荐。不过，这样的思路，是我们都应该有的，通向结果的路有千万条，打开你创意的盒子，大胆做吧。

10. Gmail 对锚点处理的技巧

Google 和 Yahoo 不用多表扬，大家都知道，很多产品的技术，都成为了最佳实践。比如 Gmail 在锚点的处理上。

11. Wrapping Long URLs and Text Content with CSS

话说，这里考虑的情况真多，其实，没这个必要。不过，全面的、深入的研究又有什么不好呢，如果你有时间的话！这是小细节，却可以是100%完美用户 体验的99%。

12. Quick Tip: Using JSLint

JSLint 也不常用，正想找时间熟悉一下。刚好 Nettuts 出了这文章，她的文章总是那么经典，收藏之。

13. Opera下的max-width BUG

Opera 总是最麻烦的，要么没 BUG，要么，一个 BUG 就让你想撞豆腐寻死。BTW，Opera 怎么还不想支持 border-radius 呢，即使是出个像要加 -moz -wekit 这样恶心前缀的东西也没关系。

14. How to Use the New Google Font API

@font-face 的时代很快会到来的，能自定义字体，多漂亮，难道不是么。Google 来了，用吧用吧，设计师们，前端们，还有想用的人们。

15. Data URI&MHTML: 用还是不用？

对于 Data URI，自己也只是一直在看而已，没深入了解。Yahoo 的某大师站出来解说了，而这篇文章总结了，给了使不使用 Data URI 的答案：

• 能使用sprite的地方尽量使用sprite
• 不方便使用sprite的时候才使用data uri

16. CSS 2.1 and CSS 3 Help Cheat Sheets (PDF)

很多东西都比你想象来得快。比如 HTML5 之前是说22年后可能才会出来，但现在多少人已经在尝试，并且得到了可喜的结果，比如 Google wave；CSS 3 也是，连我都在尝试。

17. 如 何更好地控制input输入框的高度

百度用户体验的这篇文章真不错，input 真是个难搞的东西，比如 type="file" 在 firefox 中并没有 cursor:pointer 的效果。

18. 各 浏览器的并行连接数（同域名）

让你知道，HTTP 请求是多奢侈的事，然后再去明白缓存是多重要的事。

然后，结束吧，像比武友谊赛一样，点到为止。而且，如果太多了，还能是保证"精华"的度么。

好了，废话不多说了。下面我就给你们露一手：

第一个：视频坏了，不能视频教学了，图片也找不到了，那就靠自己领会了。魔术师拿一副牌，请观众抽两张，观众不要看，然后拿给魔术师，魔术师把牌，放到背后，然后对观众说，我可以透过你的眼睛看到你看到的东西，然后拿出一张牌，让他看清，看完以后拿到背后，然后拿出另一张牌，再让他看清。看完，放到背后。这时你就可以边拿出牌，边说出是什么牌。这时观众已经看的发晕了。
教学:在背后两张牌背面和在一起，看似一张牌。

第二个：先说一下魔术效果：
在你和4个人 玩完牌的时候 来上一手 小魔术 相信 大家都会发现你与众不同。
一副正常的 扑克 可以是别人带来的 非常非常普通
让你朋友在整副扑克里 随便选一张 然后 把牌拿过来 插到中间
这时把 牌交给你的朋友 让他洗牌 怎么洗都可以
你接过牌来 2秒钟就找到 他选的 那张牌

方法很简单 大家都知道 扑克 的背面大多是 有方向的 我们把他方向都一致了 然后让你朋友 随便选一张扑克 然后转一个方向 插到 整副牌里 这时让你朋友洗牌 任他怎么洗 都是方向一样的 你要是不放心 就你自己洗
要让他 看到那张牌 沉默在牌里了
你在看背面 有一张 方向不一样的牌 马上 拿出来 就哦了

第三个：永远的4张A
先准备4张A，分开
分别在每张A上面加3张别的牌
把4组牌依次收起来，要保持每张A之间间隔3张其他的牌
收起来后，第1，5，9，13张都是A
你告诉观众，叫他告诉你
从牌底拿几张牌到牌顶，或者从牌顶拿多少张到牌底
比如观众说那7张到牌顶
这个时候你要记住，拿掉4张，一个轮回，再拿3张，说明A会是在第3张
拿的时候最好要1张1张拿，这也是在增加可信度
等观众说可以了，你就开始发牌
发成4组，每组4张
A在第几张，发了就在第几组，那一组全部都是A
你让观众先选2组
如果A组在那2组里，你就说留下这2组，不在则那拿掉
让观众再选1组，留下或者拿出，打开，4张A~！

第四个：纯手法认牌法
用一副普通的扑克，让观众随便乱洗，并让他从中选一张，交到魔术者手中，这时，魔术表演者右手大拇指在下，其余4指在上，让牌竖着并背对自己，注意手的位置要低于自己的胸，手指用力，使牌向内拱，这时正好可以看到牌角的点数和花色。注意的是动作要自然，要快，牌不要弯的太凶，只要牌的位置低，刚刚能看到点数就行了，这个方法要表演的好才行。

第五个：最后介绍个复杂点儿的，扑克飞来
表演现象：
魔术师左手拿着两张扑克，胡观众前后翻看一次，说明仅有两张。然后把两张扑克收拢，举在眼前，对扑克吹口气，说声：“扑克飞来，扑克飞来”。再将扑克拉散开，这时，魔术师手中却有7张扑克了。
魔术师又将扑克收拢，说声扑克拉散开，又只有两张了。
反复表演趣味无穷。
表演技巧：
魔术师手中的两张扑克的后面一张用浆糊贴了5张斜角扑克(如图2)。魔术师在交待手中扑克时持有斜角条边的扑克倒在下面。当收拢后趁吹气时，暗将扑克调头．再拉开时，当然会变成7张(其实是两张和五块斜角条扑克边)，因观众较远，看不出斜角边而认为是飞来的扑克。当再次收拢时，魔术师只要将扑克暗调头散开，多余的扑克就又“飞”走了。
数学猜牌术
演示：
表演者将一副牌交给观众，然后背过脸去，请观众按他的口令去做。
1. 在桌上摆3堆牌，每堆牌的张数要相等，（假如是15张吧）但是不要告诉表演者。
2. 从第2堆拿出4张牌放到第1堆里。
3. 从第3堆牌中拿出8张牌放在第1堆里。
4. 数一下第2堆还有多少牌，（本例中还有11张牌），从第1堆牌中取出与第2堆相同数的牌放在第3堆。
5. 从第2堆中拿出5张牌放在第1堆中。
表演者转过脸来，现在说：“把第2堆牌、第3堆牌拿开，那么第1堆中还有21张，对不对？”观众数一下，果然还有21张。
秘诀：
这是一个利用数学中的恒等变换原理来设计的魔术。 必须记住：一是每堆牌的开始的张数必须相等。 二是第3次从第1堆牌中移去现在和第2堆牌中相等的牌数。在本例中的数学式为 4*2+8+5=21
评论和建议：
这是一个完全靠数学规律来表演的魔术，在这个魔术中的观众应该是比较“老实”的观众。如果他不完全按你告诉他的做，你最后的魔术将会失败。不过这种魔术最大的迷惑人的地方就是完全是由观众在控制牌。而且它的互动性很强。当然不是所有的观众都是这种“老实人”，对付他们就要用到一些“强给性牌”的魔术了。
天地变色
表演方法：
表演者叠牌，扇形展开，让观众看清楚里面有红牌也有黑牌，同时还交待了反面。表演者又从中抽了几张让大家看清楚正反面。接着，他把这叠牌收拢，上下挥了几下，重新展开后这叠牌全都变成了黑色。
魔术揭秘：
1.取10余张红牌与黑牌，做表演用；
2.把一些黑牌竖着从中间撕去半边。再把全部红牌同样撕去半边，将撕下的半边牌互相粘在一起，成为两色牌；
3.把经过特制的牌分别间隔后叠在一起。表演时，把牌扇形展示时，自然有红有黑，挥手之后，把牌倒转过来，再展开时，全变成黑色；
4.要记住，凡抽出向观众交待的牌必须是未动手术的黑牌。
 

好了。就介绍这几个吧。你学会了几个？都不难吧。好了，以后你可以去别人面前显摆了。

本地的PHP平台分为两种，一种是LAMP，即为Linux+Apache+MySql+PHP；另一种是WAMP，它是 Windows+Apache+MySql+PHP，而前者一般优秀于后者。考虑到大家使用的都是windows平台，所以这里重点介绍在win平台搭建php运行环境。这些组件都是傻瓜式安装，你一直点下一步即可安装成功。

PHP一键安装包介绍

一、APMServ - 绿色版(推荐)

APMServ 5.2.6 是一款拥有图形界面的快速搭建Apache 2.2.9、PHP 5.2.6、MySQL 5.1.28＆4.0.26、Nginx 0.7.19、Memcached 1.2.4、phpMyAdmin 2.11.9.2、OpenSSL、SQLite、ZendOptimizer，以及ASP、CGI、Perl网站服务器平台的绿色软件。无需安装，具有灵活的移动性，将其拷贝到其它目录、分区或别的电脑时，均只需点击APMServ.exe中的启动按钮，即可自动进行相关设置，将Apache和MySQL安装为系统服务并启动。APMServ集合了Apache稳定安全的优点，并拥有跟IIS一样便捷的图形管理界面，同时支持MySQL 5.0 & 4.0两个版本，虚拟主机、虚拟目录、端口更改、SMTP、上传大小限制、自动全局变量、SSL证书制作、缓存性能优化等设置，只需鼠标一点即可完成。

     下载地址：http://apmserv.s135.com/

二、PHPnow

PHPnow 是一个集成套件，各组件的许可协议是独立分开的。PHPnow 是绿色的，解压后执行 Setup.cmd 初始化，即可得到一个 PHP + MySQL 环境。然后就可以直接安装 Discuz!, PHPWind, DeDe, WordPress 等程序。
有必要掌握手动配置 PHP ，PHPnow 只是为你减少重复的动作。请尝试自己搭建 PHP 环境，参考参考相关权威文档。

     下载地址：http://phpnow.org/ 

三、ComsenzEXP

ComsenzEXP是康盛创想开发的一套社区产品整合体验安装包,ComsenzEXP包括：Discuz!(论坛)、SupeSite（CMS）、UCenter（用户中心）、UCenter Home（SNS社区）。卢松松本人经常使用ComsenzEXP一键安装，同样也可以调试其他PHP程序，如：dedecms、phpwind。只要把程序放在wwwroot目录，数据库放在MySQL的data目录即可。

     下载地址：http://www.comsenz.com/downloads/install/exp

四、DedeAMPZ-PHP环境整合套件

DedeAMPZ 是直接整合PHP + Apache + MySql 的服务器环境管理软件，操作十分傻瓜化，适合初中级水平的站长使用。该套装默认搭载dedecms。安装使用十分简单，并支持在php4与php5中切换。同样也可以调试其他PHP程序，只要放在wwwroot目录中即可。

     下载地址：http://www.dedecms.com/html/chanpinxiazai/20080905/39481.html

五、Xampp

XAMPP是一款比较强大的本地测试平台，虽说面板是英文的，但清楚易懂。注册为系统服务有个好处就是开机能够自动运行，但是会消耗一定的系统资源，怎么取舍用户自己来定。安装成功，服务也启动成功后，就可以把浏览器打开输入http://localhost/，试试是否成功。在XAMPP的网页选项里，有中文支持，好像好多人都在用Xampp。

     下载地址：http://www.apachefriends.org/zh_cn/xampp-windows.html

六、WampServer

官方网站没有中文，但是程序支持中文。它能切换在线和离线状态，选项中的文语言项中也有简体中文可选，很不错。

     下载地址：http://www.wampserver.com/en/ 

七、PHPStudy

PHPStudy不一样，它含有IIS+PHP和Apache+PHP，软件推荐设置是后者。在任务托盘里也有图标，可以打开面板来看服务运行状态，也很简洁。一次性安装,无须配置即可使用,是非常方便、好用的PHP调试环境.该程序不仅包括PHP调试环境,还包括了开发工具、开发手册等.总之学习PHP只需一个包.对学习PHP的新手来说, WINDOWS下环境配置是一件很困难的事;对老手来说也是一件烦琐的事.因此无论你是新手还是老手,该程序包都是一个不错的选择.

     下载地址：http://download.pchome.net/development/sever/php/detail-40373.html 

八、AppServ 

较为轻量的WAMP，程序安装过程中它提示你可以改变默认的80端口为服务端口，软件没有控制面板，但一切操作都在开始菜单中加入了快捷方式。

     下载地址： http://www.appservnetwork.com/

手动安装PHP运行环境方法

一般来说PHP运行环境需要安装以下几个组件：1：Apache（阿帕奇）Web服务器软件；2：MySQL（小型关系型数据库管理系统）；3：PHP（php语言的编译环境）；4：phpmyadmin（管理MYSQL的）；5：Zend（提高PHP执行速度）。手动安装也不麻烦，就是改几个配置性的文件就可以了。这儿有一个本地配置的教程可以看一下：windows下PHP运行环境安装详解

安装PHP常见问题

如果某些这样的PHP相关的服务无法启动，请注意一下你的机器中的80端口是否被占用，检查80端口是否被占用的方法：打开CMD（开始－运行－输入CMD后回车），输入netstat -ano就可以很清楚的看到本地80口占用程序的PID。

以下是自己的一点理解，希望能对大家有所帮助。

…

淘宝案例解析

需求：鼠标移动到菜单上时旋转箭头，且给支持CSS3的浏览器加上旋转动画。

源码请查看demo源文件。

demo (http://fiddle.jshell.net/pjRVT/show/light/)

…

关于CSS3动画

从(http://www.w3.org/Style/CSS/current-work)可以看出，CSS动画涉及的知识点包括 CSS 2D Transformations, CSS 3D Transformations, CSS Transitions, CSS Animations。

Transformation 补充定义了width, height, left, top等之外的一些可用于实现动画的属性，如rotate, scale, skew。
Transition 和 Animation 用于定义动画的过程。其中Transition 可以实现简单的动画；Animation则可以通过设定多个关键帧实现相对复杂的动画。

…

Can I Use? 兼容性

(数据来自http://caniuse.com/)

可以看到，CSS Animation目前只有Webkit内核浏览器支持，目前只能自己玩玩；而Transition用来做渐进增强则较为合适。

…

一个简单的例子

需求：让一个div元素在鼠标移上去时变大1倍，旋转180度，且背景由红变蓝。

html code::

<div></div> 

css code::

div {     position: absolute;     left: 100px;     top: 100px;     width: 100px;     height: 100px;     background: red;      /* 定义动画的过程 */     -webkit-transition: -webkit-transform .5s ease-in, background .5s ease-in;     -moz-transition:    -moz-transform .5s ease-in, background .5s ease-in;     -o-transition:      -o-transform .5s ease-in, background .5s ease-in;     transition:         transform .5s ease-in, background .5s ease-in; }  div:hover {     /*  定义动画的状态 */     -webkit-transform: rotate(180deg) scale(2);     -moz-transform: rotate(180deg) scale(2);     -o-transform: rotate(180deg) scale(2);     -transform: rotate(180deg) scale(2);     background: blue; } 

demo (http://fiddle.jshell.net/NVErB/show/light/) (no IE)

…

无奈的浏览器前缀

这是个令人非常痛苦的问题，因为不得不针对每个浏览器copy一遍重复代码。

值得注意的是无前缀的标准代码需放在最后。假如几年后某个属性成为标准，被浏览器默认支持了，这行代码会覆盖前面的定义，使得浏览器可以优先使用他。

…

稍微复杂点的例子(css3 animation)

需求：让一个div元素在点击后变大1倍，旋转180度，且背景由红变蓝；然后向右移动400px。

源码请查看demo源文件。

demo (http://fiddle.jshell.net/a4r94/show/light/) (Safari, Chrome only)

…

惊艳！CSS 3D Transformations

见live demo (http://www.satine.org/research/webkit/snowleopard/snowstack.html) (Mac Safari Only，类似于http://www.cooliris.com/的效果)，没Mac的可以到(http://www.satine.org/archives/2009/07/11/snow-stack-is-here/)看视频演示。

PS: Mac Safari的3D Transform、2D Transform和Opacity等视觉效果都是跑在GPU上的，为此我还特地验证下了Win Safari，果然不支持。

…

相关资料

webkit blog介绍animation/2d transforms/3d transforms的三篇文章
http://webkit.org/blog/138/css-animation/
http://webkit.org/blog/130/css-transforms/
http://webkit.org/blog/386/3d-transforms/

W3组织的CSS规范集
http://www.w3.org/Style/CSS/current-work

苹果官方关于CSS视觉效果的文档
http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Introduction/Introduction.html

css animation的兼容性数据来源
http://caniuse.com/

3d transform的运用app
http://www.satine.org/research/webkit/snowleopard/snowstack.html
http://css-vfx.googlecode.com/svn/trunk/examples/zflow.html
http://www.fofronline.com/experiments/cube-3d/

css3动画的应用
http://www.webdesignerwall.com/trends/47-amazing-css3-animation-demos/
http://www.optimum7.com/internet-marketing/web-development/pure-css3-spiderman-ipad-cartoon-jquery-html5-no-flash.html
http://www.optimum7.com/css3-man/animation.html
http://hedgerwow.appspot.com/demo/flippage
http://neography.com/journal/our-solar-system-in-css3/

css3 animation的入门应用：钟的实现
http://g-zone.org/test/g-clock/index.html

…

完

源自：淘宝UED

无论是使用免费模板，免费博客系统或其他自定义解决方案，只要有一点关于电脑知识的人是今天能够展示一些东西。但究竟谁是真正的professionists？谁在这个信息的大海洋的真正设计者？几年前，我们可以提供一个简单的答案：男人。但是，今天？很多人会说... ...还是男人？许多调查表明，也许相同，但我们在网上搜索，发现一个网页设计师的伟大女性在这个网页设计带来灵感和伟大的社会敏感性可观的数目。

请欣赏我们的50个最好的女网页设计师名单，如果你知道其他伟大的女设计师，请他们加入我们的名单。

Larissa Meek

Veerle Pieters

Elena Gafita

Gisele Jaquenod

Kimberly Coles

Natalia Devalle

Michela Gorgoglione

Rina Miele

Casey L. Jones

Tanya Merone

Alyssa Tucker

Bel Koo

Maja Bencic

Valentina Olini

SaraJoy

Nicole Hanusek

Meagan Fisher

Caty Ng

Claire Baxter

Lisa Moseley

Shirley Ann

Natalie Jost

Marija Zaric

Johanna Goodyear

Mourylise Heymer Marreiros

Leticia Motta

Inayaili de León

Michela Chiucini

Lea Alcantara

Ali Felski

Lynsey Broadhurst

Drew Europeo

Jen Germann

Ximena Ruiz

Cindy Li

Namie Taniguch

Simona Gabriela Buzatu

Sarah Parmenter

Loredana Racila

Amy Mahon

Jackie Ellse

Sabrina Dent

Jan

Denise Wilton

Grace Smith

Emma Taylor

Jen Gordon

Eva-Lotta Lamm

Melissa Hie

eanka

原文地址：http://indeziner.com/design/50-best-female-web-designers-around-the-world/

    说起微博来我接触也有一段时间了，最早的应该算是国外的twitter了吧（不过现在已经被GFW关了，只有翻墙了），那时候感觉它还是很普通的一个小留言评论系统，当时国内用的人还比较少，我是一个对新鲜事物充满好奇的人，所以就报着好奇的心态注册了一个，放眼望去，基本是是English，没几个汉字，所以注册了也就没怎么管了。再后来就是饭否（也已经被和谐了），一开始大家在上面畅所欲言，心想，终于有个可以发泄的地方了，把压抑太久的都发泄在了网络上，但后来由于湖北XXX事件加上新疆XXX事件的几篇言论，饭否从我们生活中消失了，此刻我们的网络言论的自由被剥夺了。同时还有很多的微博也在火爆的成长，其中有叽歪、嘀咕、滔滔等等，但由于在饭否上寄居的有点久，所以对其它的也就没什么兴趣了。前段时间又发现了一个follow5也还不错。又激起了我对微博的兴趣，而此时各大门户网站也已经相继推出了微博。

    中国的微博时代已经开始了，新浪、网易、腾讯等一个接一个的冒出t.xx.com，那么微博又能给我们带来什么样的价值呢？虽然几个大的网站我都有注册微博，但基本上没有发表过任何言语，因为这不是我想要的微博。其实我一直在找一个微博的程序，让自己说，随心随意的说，没有任何顾虑（不让我放网上，本地说总可以吧，像纯姐一样装个系统本地自己玩），不会像饭否一样和谐，不会像门户一样屏蔽。如果说之前这样的程序少的话，那现在这样的程序还真不少。像什么记事狗、时尚起义、唠叨等等都是不错的程序。如果你们毫无顾虑地说那就下载个放本地说吧。

    说了这么多我也不知道想要说些什么，表达些什么，符合标题吧。最后给大伙提供几个腾讯微博的邀请码，有帮才有助的嘛，如果我有了新的还会以最快的时间提供给大家。 如果有twitter的朋友，但又不知道怎么翻墙的，那就来我这儿用吧，完美的推。它是采用的twitter的数据，同步更新，让不从些登录twitter不用再翻墙。

腾讯微博邀请码：（2010.5.4）
http://t.qq.com/invite/36f15f5548e769ccb1a3
http://t.qq.com/invite/a0bc01e62823d6cc1323
http://t.qq.com/invite/5bcc6e1b4955aafc7415

（2010.5.5）
http://t.qq.com/invite/168518cede81863598b9
http://t.qq.com/invite/064077bb9d6dfb9006db
http://t.qq.com/invite/a4dd7376b0d5deafd1a3

（2010.5.6）
http://t.qq.com/invite/495d9aa00f31d69f8e09
http://t.qq.com/invite/adf553b736970db3b509
http://t.qq.com/invite/47ae4a03bfbf5562e955

（2010.5.12最后一次更新，再有需要的留言）
http://t.qq.com/invite/e9da6b93e28e0686818b
http://t.qq.com/invite/4587e00cc9fada284a29
http://t.qq.com/invite/66de7183b6a47dd48089
http://t.qq.com/invite/a84ae1f79b8259dacc93
http://t.qq.com/invite/c2341894c1a7c9118087
http://t.qq.com/invite/80ef1d08890f3aaec90b
http://t.qq.com/invite/2f0cda5f4809894219cf
http://t.qq.com/invite/06cb3d6c8f94fb951061
http://t.qq.com/invite/d88b2b046eecb3847a2d
http://t.qq.com/invite/92494e98a321bb6fd937