CSS

简单的圆形CSS按钮(Wii按钮)

1
Hedger Wang 教我们如何创建只有一个图像和一个CSS的圆角按钮。用户可以看到不同状态的按钮,如被禁止,鼠标悬停和鼠标移出状态。因此,用户可以感受到更多Web应用交互。我们也可以使用此工艺制造类似Wii的按钮。

制作CSS 按钮

0
Alex Griffioen 教我们如何使用CSS创建漂亮的文字按钮(按下状态与候补)。Alex Griffioen使用sliding doors技术; 2个完整的教材指导您如何创建动态稳步按钮,节省您制作不同动态按钮的时间。

免费的CSS3菜单生成器

0
CSS3 Menu – Windows和Mac的应用程序,用于创建美丽和免费的CSS3菜单,下拉式导航应用。无需JavaScript和图片。 菜单是基于ul/li 结构和CSS,可以垂直和水平工作在所有现代浏览器中。 下拉式导航也适用于非兼容的浏览器,但CSS3的圆角和阴影将不会被渲染。

IE CSS3选择器 – Selectivizr JavaScript库

0
selectivizr – 一个JavaScript实用程序,使得CSS3伪类和属性能在Internet Explorer 6-8上运行。 Selectivizr增加了19个CSS3伪类,2伪元素,每个属性选择器都支持旧版本的IE。 Selectivizr需要一个JavaScript库,类似jQuery,MooTools,YUI,Dojo,Prototype。

在线CSS压缩器 – 优化您网站的CSS代码

0
在开发网站时,其中一个最重要的事情是网站页面的加载速度,越快越好,特别是对大型网站而言,更快的载入速度意味着增加可用性和用户满意度。 CSS压缩工具,它可以通过改善您CSS代码来提高您网页的加载速度。例如:把CSS代码调整到一行,去除不需要的空白字符,新行,标签,等等。 cssdrive.com CSS 压缩器 – 有2种模式: 正常和高级。

CSS3代码生成器 – CSS3.0 Maker

0
CSS 3.0 Maker – 一个自由的免费工具,用于体验CSS3的各种属性和赋值,它可以用于生成CSS3并提供下载。 当改变了CSS3样式面板的设置时,如边界半径,梯度,CSS变换,CSS动画,文字阴影等,所要效果可立即被应用于生成CSS代码并预览。 它还提供了CSS3浏览器兼容性的提示,你可以看到目前主流浏览器对你目前编辑的CSS3的支持能力。

CSS框架 – Atatonic

0
Atatonic CSS框架 – 垂直节奏是设计中最重要的事情之一,这个轻量级的CSS框架,它的主要优点是对Grid的支持。 这个项目的主要目标是为每个项目的开始提供一个坚实的基础。该CSS框架文件只有5kb的(gzip压缩〜3kb)。 查看 演示 , 查看 代码

HTML5 CSS3的基本模板 – HTML5 Reset

0
HTML5 Reset – 提供一系列HTML5和CSS3的模板,你可以使用它作为一个基本模板启动一个新的项目。 这个由Monkey Do制作的模板集不仅仅是一个单一的样式表。它包括一个基本HTML5的文件与所有必须的东西,例如标题,页眉,页脚等,清楚floats,修正IE浏览器的问题,等等。 你可以选择两个版本,’完整版’(完整的评论或没有评论),及一个仅提供基本属性的版本。

实验 – 进一步了解CSS3的新功能

0
CSS3 游乐场 – 在线工具 – 用于帮助您了解CSS3的网络实验室。每个实验用的CSS都可以在没有修改的情况下被您应用到你的网站中。 当您修改左边的面板中的设置时,所有的CSS3属性,例如radius,box-shadow,transforms都会被立即生成。 该应用中的CSS均是跨浏览器兼容的:Firefox, Chrome, Opera, Safari 和Internet Explorer。但您要注意,某些浏览器(如IE8及更早的版本)并不支持CSS3的某些属性。

HTML / CSS / JS模板 – HTML5

0
HTML5 Boilerplate – 是一个基础的HTML / CSS / js模板,可以帮助您开发一种快速,性能经经优化的,健壮的和面向未来的网站。 使用HTML5 Boilerplate,你会得到以下优点: 跨浏览器兼容(包括IE6),性能优化,提供Ajax和Flash的可选功能,移动版浏览器优化,自动降级等等,一个启动的Apache .htaccess配置文件为您的网站提供HTML5视频,使用@font-face,和gzip压缩。
Go to Top