rem 62.5%在chrome谷歌和其他浏览器不一样

http://www.5imoban.net/jiaocheng/div+css/201512191529.html

http://blog.csdn.net/phunxm/article/details/42174937/

淘宝弹性布局方案lib-flexible实践 http://www.cnblogs.com/lyzg/p/5058356.html

手机淘宝的flexible设计与实现 http://www.html-js.com/article/2402

从网易与淘宝的font-size思考前端设计稿与工作流 http://www.cnblogs.com/lyzg/p/4877277.html

JQurey各种版本:http://www.jq22.com/jquery-info122

web app变革之rem http://isux.tencent.com/web-app-rem.html

http://www.responsive.cn/

Case:http://www.eecc.com.cn/

布局自适应
自适应,包括基于媒体查询的px布局,百分比布局,rem布局。
其中手机淘宝的rem布局方案,很有实践价值。
http://www.html-js.com/article/2402

触摸手势
业内成熟方案有
百度的touch.js
http://touch.code.baidu.com/
以及国外的hammer.js
http://hammerjs.github.io/

轮播图
用过bug最少的就是iSlider了
http://be-fe.github.io/iSlider/

局部滚动和下拉刷新
淘宝的xscroll和国外的iscroll

单页面(基于状态的路由)
张鑫旭有一个mobilebone.js
http://www.mobilebone.org/

又一个单页滚屏组件:pageSwitch.js  http://www.qiqiboy.com/post/65

学习16:css3 flex流动自适应响应式布局设计 http://qianduanblog.com/post/css-learning-16-css3-flex-responsive-design.html

学习18:css3 flex流动自适应响应式布局实例 http://qianduanblog.com/post/css-learning-18-css3-flex-responsive-design-example.html

http://qianduanblog.com/post/css-learning-19-css3-flex-responsive-design-class.html

iScroll官方 http://cubiq.org/iscroll-4 http://cubiq.org/dropbox/iscroll4/examples/simple/

iScroll.js的用法  http://www.cnblogs.com/asqq/archive/2012/04/23/2466132.html

iScroll.js 用法参考 (share)  http://www.cnblogs.com/duanhuajian/archive/2013/04/08/3008323.html

http://blog.csdn.net/albert528108/article/details/41803011

iscroll.js结合appcan实现上拉加载下拉刷新的效果  
http://blog.sina.com.cn/s/blog_a0d0fbbd0102uydu.html   http://blog.sina.com.cn/s/blog_a5d3b8fd0102vgq1.html

使用iScroll时,input等不能输入内容的解决方法  http://www.cnblogs.com/duanhuajian/archive/2012/11/09/2763159.html

移动端rem自适应布局关键代码

function resi() {

    var html = document.querySelector("html");
    var wW = document.body.clientWidth || document.documentElement.clientWidth;
    var maxW = 640;
    var minW = 320;
    if (wW > maxW) wW = maxW;
    var ratio = wW / minW;
    html.style.fontSize = 50 * ratio + "px"
}
window.addEventListener("DOMContentLoaded"function() {
    var bodys = document.querySelector("body").style;
    bodys.opacity = "1";
    bodys.filter = "alpha(opacity=100)";
    resi()
});
window.addEventListener("resize", resi);

基础http://blog.csdn.net/kongjiea/article/details/17092413

 jQuery Ajax 实例 ($.ajax、$.post、$.get) http://jun1986.iteye.com/blog/1399242

HTML5实战——svg学习 http://www.cnblogs.com/duanhuajian/p/3227410.html

jquery函数大全 https://www.douban.com/note/218884397/

CSS print 样式   http://www.admin10000.com/document/5933.html(不支持低版本IE)   
jquery.printPage.js,将想要打印的页面加载到iframe中,并打印它http://www.css88.com/archives/3014
http://blog.jobbole.com/44662/       CSS控制print打印样式  http://blog.csdn.net/pangni/article/details/6224533

百度判断客户端是手机还是PC的方法  http://yuncode.net/code/c_57635d576b37762

腾讯isux:使用SVG中的Symbol元素制作Iconhttp://isux.tencent.com/16292.html
上哪找svg图标去呢? 这里推荐去icomoon.io 这个专门提供矢量图标网站下载矢量图像,重要的是它提供SVG格式的图形下载。

Snap.svg – 现代 Web 开发必备的 JavaScript SVG 库(snap.svg-min.js)

 SVG 是一种很好的 Web 技术方案,可以用来创建互动,在任何大小的屏幕上都会很好看、与分辨率无关的矢量图形。而这里推荐的 Snap.svg 这个 JavaScript 可以让你像 jQuery 操作 DOM 一样操作 SVG 资源。

 Snap.svg 是专为现代浏览器打造,支持剪裁,遮罩,纹理,渐变,分组等功能。凭借丰富的动画库和易于的事件处理,Snap.svg 可以帮助你轻松实现 SVG 功能。
国外Snap.svg:http://snapsvg.io/demos/
国内Snap.svg:http://www.zhangxinxu.com/wordpress/2014/02/snap-svg-fishing-css3/
其他http://www.jq22.com/demo/AnimatedSVGIcons-master-141127215600/ (下载http://www.jq22.com/jquery-info1085)

突袭HTML5之SVG 2D入门2 - 图形绘制 http://www.cnblogs.com/dxy1982/archive/2012/04/06/2395729.html

2016 Technology的更多相关文章

  1. SQL Server 2016 Community Technology Preview 3.3

    https://www.microsoft.com/en-us/evalcenter/evaluate-sql-server-2016 SQL Server 2016 Community Techno ...

  2. Connect() 2016 大会的主题 ---微软大法好

    文章首发于微信公众号"dotnet跨平台",欢迎关注,可以扫页面左面的二维码. 今年 Connect 大会的主题是 Big possibilities. Bold technolo ...

  3. 谁是2016年的.NET开发者?

    Nora Georgieva (http://www.telerik.com/blogs/infographic-the-dotnet-developer-of-2016) Whether you h ...

  4. 2016 Multi-University Training Contest 1 G. Rigid Frameworks

    Rigid Frameworks Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others) ...

  5. 【转】2016/2017 Web 开发者路线图

    链接:知乎 [点击查看大图] 原图来自LearnCodeAcademy最火的视频,learncode是YouTube上最火的Web开发教学频道,介绍包括HTML/CSS/JavaScript/Subl ...

  6. (转) Summary of NIPS 2016

    转自:http://blog.evjang.com/2017/01/nips2016.html           Eric Jang Technology, A.I., Careers       ...

  7. (转) The major advancements in Deep Learning in 2016

    The major advancements in Deep Learning in 2016 Pablo Tue, Dec 6, 2016 in MACHINE LEARNING DEEP LEAR ...

  8. SharePoint Server 2016 Update

    Today’s post was written by Seth Patton, senior director of product management for the SharePoint te ...

  9. 2016年 Delphi Roadmap

    2016年delphi Roadmap 发布,这也是新公司的第一次发布路线图. 虽然稍微晚点( 原来说是1月份发布路线图),至少比过去积极点.喧嚣多年的靴子终于落地. Linux 的支持终于正式公布. ...

随机推荐

  1. 《DSP using MATLAB》示例 Example 6.5

    代码: b = [1, 0, 0, 0, 16+1/16, 0, 0, 0, 1]; broots = roots(b) B1 = real(poly([broots(1), broots(2), b ...

  2. Kattis - Aaah!

    Aaah! Photo by Unknown Jon Marius shouted too much at the recent Justin Bieber concert, and now need ...

  3. Linux 下Nginx 的安装及负载均衡的简单配置

    这次发布程序需要均衡负载,网上看了一下这方便的东西,觉得很不错,学完之后做下总结,一遍后期用到. 1.安装nginx之前需要安装的两个依赖,pcre-x.x.x.tar.gz 和pcre-devel- ...

  4. C# EnumHelper

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Reflection ...

  5. [转]numpy性能优化

    转自:http://blog.csdn.net/pipisorry/article/details/39087583 http://blog.csdn.net/pipisorry/article/de ...

  6. Uva 11889 Benefit (lcm与gcd)

    题意:给你两个数,a,c,求出 lcm(a,b)==c 时的 b 的最小值 思路:我们知道一个性质 gcd(a,b)*lcm(a,b) = a*b 由此我们可以得到 b = gcd(a,b)*lcm( ...

  7. JSON跟JSONP的区别以及实战

    前言 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现. 当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socke ...

  8. android 控件自定义样式

    一.按钮(Button) 方式1.存在.9图片或图片时   可在drawable文件夹下新建xml文件style_button_one.xml,代码如下 <?xml version=" ...

  9. hibernate、easyui、struts2整合

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  10. 相机标定 matlab opencv ROS三种方法标定步骤(1)

    一 . 理解摄像机模型,网上有很多讲解的十分详细,在这里我只是记录我的整合出来的资料和我的部分理解 计算机视觉领域中常见的三个坐标系:图像坐标系,相机坐标系,世界坐标系,实际上就是要用矩阵来表 示各个 ...