Posts Tagged ‘css’

经过几个月夸张兴奋的和HTML5、Css3的约会, 前端设计师们开始真正把将新技术用于实践, 而不是炫技式的滥用。 我们在下面的例子里将很少看到由css3构建纯图像, 而是更先进和聪明的css技巧, 能够真正提高用户的网络浏览体验。
包括 优雅的css过渡效果, 控件, 流体网格,弹出视窗, 圆型遮罩, apple网站中视网膜屏幕放大特效, 进度条, 交互地图, webkit中的翻转效果, 各种框架……

50 New Useful CSS Techniques, Tutorials and Tools

http://www.smashingmagazine.com/2010/10//12/50-new-useful-css-techniques-tutorials-and-tools/

  • 1. Not Using a Proper CSS Reset
  • 2. Over-Qualifying Selectors
  • 3. Not Using Shorthand Properties
  • 4. Using 0px instead of 0
  • 5. Using Color Names Instead of Hexadecimal
  • 6. Redundant Selectors
  • 7. Redundant Properties
  • 8. Not Providing Fallback Fonts
  • 9. Unnecessary Whitespace
  • 10. Not Organizing Your CSS in a Logical Way
  • 11. Using Only One Stylesheet for Everything
  • 12. Not Providing a Print Stylesheet

12 Common CSS Mistakes Web Developers Make

12 Common CSS Mistakes Web Developers Make

这些css可以免费下载和使用, 你可以在基于它们设计属于你的出色site。

40+ Elegant Free CSS/(X)HTML Templates from 2010

http://www.noupe.com/how-tos/40-elegent-free-css-x-html-templates-from-2010.html

太阳系效果
CSS3广告 PK Flash广告
动画效果
基于动力学的动画效果
互动游戏
照片叠放效果
音乐播放器
CD封套效果
昼夜循环动画
树叶飘落的动画效果

10 Interesting CSS3 Experiments and Demos

http://sixrevisions.com/css/css3-demos-experiments/

包括 Typegraphy, bookmark, css/html 和JS工具, 在线工具和服务, 可用性和用户体验, 在内的非常强大的资源与工具合 集。

50 Useful Tools and Resources For Web Designers

http://www.smashingmagazine.com/2010/07/26/50-useful-tools-and-resources-for-web-designers/

 Page 2 of 4 « 1  2  3  4 »