web app : http://www.lightapp.cn/brand/index/4101 https://github.com/jtyjty99999/mobileTech/blob/master/README.md mobileTech A useful tools or tips list for mobile web application developing 这个项目收集移动端开发所需要的一些资源与小技巧 工具类网站 HTML5 与 CSS3 技术应用评估 各种奇妙的hack…

A useful tools or tips list for mobile web application developing 这个项目收集移动端开发所需要的一些资源与小技巧 工具类网站 HTML5 与 CSS3 技术应用评估 各种奇妙的hack 几乎所有设备的屏幕尺寸与像素密度表 移动设备参数表 ios端移动设备参数速查 浏览器兼容表 移动设备查询器 移动设备适配库 viewport与设备尺寸在线检测器 html5 移动端兼容性速查 在线转换字体 css3 选择器测试 兼容性速查表 浏览器…

随着移动市场的逐步扩大及相关技术的日趋完善,对前端开发提出了新的岗位要求,在继承前人成果的基础上需要在新的历史条件下有新的创新.移动端的开发,虽然没有IE6众多问题的折磨,但是多平台,多设备的兼容,也是如恶梦般存在.不过话说回来,着重还是考验基础的css 2.x的功底,只要基础扎实了,应付移动端的兼容也是手到擒来.当然css3.x, html5新增加的标签还是需要学习,具体的推荐: 一. css 1). 响应式web设计 http://book.douban.com/subject/203903…

文章背景:腾讯平台上的qq群数以千万百万计,但99%的在吹水扯蛋,从早上的问好开始,到晚上的晚安,无一不浪费青春之时间,看之痛心,无力改变,只好自己建了一个,希望能以此来改变群内交流的氛围或环境. 以下是我群的一些约定分享一下,给其它行业同仁一点借鉴,以此也侧面推动行业阶梯式的进步,让入门级初中级找到一个适合的学习群. 以下为具体内容:  群号:159758989 人的存在是为了创建价值,群的存在是为了解决问题,你的存在是为了问题快速解决. 为了使你的问题得到快速的解决,请抽空阅读以下约定: 如…

前面分享了前端入门资源汇总,今天分享下前端所有的知识体系. 个人站长对个人综合素质要求还是比较高的,要想打造多拉斯自媒体网站,不花点心血是很难成功的,学习前端是必不可少的一个环节, 当然你不一定要成为前端专家,但是你至少要懂前端才行,这样等网站做大之后你招人才能找到合适的人才,有一双慧眼很重要. 综合类 综合类 地址 前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构 https://github.com/JacksonT…

mobileTech A useful tools or tips list for mobile web application developing 这个项目收集移动端开发所需要的一些资源与小技巧 工具类网站 HTML5 与 CSS3 技术应用评估 各种奇妙的hack 几乎所有设备的屏幕尺寸与像素密度表 移动设备参数表 ios端移动设备参数速查 浏览器兼容表 移动设备查询器 移动设备适配库 移动设备适配库2 viewport与设备尺寸在线检测器 html5 移动端兼容性速查 在线转换字体 c…

兼容篇 兼容篇是我最想写的一部分,在这之前也总结过很多关于移动开发的兼容问题与解决方案.对于移动Web开发来说,兼容是开发重心,通常要花费30%甚至更多的时间去处理一些兼容问题,甚至时间花掉了,问题依然无法解决. 相比PC Web开发,移动开发的兼容性需要考虑的问题更复杂,我自己花了一个图: 图13 在上图中,我列了两个维度:标准支持和个性化,我觉得这两个维度能很好的体现PC与移动在兼容方面的差异. PC Web开发中,更多时候是在处理对标准支持程度的兼容问题,问题类型相对比较单一.在进入到IE…

交互篇 从PC到移动端,视觉和交互是用户能直接感受到的差异.在视觉篇中已经提到,移动设备的物理属性一部分影响到视觉,另外一些部分将影响到交互.那么,移动设备影响交互的物理属性都有哪些变化呢?对于这个问题,相信大家都早有答案.传统PC的输入设备相对单一,一般情况下只有鼠标和键盘,而移动设备的硬件就变得非常丰富,触屏.触控笔.麦克风.陀螺仪和GPS等一应俱全.下面咱们就聊聊在移动Web开发中有关交互的一些问题. 手势 手势是移动Web与PC Web开发在用户接口上最大的一个差异,PC端主要考虑的是鼠…

视觉篇 智能移动设备由于发展历史短,但更新速度快,从而导致移动设备的物理属性差异巨大,其中一部分物理属性影响视觉,另一部分影响到交互.兼容或性能.对人类来说,至少有80%以上的外界信息通过视觉获得,视觉是人和动物最重要的感觉,所以,咱们从视觉开始说起. 看一个案例: 访问m.3600.com首页,首页焦点图,在iPhone 4下显示如下,焦点图两侧没有空白:图1 但在Samsung Galaxy S4下,焦点图两侧就有明显的留白:图2 在这个应用场景中,页面的展示效果由于设备的物理分辨率不同而产…

开发经验: 开发资料: 1. http://xuui.net/librarys/webapps/webapp-development-of-commonly-used-code-snippets.html 2. http://www.cnblogs.com/cathyjy/archive/2013/04/27/webapp_1.html 3.http://www.cnblogs.com/webzhangnan/archive/2012/06/06/2537906.html 4. http://w…