郭宇翔的博客
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”>



最新评论