郭宇翔的博客
HTML
修复IE6下PNG透明问题的官方解决方法
一 11th
做Web前端开发的童鞋们一定都知道PNG是一个相当不错的图片格式，但是这个好的格式却在IE6时代造成了麻烦，IE6会使透明的PNG的透明部分出现#DBEAED的色彩。透明不了。使得在FF下开发表现很好的界面换成IE浏览就惨不忍睹，又逼着换成GIF，而GIF的假透明在变换背景时造成毛边现象。
最近在做一个有背景像素图的网页，为了让图像背景可以穿透，只能使用PNG-24。
找了一番，结果发现居然还有官方的解决方案。;)
学习HTML 5的10个顶级资源
八 31st
HTML5已经成为互联网行业的最新流行语，不少人相信这是Web的未来。即使没有加入该社区的人也承认，HTML5包括了本来应该从一开始的HTML规范中包含的功能。在这篇文章中，我们将告诉你大约10 个HTML5的资源，让您现在开始使用该技术。
1)HTML 5工作草案标准 http://dev.w3.org/html5/spec/Overview.html
从W3C至今的第五次修订，向Web开发人员介绍添加的新功能，新元素，定义了更好的用户代理，以提高互操作性。
来自AppMobi的HTML5开发工具XDK
八 25th
继Adobe发布HTML5动画编辑软件Edge之后，AppMobi推出了全新开发工具XDK，使得开发者可以使用HTML5构建网络和移动平台的应用程序。最终代码既可以用来进行HTML5应用程序开发， 就如同现在在Chrome网络应用程序商店里看到的那些程序一样，也可以用于多平台应用程序开发，最终提交到苹果或Android的应用程序商店。XDK 本身属于网络应用程序，可以在Chrome的网络应用程序商店免费下载。
XDK面向多平台
来自Adobe的HTML5网页动画工具——Adobe Edge(附下载)
八 3rd
Adobe刚刚发布了一个新的工具——Adobe Edge，它允许设计师通过HTML5、CSS和JavaScript制作网页动画。而无需使用Flash。Flash VS HTML5之争似乎即将见分晓。
Adboe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。目前该工具的重点放在动画引擎上，但未来将增加更多HTML5功能，比如Canvas、HTML5音频/视频标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。产品界面如下(点击查看大图)：
基于HTML5的在线可视化设计工具Maqetta安装使用
四 14th
4月12日，来自 IBM Impact 2011 的消息，IBM发布 Maqetta，一个创建桌面和移动用户界面的HTML5设计编辑工具，并同时宣布将项目捐助给开源机构Dojo基金会。
Maqetta已经是开源项目，提供WYSIWYG可视化HTML5用户界面设计功能，仅需简单的拖曳操作，支持桌面和移动用户界面。
Maqetta 应用本身用HTML5/Ajax编写，因此运行在浏览器中无需请求额外的插件或下载。用户可以下载源码，并安装在自己的服务器上，并可自定义源码来满足自己的需求，再回馈到开源项目。
为网站提速—HTML 5链接预取功能
六 24th
HTML 5的链接预取功能(link prefetching)是一个埋在沙里的宝石，至今还很少人知道它的价值。你可能已经知道了那古老而又闻名的图片预加载功能，链接预取功能就是将此概念由图片扩展到了网页内容（不需要任何AJAX代码）。
它是这样工作的，在页面上添加一个像这样的链接：
<link rel=”next” href=”page2.html”>
最新评论