HTML5中的CSS Shader技术
- SUN - SolidotPanggit 写道 "Adobe在Photoshop和Flashplayer等产品中运用了2D Shader技术来丰富它们的滤镜和动画，现在Adobe也将这种技术运用到了CSS中并将CSS Shaders提案提交给了W3C. 运用这项技术，可以轻松实现类似纸张折叠(视频)，弯曲(视频)等3D效果，并运用在CSS动画中.
40个很不错的CSS技术
标签：
Web开发
技术读物
操作系统
杂项资源
CSS
| 发表时间：2010-10-08 08:04 | 作者：陈皓 raphael
出处：http://coolshell.cn
以前发布过《30种时尚的CSS网站导航条》，下面是40个CSS的技术，可以让你的网页有更好的用户体验。希望你喜欢
1. A CSS styled table version 2
2. A CSS-based Form Template
3. A Stripe of List Style Inspiration
4. Accessible expanding and collapsing menu
5. Advanced CSS Menu Trick
6. Animated Rollover Arrow
7. Animations
8. Background Size
9. Better Ordered Lists (Using Simple PHP and CSS)
10. Box Shadow
11. Creating a table with dynamically highlighted columns
12. Creating bulletproof graphic link buttons with CSS | 456 Berea Street
13. Creative and Cool Uses of the CSS Border Property
14. Creative Use of PNG Transparency in Web Design
15. Cross Browser CSS SlideShow
16. Cross Browser Multi-Page Photograph Gallery
17. CSS Bar Graphs: Examples
18. CSS Based Navigation
19. CSS Curves
20. CSS Dock Menu
21. CSS Double Lists
22. CSS-Based Tables: Technique
23. CSS Gradient Text Effect
24. CSS List Boxes
25. CSS Map Pop
26. CSS Pricing Matrix
27. CSS Production Notes
28. CSS Pull Quotes
29. CSS Rounded Corners Roundup (Nifty Corners)
30. CSS SiteMap
31. CSS Speech Bubbles
32. CSS Stacked Bar Graphs
33. CSS Step Menu
34. CSS Tabs
35. CSS Teaser Box
36. CSS Zooming
37. CSS: Menu Descriptions
38. CSS-Based Forms: Techniques
39. Date Display Technique with Sprites
40. Displaying Percentages with CSS
文章来源：http://technologytosoftware.com/best-css-techniques-you-shouldt-miss-for-effective-coding.html
相关文章
- 2010年09月28日 -- 一些非常有意思的杂项资源
- 2010年05月11日 -- 写HTML和CSS的新方法
- 2009年12月15日 -- Web中的省略号
- 2009年11月17日 -- 9个最常见IE的Bug及其fix
- 2009年06月04日 -- 18个Web开发的IDE
- 2009年05月19日 -- Web设计的速查卡
- 2009年04月17日 -- 30种时尚的CSS网站导航条
相关 [css 技术] 推荐：
CSS排版：技术与最佳实践
- SmallColor - RockUX | WEB、前端、JavaScript、PHP在这个系列的第一部分，我们讨论了一些与CSS排版的基础概念. 现在我们将讨论一些出色的技术，建议，技巧以及处理网站排版的最佳实践. 这是CSS排版参考三篇系列中的第二部分，这三篇将涵盖从基本语法到最佳实践，以及CSS排版相关工具的内容. 用@font-face改善网页排版. 对于普通文本块，使用巧妙的字体栈（如第一部分讨论的）是一个不错的主意，但是对于标题和短文本块，可以借助@font-face使用更多有趣的字体.
40个很不错的CSS技术
- raphael - 酷壳 - CoolShell.cn以前发布过《30种时尚的CSS网站导航条》，下面是40个CSS的技术，可以让你的网页有更好的用户体验. 文章来源：http://technologytosoftware.com/best-css-techniques-you-shouldt-miss-for-effective-coding.html.
再谈css媒体介质查询技术
- - 收集分享互联网资源!css3 增强了媒体样式表的支持，让样式表更精准. 一个媒体介质查询有媒体类型和至少一个媒体特点表达式组成，比如宽、高、和颜色等. 媒体介质查询可以在不改变内容的前提下，根据输出设备的范围，精准的呈现. 媒体查询有媒体类型和一个或多个表达式组成，包括媒体特性，这样就组成了一个 真 或 假 的表达式.
网站性能优化之CSS无图片技术
- - 微博UDC在不使用CSS Image（通过CSS的引入的背景图片,不包括img标签内的图片）情况下生成类似图片效果的技术；换句话的意思就是在使用纯CSS生成类似图片效果的技术. 首先我们通过yslow的statistics查看新浪微博最新版首页的文件，得到Stylesheet File(CSS文件)大小为206.8K, CSS Image大小为623.8K.
100个惊人的CSS、JS代码技术
- - 设计达人最近在Codepen看到Top Pens of 2013这个专题，专题内容为2013年上最优秀的前100个CSS、HTML5和Javascript Pens，在惊叹技术人员的创造力同时我们还能学习这些技术，对交互设计师而言还能获取灵感哦. Top Pens of 2013专题地址： http://codepen.io/2013/popular.
综合运用硬件加速、3D CSS、WebM 技术的《小羊肖恩》HTML5 演示
- XsLiDian - WebM 项目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图形
- GLORY - 酷壳 - CoolShell.cn下面的示例展示了使用纯CSS制作的各种图形，你可以自由地修改文中的CSS代码. 经测试，IE9, Chrome, FF, Safari都可以正常显示. 五角星形 via Kit MacAllister. 心形 via Nicolas Gallagher. 无穷大 via Nicolas Gallagher.
用 Compass 寫 CSS
- Jay - Blog.XDite.net最近在開發一個新產品，整體來說應該是接近寫完了，不過越接近完工，抓 IE 系列的 bug 就越是挫折. 朋友 @evenwu 就來洗我要不要換成 Compass，說這東西超神奇，超好用，還可以把 IE bug 殺光光. 其實之前就久仰 Compass 大名了，只是文件實在看起來太他媽的眼花繚亂，因為專案進度一直在跑，不太敢貿然換掉寫 CSS 的方式.
CSS 入门
- - 博客 - 伯乐在线级联样式表非常简单，也就是 (X)HTML 网页之上的分层设计. 使样式表 “级联”，这样您就可以跨站点应用它 — 也就是说，将样式应用到网站，它就会自行应用到每个网页的每个元素. ●XHTML：可扩展 HTML. 对于网站，将数据与设计分离是一个重要的概念：数据使用 (X)HTML 发送到 浏览器，而设计使用 CSS 应用到该数据.