Mobile Web
文章平均质量分 81
webexpressor
这个作者很懒,什么都没留下…
展开
-
如何创建mobile-first(移动设备优先)的响应式的网站
今天读了这篇文章http://bradfrostweb.com/demo/mobile-first/article.html ,把学到的记录一下,方便以后使用~1.适配的问题目前的设备尺寸大小不一,各种尺寸都有,我们不可能编写那么多套页面去适配,但是又不可能回避这个问题,因此我们得有一套解决方案。CSS中的media queries(媒体查询)API可以做到。2.mobile-firs...2012-07-23 19:14:04 · 376 阅读 · 0 评论 -
Web Mobile应用开发平台检测解决方案
Web Mobile App虽然可以跨平台,实现“一次编写,处处运行”,但是有些时候不得不考虑当前的运行平台,例如移动设备对CSS3,HTML5特性的支持情况就参差不齐。这种检测一般有三种方法:1)特性检测(Feture)——检测当前运行平台是否支持某一特性2)浏览器检测(Browser)——检测当前运行平台的浏览器以及操作系统3)形态因素检测(Form Factor)——检测当前运...原创 2012-07-24 17:27:11 · 129 阅读 · 0 评论 -
Modernizr学习笔记
1.General1.1 什么是Modernizr? Modernizr是用来检测下一代web技术本地实现的JavaScript类库,例如HTML5和CSS3的特性检测,这些特性在浏览器上的实现并不统一,而Modernizr就是告诉你,该浏览器是否实现某一特性。 它有区别于利用UA来检测,UA检测并不可信,因为UA是浏览器厂商自己定义的,它和特性并不能一一对应起来。而特性检测相对就比较...2012-07-31 16:08:09 · 243 阅读 · 0 评论 -
HTML5 Boilerplate 调研资源
HTML5 Boilerplate是基于HTML/ CSS / JS的一个快速,健壮和面向未来的网站模板。经过3年的迭代开发,使我们得到最佳的web开发实践,包括:跨浏览器的正常化,性能优化,甚至像可选功能如AJAX跨域和Flash处理等,这个模版包含一个.htaccess配置文件,它的功能包括Apache缓存设置,网站播放HTML5视频设置,使用@font-face和允许使用gzip设置。...原创 2012-08-01 18:47:41 · 225 阅读 · 0 评论 -
Backbone制作联系人管理之列表(1)
本系列将讲解使用backbone制作一个联系人管理器,共分为四个部分:1.制作列表2.增加类型过滤、和路由功能3.增加添加、修改和删除功能4.与服务器的数据同步第一部分:制作列表 完成这个功能需要:1.我们先采用假数据,即定义一个联系人数组。 var contacts = [ {id: '1', nam...原创 2012-08-07 14:51:52 · 82 阅读 · 0 评论 -
Backbone制作联系人管理之过滤和路由(2)
第二部分 添加类型过滤和路由功能 如图这部分我们加入左上角的功能(基于第一部分来做的):一、创建select,并填充数据1.在index.html中添加标签<header> <div id="filter"><label>Show me:</la...原创 2012-08-07 17:00:56 · 138 阅读 · 0 评论