摘要： 说明一下，在此所说的移动设备前端开发是指针对高端智能手机（如Iphone、Android），所以需要对webkit内核的浏览器有一定的了解。1、webkit内核中的一些私有的meta标签第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏... 阅读全文

摘要： wap手机网页css（wap css）大部分手机现在都支持XHTML浏览器，这意味着我们只需在stylesheets的类型设置成“handheld”即* {position: static !important;float: none !important;}因为现行的手机的屏幕限制，没有太多的空间... 阅读全文

摘要： 代码使用方法1.将index.html源文件中的JS设置代码插入到你的网页中2.将style.css文件内容合并到你的页面样式表中3.将jquery文件加载到你的页面中，请注意，这不是通用的jquer库注意事项本代码目前仅支持HTML5内核的浏览器，测试时请用IE9-10，Chrome，Safari... 阅读全文

摘要： 值得收藏的14款响应式前端开发框架作为今年大热的设计趋势，响应式已然是设计师的标配技能。今天阿里的同学从响应式设计的布局类型、布局实现两方面深入讲解，有哪些实现布局的方式，该采用何种方式，都有相当专业细致的解答，不多说，来收！布局类型：布局实现采用何种方式实现布局设计，也有不同的方式，这里基于页面的... 阅读全文

摘要： Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。那么，Media Queries是如何工作的？两种方式，一种是直接在link中判断设备的尺寸，然后引用不同的css文件：意... 阅读全文

摘要： 文 李筱懿 有位姑娘给我留言：“筱懿姐，我谈恋爱了，见了男友家长，要催婚的那种。我不确定他是那个我愿意用一生陪伴的人，又害怕往前再也遇不到合适的，纠结中觉得就这样凑合一下吧，有多少人不是随遇而安呢？” 于是，我早晨4：30爬起来奋力打字，就是为了告诉你： 很多人都不愿意凑合着过掉这一生。 我... 阅读全文

摘要： 效果预览:http://runjs.cn/detail/vydinibc带左右箭头的自动焦点图：http://runjs.cn/detail/wr1d1kehhtml: ... 阅读全文

摘要： 理解jquery设计思想记住大部分jquery API的使用英文：http://api.jquery.com/中文： http://www.css88.com/jqapi-1.9/http://tangram.baidu.com/apiprepend、append、appendTo、prependT... 阅读全文

摘要： 效果预览：http://runjs.cn/detail/kj3su38fhtml代码： 搜搜 搜搜 百度 谷歌 搜狗 有道 CSS代码：@charset ... 阅读全文

摘要： 效果体验：http://runjs.cn/detail/dvygyp5tdemo下载 阅读全文