HTML5中的CSS Shader技术

Panggit 写道 "Adobe在Photoshop和Flashplayer等产品中运用了2D Shader技术来丰富它们的滤镜和动画，现在Adobe也将这种技术运用到了CSS中并将CSS Shaders提案提交给了W3C. 运用这项技术，可以轻松实现类似纸张折叠(视频)，弯曲(视频)等3D效果，并运用在CSS动画中.

1、新的DOCTYPE和字符集. HTML5的一项准则就是化繁为简，Web页面的DOCTYPE被极大的简化. HTML5引入了很多新的标签，根据内容和类型的不同，被分为7大类. 语义化标签可以简化HTML页面设计，并且将来搜索引擎在抓取和索引网页的时候，也会利用这些元素的优势. HTML5的宗旨之一就是存在即合理.

　　Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5，CSS & JavaScript 工具包. 使用 Groundwork，您可以快速构建 Web 应用程序. Groundwork 拥有一个令人难以置信的灵活，可嵌套，流体的网格系统，是 Github 上的开源项目.

 随着  Retina 屏幕的逐渐普及，网页中对图片的适配要求也越来越高. 如何让图片在放大了两倍的 Retina 屏幕显示依然清晰，曾经一度困扰着网页开发者，好在 CSS3 与 HTML5 已经着力在改变这种现状. 响应式图片是指： 用户代理根据输出设备的分辨率不同加载不同类型的图片，不会造成带宽的浪费.

这篇文章继续我们的框架大荟萃，如果你没有阅读前面的文章，请点击这里查看 PHP框架. 数以百万计的设计师和工程师都接受使用foundation框架来作为产品或者网站的前端设计. foundation是第一个支持响应式，语义化， 移动为先的开源框架. 最近Foundation5已经发布，作为当今最快速的发布版本工具，在很多方便比如开发产品和网站都很快.

Google 与 Instrument 携手 Aardman Studios，将这款以《小羊肖恩》（Shaun the Sheep）为主题的 HTML5 技术演示作品搬上了 Chrome Experiments. 在这款采用硬件加速 HTML5 视频、3D CSS 变换与 WebM 技术的互动实验中，大家可以看到肖恩和它的朋友们在《An Ill Wind》《Snowed In》《The Big Chase》与《Twos Company》四集中的滑稽表演.

下面的示例展示了使用纯CSS制作的各种图形，你可以自由地修改文中的CSS代码. 经测试，IE9, Chrome, FF, Safari都可以正常显示. 五角星形 via Kit MacAllister. 心形 via Nicolas Gallagher. 无穷大 via Nicolas Gallagher.

最近在開發一個新產品，整體來說應該是接近寫完了，不過越接近完工，抓 IE 系列的 bug 就越是挫折. 朋友 @evenwu 就來洗我要不要換成 Compass，說這東西超神奇，超好用，還可以把 IE bug 殺光光. 其實之前就久仰 Compass 大名了，只是文件實在看起來太他媽的眼花繚亂，因為專案進度一直在跑，不太敢貿然換掉寫 CSS 的方式.

级联样式表非常简单，也就是 (X)HTML 网页之上的分层设计. 使样式表 “级联”，这样您就可以跨站点应用它 — 也就是说，将样式应用到网站，它就会自行应用到每个网页的每个元素. ●XHTML：可扩展 HTML. 对于网站，将数据与设计分离是一个重要的概念：数据使用 (X)HTML 发送到 浏览器，而设计使用 CSS 应用到该数据.

作者：kangquan2008 发表于2012-2-20 22:32:24 原文链接. 阅读：6 评论：0 查看评论.