分享:CSS3渐变按钮

开始之前先看看效果:DEMO1 DEMO2 DEMO3

这么漂亮的按钮是如何制作的呢?

  1. 纯CSS,没有使用到图片和javascript
  2. 按钮上的渐变是跨浏览器的(IE, Firefox 3.6, Chrome, and Safari)
  3. 灵活可扩展性:按钮的大小和圆角都可以通过改变字体的大小和填充值进行调整
  4. 按钮有三个状态:normal, hover, and active
  5. 可以被应用到HTML的任何元素,如 a, input, button, span, div, p, h3, etc
  6. 如果浏览器不支持CSS3,那么将显示为普通按钮,不带渐变,阴影,圆角

继续阅读分享:CSS3渐变按钮

分享:web标准化交流会第二十期北京站总结

分享内容如下:

开心网 李国新 规范JavaScript开发模式(海贝网CommonJS实践之路)
傲游浏览器 赵锦江 git和github简介
谷歌 黄昊 Chrome 浏览器开发者工具介绍
W3Help javaScript模板引擎 -jsTemplate 应用场景及设计实现
联想研究院 小贝 谈团队协作的“兼”情和“基”情

Note:做优化

补发:之前某项目尾声时做的一些显而易见的优化工作:

1、图片size优化

使用Firebug上的YSlow就可以很方便的处理,但是对于一些重要的图片,比如logo等,还是让UI工程师专门做优化。

2、检查gzip是否开启

检查服务器上的gzip是否开启,这个对于前端优化起很大作用,如下图, gzip前后的js文件大小变化很大:


继续阅读Note:做优化

转载:支付宝浏览器与操作系统统计报告(2010.04)

支付宝注册用户已经突破 3 亿,2009 年网购交易额达到 2670 亿元 (via),支付宝用户特征在一定程度上反映了中国电子商务用户的普遍情况。
基于支付宝网站流量统计数据,支付宝前端开发组最近发布了浏览器与操作系统统计报告。这份报告对电子支付行业以及所有互联网电子商务网站都具有现实意义。

原文:http://ued.alipay.com/2010/04/alipay-client-data-report/