Posts Tagged ‘css3’

在大型网站或电子商务网站中, 大型下拉菜单正成为一个有效地解决方案, 容纳大量内容、分类, 同时保持布局的干净。 本文从零开始, 教会你创建跨浏览器的, 纯css的大型下拉菜单, 可图文混排, 容纳多行多列。

Html Css Techniques/How to build a Kick Butt Css3 Mega Drop Down Menu

http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

如何选用合适的字体——web实用排版术指南

typography是一个巨大的领域, 对于这种古老的工艺, 总是有新东西要学。 本文立足很高地从可读性, 字体选择, 配对, 尺寸, 层次, 行距, 字距, 颜色, 栅格等各个方面讲解了如何在web设计中使用合适的字体。

Choosing the right font a Practical Guide to Typography on the Web

http://webdesign.tutsplus.com/articles/choosing-the-right-font-a-practical-guide-to-typography-on-the-web/

经过几个月夸张兴奋的和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/

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

10 Interesting CSS3 Experiments and Demos

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

虽然许多人认为CSS3是一个太前卫的, 暂时无法广泛使用的技术, 但这里收集的一批资源和教程非常经典。 如果你想走在同行业的前面, 应该好好看看。

包括使用css3完成完美的书籍翻页效果

在线资源管理器

CSS3实现三维柱状图。

用css3技术实现的twitter大鲸鱼

完美的阴影、渐变、圆角 等等等等

Start Using CSS3 Today: Techniques and Tutorials

http://www.smashingmagazine.com/2010/06/17/start-using-css3-today-techniques-and-tutorials/

CSS3来了。 虽然支持的浏览器很有限, 但 许多设计师都在实验它的强大功能。 本文可以让你了解css3的新技术和功能。

50 Brilliant CSS3/JavaScript Coding Techniques

http://www.smashingmagazine.com/2010/02/01/50-brilliant-css3-javascript-coding-techniques/