Respond.js让IE6-8支持CSS3 Media Query
发表于
css3
分类，标签:
13
10月
2015
Respond.js让IE6-8支持CSS3MediaQueryootstrap里面就引入了这个JS文件，从名字看出来是自适应的兼容。打开IE看了一下，效果挺好的，自适应的效果挺好的。Respond.js让不支持css3 MediaQuery的浏览器包括IE6-IE8等其他浏览器支持查询。使用方式官方demo地址：http://scottjehl.github.com/Respond/test/test.html1.在css中正常用min/max-widthmediaqueries @media screen and (min-width: 480px){ ...styles ...
canvas API
发表于
canvas
分类，标签:
12
10月
2015
HTML5<canvas>标签用于绘制图像（通过脚本，通常是JavaScript）。不过，<canvas>元素本身并没有绘制能力（它仅仅是图形的容器）-您必须使用脚本来完成实际的绘图任务。getContext()方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。本手册提供完整的getContext("2d")对象属性和方法，可用于在画布上绘制文本、线条、矩形、圆形等等。浏览器支持InternetExplorer9、Firefox、Opera、Chrome以及Safari支持<canvas>及其属性和方法。注释：InternetExplorer8以及更早的版本不支持<canvas>元素。颜色、样式和阴影属性描述fillStyle设置或返回用于填充绘画的颜色、渐变或模式st...
jquery事件委托
发表于
jQuery
分类，标签:
10
10月
2015
一，.on(events[,selector][,data],handler(eventObject)) // .on(events[,selector][,data])该方法取代了jQuery之前的 .bind(),.delegate(),和.live() 方法，.on()可以直接进行事件绑定也可以进行时间委托live方法进行的事件委托是绑定在document上， 通过event.target 和 event.type 判断元素 .live(events,handler(eventObject)) //jQuery1.3+ &n...
CSS3 clip-path polygon图形构建与动画变换二三事
发表于
css3
分类，标签:
08
10月
2015
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=4732一、温故关于CSS3 clip-path,去年圣诞节前前前夕写了篇名为“CSS3/SVGclip-path路径剪裁遮罩属性简介”文章介绍了。不过是简介，很多内容是一笔带过。CSS3中的clip-path可以遮罩很多图形，例如矩形rectangle,圆circle,椭圆ellipse,多边形polygon,以及inset剪裁。其中，polygon多边形构建频频出现了我的视野中，不知是贪图我的美色还是其他什么原因，总之，它成功了，成功引起了我关注。于是，按照虐心剧剧本一贯的尿性，男主和X主发生了很多情感上的纠葛。这里特意呈现给大家，满足大家八卦的天性。二、成形c...
canvas 画虚线的方法
发表于
canvas
分类，标签:
28
09月
2015
一个绘制虚线的算法。很不错！来自《html5canvas核心技术》一书。varcanvas=document.getElementByIdx_x_x_x("canvas"), ctx=canvas.getContext("2d");functiondrawDashLine(ctx,x1,y1,x2,y2,dashLength){ vardashLen=dashLength ===undefined ?5:dashLength, xpos=x2-x1,//得到横向的宽度;&nbs...
SVG-Morpheus实现SVG图标图形间的补形动画
发表于
svg
分类，标签:
23
09月
2015
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=4480一、关于矢量图形间的补形动画时光冉冉，还依稀记得学生时代折腾flash动画那会儿，只要建前后两个关键帧，前面画个方框，后面画个圈圈，然后建立个补形动画，就有了从方框到圆的变化效果。最后效果参见下flash动画（由于没有延迟，所以有些抽风）：然后，一晃，好多年过去了，随着CSS3的越发强劲，穿花戏蝶、闲云信步间，我们总会看到一些小而美的图标动画效果。例如，checkbox选中时候，那个钩钩调皮地勾一下；或者移动端三横菜单图标在展开式变成叉叉等等。甚至Google在其设计的官方文档中专门另起一个栏目delightfuldetails,推荐多一些这种小而美的图标间的补形过渡动画，这...
前端开发框架对比
发表于
html5
分类，标签:
21
09月
2015
本文选取了Bootstrap、jQueryUI、jQueryMobile、SenchaExtJS、SenchaTouch、SenchaGXT、Dojo、DojoMobile、Mootools、Foundation、YUI、Kissy、QWrap等16个国内外前端开发框架进行初步的横向比较，可以作为大家挑选前端开发框架的初步参考。2 评论：王芳侠,高级软件工程师,IBM2014年4月22日内容在IBMBluemix云平台上开发并部署您的下一个应用。开始您的试用近几年随着jQuery、Ext以及CSS3的发展，以Bootstrap为代表的前端开发框架如雨后春笋般挤入视野，可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架，极大丰富了开发素材，也方便了大家的开发。这些框架各有特点，本文对这些框架进行初步的介绍与比较，希...
全兼容渐变色写法
发表于
css3
分类，标签:
18
09月
2015
<!DOCTYPEhtml><html><headlang="en"> <metacharset="UTF-8"> <title>全兼容渐变色</title> <style> body{ background-color:blue; } a{ color:#...