渐变生成器：http://colorzilla.com/gradient-editor/背景图案：http://lea.verou.me/css3patterns/html5和css3浏览器支持情况：http://caniuse.com/IE Tester：http://www.my-debugba...
分类：
Web程序 时间：
2014-06-28 21:54:10
阅读次数：
212
上传基本是项目中经常出现的，一般采用：
1、form提交
2、flash
3、html5
form提交会刷新页面，很难做到异步上传；flash可能是用得比较多了，因为可以兼顾到几乎所有的浏览器，我之前一直会用jquery的uploadify作为项目中的上传工具，uploadify也有基于html5好像是收费的，大家可以去官网看看；当然了，现在html5提供了API以及File，FileR...
分类：
Web程序 时间：
2014-06-18 11:28:55
阅读次数：
317
JS+CSS3实现计算器特效
C
7
8
9
+
4
5
6
-
1
2
3
÷
0
.
=
x
// Get all the keys from document
var keys = document.querySelectorAll('#calculator...
分类：
Web程序 时间：
2014-06-18 06:37:23
阅读次数：
271
上一篇已经实现了这个项目的整体的HTML和CSS：
HTML5 CSS3 经典案例：无插件拖拽上传图片 （支持预览与批量） （一）
这篇博客直接在上篇的基础上完成，最终效果：
效果图1：
效果图2：
好了，请允许我把图片贴了两遍，方便大家看效果了~
可以看出我们的图片的li的html其实还是挺复杂的，于是我把html文档做了一些修改：...
分类：
Web程序 时间：
2014-06-17 23:02:00
阅读次数：
248
版本：1.0 日期：2014.6.11 2014.6.12版权：© 2014 kince 转载注明出处 ImageView是开发中经常使用到的一个控件，也可以说是必不可少的。对于它的使用，除了注意ScaleType的理解和设置外，还需要注意其他一些问题，比如设置一张大的背景图片内存占用和释放等。还有它的拓展性方面，像圆角图片、圆形图片、图片边框等等。因此，如果想熟练使用这个控件，就需要对其实现的...
分类：
移动开发 时间：
2014-06-17 22:51:45
阅读次数：
429
本来准备写一个支持多图片拖拽上传的例子，但是为了更好的理解，先介绍一下HTML5的拖放。
拖放（Drag 和 drop）是 HTML5 标准的组成部分。
浏览器支持
Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。
被拖元素，dragElement :
1、添加事件：ondragstart
2、添加属性：d...
分类：
Web程序 时间：
2014-06-17 21:54:27
阅读次数：
373
http://www.zhangxinxu.com/wordpress/?p=794一、前言利用CSS的border属性可以生成一些图形，例如三角或是圆角。纯粹的CSS2的内容，没有兼容性的问题，我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原...
分类：
Web程序 时间：
2014-06-17 19:43:34
阅读次数：
253
创建圆角图片的方式大同小异，最简单的就是 9.png 美工做出来的就是，这样的最省事直接设置即可。
第二种就是通过裁剪
这里的剪裁指的是根据原图我们自己生成一张新的bitmap，这个时候指定图片的目标区域为一个圆角局域。这种做法有一点需要生成一个新的bitmap，所以会消耗至少2倍的图片内存，
下面分析一下代码的含义：
a.首先创建一个指定高宽的bitmap,作为输出的内容...
分类：
移动开发 时间：
2014-06-17 19:00:13
阅读次数：
231
Bounce.js 是一个用于制作漂亮的 CSS3 关键帧动画的 JavaScript 库，使用其特有的方式生成的动画效果。只需添加一个组件，选择预设，然后你就可以得到一个短网址或者导出为 CSS 代码。
分类：
Web程序 时间：
2014-06-17 15:58:34
阅读次数：
256
最近公司的项目将好多分页改成了ajax的前台分页以前写的分页插件就不好用了，遂重写一个支持IE6+，但没有动画效果如果没有硬需求，个人认为没必要多写js让动画在这些浏览器中实现css3的动画本来就是帮我们取代js中这部分动画代码的使js更纯粹地去实现逻辑效果图如下：调用代码如下：包括常用的加载失败重...
分类：
Web程序 时间：
2014-06-17 14:48:42
阅读次数：
394
