前端开发框架对比

发表于 html5 分类,标签:
本文选取了Bootstrap、jQueryUI、jQueryMobile、SenchaExtJS、SenchaTouch、SenchaGXT、Dojo、DojoMobile、Mootools、Foundation、YUI、Kissy、QWrap等16个国内外前端开发框架进行初步的横向比较,可以作为大家挑选前端开发框架的初步参考。2 评论:王芳侠,高级软件工程师,IBM2014年4月22日内容在IBMBluemix云平台上开发并部署您的下一个应用。开始您的试用近几年随着jQuery、Ext以及CSS3的发展,以Bootstrap为代表的前端开发框架如雨后春笋般挤入视野,可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架,极大丰富了开发素材,也方便了大家的开发。这些框架各有特点,本文对这些框架进行初步的介绍与比较,希...

全兼容渐变色写法

发表于 css3 分类,标签:
<!DOCTYPEhtml><html><headlang="en">  <metacharset="UTF-8">  <title>全兼容渐变色</title>  <style>    body{      background-color:blue;    }    a{      color:#...

SVG Sprite技术介绍

发表于 svg 分类,标签:
未来必热:SVGSprite技术介绍by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=4264一、Sprite技术这里所说的Sprite技术,没错,类似于CSS中的Sprite技术。图标图形整合在一起,实际呈现的时候准确显示特定图标。另,本文图片甚多,爪机党继续浏览需慎重。二、SVGSprite与symbol元素目前,SVGSprite最佳实践是使用symbol元素。symbol元素是什么呢?单纯翻译的话,是“符号”的意思。然,这个释义并不符合这里的场景。不知大家有没有用过Flash,symbol实际上就类似于Flash中的“影片剪辑”、或者“元件”。因此,我个人觉得,symbol应该解释为“元件”最为恰当!那,symbol和SV...

CSSOM视图模式(CSSOM View Module)相关整理

发表于 css3 分类,标签:
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1907就在8月份,也就是上次gf大姨妈来的时候,W3C出炉了CSSOM视图模块(CSSObjectModelView)草案。CSSOM视图模块(CSSOMViewModule)定义了一些API,Web开发人员使用这些API可以进行检查,也可以以编程方式更改文档及其内容的视觉属性,包括布局框定位、视区宽度和元素滚动。以下就是一些API属性的相关内容,包括兼容性,使用,测试等。一、Window视图属性这些属性可以hold住整个浏览器窗体大小。微软则将这些API称为“Screenview接口”。包括:innerWidth 属性和 innerHeight...

html5中的svg包含的文本text上下左右居中的方法

发表于 svg 分类,标签:
水平居中:text-anchor 垂直居中:dominant-baseline: middlehttp://lea.verou.me/2013/03/easily-center-text-vertically-with-svg/  UsagecontextCategoriesPresentationattributeValuestart|middle|end| inheritAnimatableYesNormativedocumentSVG1.1(2ndEdition)<?xml version="1.0"?><svg width="120" height="120" viewBox="0&...

十个操作svg的js 库

发表于 svg 分类,标签:
http://www.linuxidc.com/Linux/2015-02/113411.htm ...

svg animation动画

发表于 svg 分类,标签:
超级强大的SVGSMILanimation动画详解本文花费精力惊人,具有先驱前瞻性,转载规则以及申明见文末,当心予以追究。本文地址:http://www.zhangxinxu.com/wordpress/?p=4333//zxx:本文的SVG在有缓存时候是无动画效果,此时您可以试着【右键-新标签页打开图片】。一、SVGSMILanimation概览1.SMIL是什么?SMIL不是指「水蜜梨」,而是SynchronizedMultimediaIntegrationLanguage(同步多媒体集成语言)的首字母缩写简称,是有标准的。本文所要介绍的SVG动画就是基于这种语言。SMIL允许你做下面这些事情:动画元素的数值属性(X,Y,…)动画属性变换(平移或旋转)动画颜色属性沿着运动路径运动注意到“沿着运动路径运动”这一条没?前面的三条CSS3都是可以有所担当的,最后这一条,...

js打开新窗口代码

发表于 JS 分类,标签:
<ahref="javascript:void(0);" class="fd_btn">打开百度</a><scripttype="text/javascript">functionopenNewWin(url){window.open(url,'newwindow','height=1000,width=600,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');}window.onload=function(){document.getElementsByClassName("fd_btn"...

浏览器怪癖模式

发表于 html5 分类,标签:
http://www.oschina.net/translate/doctype ...

炫酷网站收集,

发表于 html5 分类,标签:
http://www.html5tricks.com/demo/html5-cool-fire-effect/index.html   //canvas 火http://easyrocketstudio.com/    http://www.fandango.com/canvas/theory   // 炫酷网站2http://new-year.pernod-ricard.com/  // 照片墙http://www.html5tricks.com/demo/html5-canvas-particle-effect/index.html  // 离子http://www.html5tric...