推荐阅读
绘制金属质感噪声分贝检测仪图标的PS教程
本教程主要使用Photoshop绘制金属质感的分贝检测仪图标，重点依然是图层样式的运用，而且会多次用到布尔运算，这是PS课程中特别重要的一个知识点，不熟悉的同学建议来练个手。先看看效果图我们从背景的创建开始，我用的尺寸是1000*800像素。创建一个“渐变填充”调整层，设置如下：画一个600*600像素的圆，设置填充为0，并添加一个斜面和浮雕。设置前景色为#312f35，利用布尔运算，画出下图中的这个圆环。这个不多赘述，不懂的可以百度下。
AutoCAD 2007 入门教程-隐藏三维面的边
在前面我们介绍了线架模型的绘制方法，在这里将要介绍表面模型和实体模型的绘制方法。表面模型用面描述三维对象，它不仅定义了三维对象的边界，而且还定义了表 面即具有面的特征。实体模型不仅具有线和面的特征，而且还具有体的特征，各实体对象间可以进行各种布尔运算操作，从而创建复杂的三维实体图形。 隐藏边 选择 “ 绘图 ” | “ 建模 ” | “ 网格 ” | “ 边 ” 命令 (EDGE) ，可以修改三维面的边的可见性。 查看全套"AutoCAD 2007 入门教程">>>>>
活用Firework4制作下拉菜单
Firework4的一个新增加的功能就是能轻易地制作下拉菜单。下拉菜单是目前比较热门的一种网页交互方式之一。仿Windows界面的下拉菜单非常流行。但是由于制作菜单需要懂得一定的javascript语言或者操作步骤比较麻烦。因此在一段时间内还很少有人制作这样的东东。现在有了Fireworks就简单了。 闲话休提，言归正传。新版本的firework4.0，在界面上，跟firework3.0没有多大区别。打开firework4，新建一个文档，（记住页面大少要象素800×600）你利用一些基本作图技术，制作出几个按钮。如图1，我就搞了这样几个按钮。 接着点击左边工具栏slice tool(小刀工具)，将几个按钮割开。如图2：右击“我的历程”按钮，选取add pop-up Menu选项；然后右击“我的历程”，选择“pop-up memu”于是调跳出一个新窗口，如图3： 在文字栏中填上你菜单内容，连接在栏中填入你所要连接的页面，之后按加号添加。按类似的方法，再添加几个，在本文例子中填入四栏！之后，按next键继续。如图4 在此，让我详细地介绍一下以上窗口的内容。Cell栏：那是菜单选项的格式，html是html文本格式，而image是指图片格式。选择不同，会有不同的效果。在此，本人较赞成用图片格式，因为那看起来较漂亮些。下面的是字体和字号的选择，这随你喜欢啦！up state是指鼠标放到按钮时的字体设置和菜单格的设置，overstate是指鼠标放到菜单栏时字体的设置和菜单格的设置。你可以选择一种你喜欢的格式。Preview是预览栏，因为该软件对中文支持不好，所以显示为不正确，你可以不管它，因为导出时是正常的。之后，按“finish”搞定。完成这些设置后，按“文件”菜单的eXPort选项，导出html文件，这样你可以预览啦！哗，是不是很酷呢！如图5
最新发布
30多个资源可帮你开始学习HTML5
早在几个星期前，Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言。以下30多个资源可帮你开始学习HTML5。Blowing up HTML5 video and mapping it into 3D space（将HTML5视频吹散并组成3D效果）最近我研究了HTML 5中的Canvas 和Video 标签，并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3（用HTML5 和CSS3 打造向下兼容的网页）HTML5更加语义化，使用HTML5 我们不必在网页上布满没有意义的div。它引入了有意义的tag，比如 navigations 和 footers 使代码更有意义也更接近自然语言。Coding A HTML 5 Layout From Scratch（HTML 5 布局）这篇文章将教你
HTML5是什么:很酷的HTML可视化的解说
来自Focus.com, 《HTML5是什么》是一幅很酷的HTML可视化的解说,分析了各种浏览器的支持，以及和Flash的各种对比。从图形信息设计的角度来看，我不喜欢颜色组分析浏览器性能的那块，不应该让我回头来看对比颜色，看哪个浏览器缺失了哪个性能。 如果看不清楚，点击看大图原文：coolinfographics编译：MazingTech
W3C Web应用工作组：HTML5应用的下一步
现在的HTML5就像当年崭露头角时的Ajax，有人在做，但不知道叫它什么。最近，苹果在HTML5上大做文章，而著名的Web设计师Eric Meyer则提出了Web Stacks的概念。Alex Kessinger是Yahoo的一名前端工程师，本文是他对HTML5应用现状与前景的思考。开源模式带来转变O’Reilly创始人，TimO’Reilly，一位开源的支持者，曾在《Open Source Paradigm Shift》中如是说："IBM对个人电脑设计的商品化使利润从硬件转移到软件这一层面，而开源将带来新的财富"价值在不同的层面转移，HTML5将成为新的层面，商品的价值在下降，现时的浏览器已经成为商品，但这并没有问题，只要它们都遵守标准。人们说，我们可以将操作系统置入浏览器中，但这行不通，如果我们可以从过去的经历中学到些什么，那就是，不能简单照抄过去的模式，好比广播到电视的变迁，你不能简单地在一个播音员面前放台摄像机完事，将操作系统置入浏览器未必比HTML5离线应用本身更有价值。发布渠道的重要诸如苹果应用商店，Android应用商店一类的渠道将成为主导，另外，一些新的，象Valve游戏渠道，Netflix电影渠道一类的东西将会出现，在”云“时代，这些发布渠道将像桌面时代的操作系统一样用来对用户进行组织和归类。我们是如何到达现在这个阶段的?有两个关键的因素。感谢Web标准
Chrome中调试HTML、JavaScript和CSS
对于在Chrome中调试HTML、JavaScript和CSS来说，Chrome开发者工具是非常有用的。如果您正在为Chrome Web Store编写一个网页或网络应用程序，您可以检查DOM中的要素，现场调试JavaScript脚本，然后直接在当前页面编辑CSS式样。扩展包通过提供其他额外的功能，使人们可以在浏览器中轻松访问，从而使Chrome成为一个更好的网站开发环境。为了帮助开发者，我们创建了一个显示用于网站开发的扩展包的页面，希望它们对您创建应用程序和网站有所帮助。例如，Speed Tracer是能帮助您发现并解决网络应用程序中的性能问题的一个扩展包。借助Speed Tracer，您可以更好地了解在应用程序中的哪些地方消耗了时间，并可以解决JavaScript语法分析和执行、CSS式样以及更多方面的问题。另一个有用的扩展包Resolution Test，它可以改变浏览器窗口大小，从而使网站开发者可以在不同的屏幕分辨率下预览网站。它包括一个常用分辨率列表，以及可以输入您自己的分辨率的定制选项。凭借Web Developer扩展包，您可以访问其他的开发者工具，例如验证选项，页面尺寸调整和CSS要素浏览器：所有功能都可以从工具栏中一个额外的按钮进入。除开上面介绍的之外，还有一个扩展包Chrome Editor是您不能错过的。它可以让您在浏览器中轻松编码，这样，您就不必在浏览器和代码编辑器之间切换。同时，您还可以在电脑上保存参考代码供日后使用。这些只是我们用于网站开发页面的扩展包的一部分，您还可以在扩展包总览中可以找到更多。
HTML 5视频的相关知识背景和技术规范
1 Video介绍引用我翻译文档《在HTML5页面中嵌入音频和视频》中的介绍文字：“当今，在网页上嵌入视频且所有用户不管使用任何浏览器或者操作系统都能看到的唯一可靠方法是使用Flash。这需要Adobe Flash插件，并且结合<object>和<embed>标签。大多数用户已经安装了Flash插件（事实上，大概95%的上网用户都装有Flash的某个版本），但HTML 5的支持者正在推动一个开放的，不需要任何插件的视频标准。这就是HTML 5的新标签<video>带来的构想，他提供了一个嵌入视频（以及与其交互）而不需要类似Flash的私有插件的方法。不幸的是，视频并非那么简单。不仅仅是浏览器需要理解<video>标签，而且需要一个必要的编码译码器来播放视频。明显的解决方法只能是HTML 5规范的缔造者们选择一个视频编码译码器，并且让每一个浏览器制造商执行。总之，这就是所推荐的打算。同时，这也是引起混乱的导火索。对于各种各样编码译码器的争论就已经很烦杂了，但更悲剧的事情是，浏览器制造商们还不能就此达成统一。苹果不愿意使用提议的Ogg Theora编码译码器，但Opera和Mozilla也不愿意支付由于他们的浏览器装载H.264编码译码器而造成的许可费用。Google同时支持两者，微软面对争论，远远的置身事外，因为他现在根本没有计划去支持HTML 5的视频元素。面对浏览器制造商的僵持局面，HTML 5善意的*者Ian Hickson甩了甩他的手并说到去他妈的。所以HTML 5规范中没有特别指名或规定的视频编码解码器。”好吧，引用到这儿。如今的情况是，微软终于陷进去了，但很悲剧的是，在IE 9中只支持H.264。同时，Googe终于在I/O大会上发布了开源的视频封装格式webM和视频编码格式VP8。Opera、Mozilla、Chrome宣布将完全支持VP8，IE宣布部分支持（需要装一个插件，但如果我没记错的话，HTML5的一个愿景就是脱离浏览器插件，微软真是让人觉得悲剧）。苹果决定不支持VP8，乔布斯认为VP8在质量或效率方面不如H.264，不能满足其产品的要求。另外最新消息表明VP8还有可能牵扯到专利的问题（如果真的侵犯专利的话，Opera和Firefox估计马上会无视VP8的）。说了这么多，其实说到底就是，现在如果要在页面中使用<video>标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。
8个你从未见过的HTML5 Canvas和JavaScript的动画
HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。Tunnelers纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。The Mesmerizer在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。Burn在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。Cheloniidae Live
HTML教程:几个不常用的HTML标记使用方法
Xhtml有很多不常用却很有用的标签。有的能事半功倍，有的能改进语义，有的则能提高易用性，我总结了一些，总结的原则是有用而且能用，就是大多数浏览器得支持，否则就不算“上上签”了。只能望“签”兴叹又有什么用呢？<base>标签作用：标签为页面中所有链接指定默认链接地址或链接目标。有时候我们需要让首页的链接全部在新窗口中打开，使用这个标签就能一下搞定了！属性：href:链接地址，target:目标，他的值可以是_blank,_parent,_self,_top,可以在除Strict模式下使用，这个用法我最先是在163.com上发现的。用法：<head><!--写在head标签之间--> <base href="http://www.poluoluo.com/" /> <!--将默认链接定义为http://www.poluoluo.com/--> <base target="_blank" /> <!--将默认链接目标定义为新窗口中打开--> </head> <head><!--写在head标签之间--><base href="http://www.poluoluo.com/" /> <!--将默认链接定义为http://www.poluoluo.com/--><base target="_blank" /> <!--将默认链接目标定义为新窗口中打开--></head><caption>标签作用：caption标签用来定义表格的标题，给表格定义一个标题，来说明这个表格是干什么的，岂不是很有“语义”，caption应该写在table之后，默认的样式是居中显示在表格的顶部。你可以通过css来改变它的样式。用法：<table width="200" border="1" > <caption> <!--caption应该写在table之后--> 其实我是caption</caption> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> <table width="200" border="1" ><caption> <!--caption应该写在table之后-->其实我是caption</caption><tr><td> </td><td> </td></tr><tr><td> </td><td> </td></tr></table>
15 个非常值得收藏的 HTML5 资源
HTML5 越来越引起人们的关注，苹果甚至将 HTML5 视为 Flash 的掘墓人。然而，作为一种尚未成型的技术，HTML5 对很多人来说仍然是陌生的。本文收集了 15 个非常值得收藏的 HTML5 资源，这些资源可以让你同 HTML5 的发展保持一致，并始终处于这门技术的最前沿。这是一个关于 HTML5 Infographics 的站点，包含诸如 HTML5 同 Flash 的对比，HTML5 不同浏览器支持情况，HTML5 最受欢迎的功能等资料。Mark Pilgrim 是知名软件开发师与博客作者，他在线编写了一本有关 HTML5 的书，侧重 HTML5 的编程方面的功能。发布 HTML5 相关的文章，介绍目前我们可以借助 HTML5 实现的应用。站点中的一些文章和栏目，也是 HTML5 相应技术的最佳注解，如 dl element ，article element 以及 Q&As 部分。这个站点由一群在 Future of Web Design 大会相遇相识的开发人员共同创办。
13个应用HTML5 和 CSS3 实现的Web效果
HTML5 和 CSS3 已经在很多的网站编码中实现了应用，HTML5和CSS3给网站设计带来出色效果是之前其他编码语言无法比拟的。现在很多的流行浏览器都已经开始支持HTML5 和 CSS3 ，从而为Web前端工作者学习和应用HTML5 和 CSS3 提供了更好的应用平台，这里是13个应用HTML5 和 CSS3 实现的Web效果，从这些迷人的Web效果中，总可以看出HTML5 和 CSS3 组合的超级能力了。SlidenafillGoogleBoxPage FlipBar ChartSolar SystemColourful ClockCoverFlowLeavesBokeh
13个应用HTML5和CSS3实现的Web效果
HTML5 和 CSS3 已经在很多的网站编码中实现了应用，HTML5和CSS3给网站设计带来出色效果是之前其他编码语言无法比拟的。现在很多的流行浏览器都已经开始支持HTML5 和 CSS3 ，从而为Web前端工作者学习和应用HTML5 和 CSS3 提供了更好的应用平台，这里是13个应用HTML5 和 CSS3 实现的Web效果，从这些迷人的Web效果中，总可以看出HTML5 和 CSS3 组合的超级能力了。SlidenafillGoogleBoxPage FlipBar ChartSolar SystemColourful ClockCoverFlowLeavesBokeh