移动Web

Swipe JS – 移动WEB页面内容触摸滑动类库

想必做移动前端的同学经常会接到这样子的一个需求，就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换，这在移动设备是个很常见的一个效果，其用户体验远甚于点击一个按钮区域，通过手指的触摸操作也是移动设备的中一个特性，我们必须专业化的处理，哈哈。其实实现原理很简单，但平常中自己开发不是很方便。今天就为大家带来这样子的一个轻量级js触摸滑动类库–SwipeJS。这是一个非常小的一个ja
caigan·2016-01-27 23:00

移动web

1.分辨率1900*1200这就是一个分辨率,因为pt的存在，因此还会有一个逻辑分辨率的概念2.ppi=pixelsperinch这里inch不是平方英尺,是英尺3.dp=devicepixel物理像素4.px=pixel逻辑像素5.pt=point1pt=2px 逻辑像素和物理像素的对应关系6.dpi=dotperinch7.适配，采用哪种分辨率，需要多少套标注，需要提供多少切图 
SKY_VIEW·2016-01-24 22:00

HTML5开发移动web应用——Sencha Touch篇(5)

这次主要介绍SenchaTouch中的XTemplate组件，利用该组件可以方便的构造html代码，很实用。为了减少不必要的说解，让内容更加简洁清晰，这里直接给出对应代码和代码的相应注释，只要有JavaScript基础的同学就能轻易掌握。一、利用XTemplate创建HTML代码var data = {//在这定义需要使用的内容string_value:'The initial text '};v
fareise·2016-01-24 10:00

移动Web开发图片自适应两种常见情况解决方案

本文主要说的是Web中图片根据手机屏幕大小自适应居中显示，图片自适应两种常见情况解决方案。开始吧在做配合手机客户端的Webwap页面时，发现文章对图片显示的需求有两种特别重要的情况，一是对于图集，这种文章只需要左右滑动浏览，最好的体验是让图片缩放显示在屏幕有效范围内，防止图片太大导致用户需要滑动手指移动图片来查看这种费力气的事情，用户体验大大降低。二是图文混排的文章，图片最大宽度不超过屏幕宽度，高
xiaoluode·2016-01-23 18:00

移动Web开发图片自适应两种常见情况解决方案

阅读更多本文主要说的是Web中图片根据手机屏幕大小自适应居中显示，图片自适应两种常见情况解决方案。开始吧在做配合手机客户端的Webwap页面时，发现文章对图片显示的需求有两种特别重要的情况，一是对于图集，这种文章只需要左右滑动浏览，最好的体验是让图片缩放显示在屏幕有效范围内，防止图片太大导致用户需要滑动手指移动图片来查看这种费力气的事情，用户体验大大降低。二是图文混排的文章，图片最大宽度不超过屏幕
xiaoluode·2016-01-23 18:00

移动端tap事件穿透bug浅析！

  对于移动端穿透bug，可能很多移动web开发的童靴都深有体会，到底何为穿透现象呢？就是当两个层重叠在一起时，或是有个弹窗，使用Zepto的tap事件时，点击上面的一层时会触发下面一层的事件。  
xiaoyan2016·2016-01-22 17:00

自学JQuery Mobile的几个例子

JQueryMobile是一个用于构建移动Web应用程序的框架，适用于主流的移动设备（智能手机、平板电脑），该框架利用了HTML5和CSS3技术减少了额外的脚本文件的编写。
野马菌·2016-01-22 16:00

专为微信设计的 UI 库 WeUI

WeUI是由微信官方设计团队专为微信移动Web应用设计的UI库。WeUI是一套同微信原生视觉体验一致的基础样式库，为微信Web开发量身设计，可以令用户的使用感知更加统一。
bycall·2016-01-21 14:22

移动端页面布局及字体大小该如何设置

，主要说了移动web端布局的一些解决方法，本文再一次把这个问题提出来，并分别对安卓和IOS设备的屏幕了解做出自己的分享，在进入正文之前最好先了解：物理像素、逻辑像素、DPR和Rem。
alwaysVe·2016-01-21 00:00

jQuery Mobile

jQueryMobile是创建移动web应用程序的框架，适用于所有流行的智能手机和平板电脑。
lanyue622·2016-01-20 15:00

构建移动端webApp开发、手机网站开发、mobile微商城开发

HTML5移动web站点、移动端微站、掌上微商、移动端web开发、手机网站webApp开发、mobile微商城开发、运用最新HTML5+CSS3+iScroll+touchSwipe+Zepto等技术构建移动手机端
xiaoyan2016·2016-01-20 15:00

HTML5开发移动web应用——Sencha Touch篇(4)

varcarousel1=Ext.create('Ext.Carousel',{ ui:'dark', flex:1, direction:'horizontal',//这是水平的轮播 defaults:{ styleHtmlContent:true }, items:[ { html:'left', style:'background-color:pink' }, { html:'middle'
fareise·2016-01-19 20:00

一周盘点 | 跨平台移动Web开发框架DevExtreme在线演示等你来体验！

更多资源及工具也可以在【用户界面专题】找到，及时了解最新动态>>DevExpress（1）DevExpressDemo示例展示：支持响应式设计的DevExtremeWebUI开发框架|附在线演示DevExtremeWeb为触摸设备和传统桌面构建响应式的Web应用程序，全程采用HTML5,CSS和JavaScript编写。此文盘点了几个经典示例供大家在线体验！（2）DevExpressDemo示例展
百mumu·2016-01-18 11:00

如此繁荣的移动webapp开发市场：总结当下的一些移动web开发套件

写在前面：因为移动市场的盛行带动了移动社交、移动购物、手游、智能化硬件等多个新兴领域。智能终端硬件水平越来越高，运行其上的web浏览器能力也越来越强，加上HTML5\JS\CSS的蓬勃发展，Web已经能够展现出非常不错的体验。但是单纯浏览器中的web还是不能代替本地原生应用，因为通用浏览器还不能方便地调用移动设备的本地资源例如硬件设备、本地文件。后来就有人想到了，为啥不能自己做一个可以让web方便
luckyboy101·2016-01-15 19:00

移动WEB前端开发资源整合

meta相关： CSS相关：  -webkit-overflow-scrolling:touch;快速滚动和回弹的效果，看上去和原生app的效率都有得一拼。-webkit-overflow-scrolling创建了带有硬件加速的系统级控件，所以效率很高。但是这相对是耗更多内存的，最好在产生了非常大面积的overflow时才应用。移动端字体body{font-family:"Helvetica
refe·2016-01-15 11:00

基于jquery mobile+websocket+protocol buffer的IM开发

关于jquerymobilejQueryMobile是用于创建移动Web应用的前端开发框架。jQueryMobile可以应用于智能手机与平板电脑。
cpjsjxy·2016-01-15 10:00

基于jquery mobile+websocket+protocol buffer的IM开发

关于jquerymobilejQueryMobile是用于创建移动Web应用的前端开发框架。jQueryMobile可以应用于智能手机与平板电脑。
cpjsjxy·2016-01-15 10:00

基于jquery mobile+websocket+protocol buffer的IM开发

关于jquerymobilejQueryMobile是用于创建移动Web应用的前端开发框架。jQueryMobile可以应用于智能手机与平板电脑。
cpjsjxy·2016-01-15 10:00

【转载】移动web问题小结

Meta标签：1这个想必大家都知道，当页面在手机上显示时，增加这个meta可以让页面强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览。12这两个属性分别对ios上自动识别电话和android上自动识别邮箱做了限制。  获取滚动条的值：1window.scrollY  window.scrollX桌面浏览器中想要获取滚动条的值是通过document
阿振·2016-01-15 10:00

WebView使用全攻略

>转载请标明出处本文出自[HCY的微博]一、概述移动web开发相对原生开发有以下好处：开发成本低，可以适配多种平台的设备迭代更新成本低，可以快速的实现更新的内容全覆盖所以对于频繁更新的业务，比如商城。
编码很酷·2016-01-12 14:01

WebView使用全攻略

>转载请标明出处本文出自[HCY的微博]一、概述移动web开发相对原生开发有以下好处：开发成本低，可以适配多种平台的设备迭代更新成本低，可以快速的实现更新的内容全覆盖所以对于频繁更新的业务，比如商城。
Huang_Cai_Yuan·2016-01-12 14:00

移动web：翻页场景动画（结婚浪漫请柬）

  在移动web，特别是在微信中，经常看到一种翻页动画效果，也称为场景动画。一页一页的翻过，像在看书，每页的内容以各种"炫酷"的效果出现在你的眼里，配上一首动听的音乐，你有没有喜欢上呢。
yangyisen0713·2016-01-11 14:00

仿微信底部自定义菜单 移动web

最近在做微信开发，要实现微信公众号改版—-改成微官网形式，即移动web页面中实现公众号的主页面，包括了公众号的菜单在底部显示本文针对仿公众号底部菜单这个功能实现进行总结。
damonzh·2016-01-11 14:00

仿微信底部自定义菜单 移动web

最近在做微信开发，要实现微信公众号改版—-改成微官网形式，即移动web页面中实现公众号的主页面，包括了公众号的菜单在底部显示本文针对仿公众号底部菜单这个功能实现进行总结。
damonzh·2016-01-11 14:00

基于淘宝弹性布局方案lib-flexible的问题研究

的这种适配方式在适配的时候会修改viewport的initial-scale，导致viewport的width不等于devicewidth，使得那些根据width编写的mediaquery不一定与预期的一致，还有移动
流云诸葛·2016-01-11 10:00

移动web应用开发——Sencha Touch篇(3)

第一个要接触的就是面板这个组件，它是构建一个页面最基础的组件，其他的内容都要显示在这个面板中。在上一篇中，我们就已经拿面板为例，介绍了创建组件的方法。这里再把创建面板的代码重复一下：var panel = Ext.create('Ext.Panel', {            fullscreen: true,            id: 'myPanel',            style
fareise·2016-01-10 22:00

移动web应用开发——Sencha Touch篇(2)

用Sencha Touch搭建的移动web应用，app.js的内容框架大致如下：Ext.application({//以下为该应用程序
fareise·2016-01-09 20:00

Chrome浏览器跨域问题

  最近在做一个移动web的项目，从git中得到源代码后，在Chrome中运行，出现如下错误：但诡异的是在Firefox中却可以。原来使用Chrome跨域的话需要进行设置。  
zhoulu001·2016-01-08 15:00

高质量移动网站应该如何创建

1、重点建立移动web网页现在有很多公司都在招兵买马组建app开发团队，认为只要自己的app上线网站移动端就算完成了，其实这是不正确的，移动web
佚名·2016-01-08 14:21

移动web：翻页场景动画

在移动web，特别是在微信中，经常看到一种翻页动画效果，也称为场景动画。一页一页的翻过，像在看书，每页的内容以各种"炫酷"的效果出现在你的眼里，配上一首动听的音乐，你有没有喜欢上呢。
eyeear·2016-01-08 11:00

移动web应用开发——Sencha Touch篇(1)

2016年，更加关注移动web应用相关开发，重心也放到了基于HTML5的移动app开发。从今天开始将展开Sencha Touch的学习之旅。  
fareise·2016-01-07 23:00

jFinal基于COS组件实现文件上传进度条的一种解决方案

        近端时间拿jfinal在移动WEB上鼓捣，发现手机在非WIFI模式下上传图片有点慢，拿iphone为例，用户实时拍照上传，照片的尺寸保守在3M以上（手机WEB浏览器要是都支持在前台降质量就好了
柳倾城·2016-01-07 15:00

详解jQuery Mobile自定义标签

本文实例讲解了jQueryMobile自定义标签，分享给大家供大家参考，具体内容如下规划产品国际化的需求时，涉及到PCWeb，移动Web，和各app。设计了多个版本的移动Web均不理想。
伪砖家·2016-01-06 09:56

jQuery Mobile 自定义标签

最近在规划产品国际化的需求，涉及到PCWeb，移动Web，和各app。设计了多个版本的移动Web均不理想。由于移动Web采用了jQueryMobile框架，所以将切换语言放在哪个位置更合理进行了讨论。
xmt1139057136·2016-01-05 17:00

微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

1、最常用WEB页面JS实现一键拨号的电话拨打功能：一键拨打号码 2、最常用WEB页面JS实现一键发送短信功能一键发送短信 3、移动web页面自动探测电话号码 4.使用wtai协议进行拨打电话。
斌-逸风·2016-01-05 15:00

H5 响应式设计

1.问题的引出最近阅读白树的博文《移动web资源整理》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位，同时给出了一段针对各个分辨率范围在html上设置font-size
FacebookTop·2015-12-25 10:07

淘宝弹性布局方案lib-flexible实践

2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结，
流云诸葛·2015-12-23 08:00

淘宝弹性布局方案lib-flexible实践

2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结，
weixin_34146805·2015-12-23 08:00

使用Dreamweaver cs6开发移动应用

搭建Dreamweaver集成移动开发环境前需要了解移动Web开发。
crossmix·2015-12-21 14:00

jQuery mobile 移动web(4)

移动互联网的发展，促生了各种各样的移动Web框架。
柠檬先生·2015-12-20 14:27

jquery mobile 移动web(4)

下拉菜单:设置label元素的for属性为selectlabel元素的文本内容作为选项的名称定义div元素并设置data-role属性值为fieldcontain.请选择你的兴趣音乐电影体育旅游分组的选择菜单要在select元素制定optgroup。请选择你的兴趣：音乐电影体育旅游禁用指定Option数据项的选择菜单请选择你的兴趣：音乐电影体育旅游普通连接列表列表例List1List2List3L
柠檬先生·2015-12-20 12:00

jquery mobile 移动web(4)

下拉菜单:设置label元素的for属性为selectlabel元素的文本内容作为选项的名称定义div元素并设置data-role属性值为fieldcontain.请选择你的兴趣音乐电影体育旅游分组的选择菜单要在select元素制定optgroup。请选择你的兴趣：音乐电影体育旅游禁用指定Option数据项的选择菜单请选择你的兴趣：音乐电影体育旅游普通连接列表列表例List1List2List3L
柠檬先生·2015-12-20 12:00

jQuery mobile 移动web(6)

jquerymobile针对移动端设备的事件类型。1.touch事件。tap快速触摸屏幕并且离开，类似一种完整的点击操作。taphold触摸屏幕并保持一段时间。swipe在1秒内水平移动30px屏幕像素上时触发。swipeleft向左侧滑动swiperight像右侧滑动。2.方向改变事件orientationchange事件函数当移动设备的方向发生改变触发，在事件的回调函数内的第二个参数返回一个用
柠檬先生·2015-12-20 11:25

jquery mobile 移动web(5)

有序列表List1List2List3只读列表List1List2List3可分割按钮列表List1List2List3含有气泡式计数列表List133List2222List3111配置选项。jqueryMobile在开始运行的时候，它会在document对象上触发一个mobileinit事件。我们可以通过该事件重写默认的相应的函数。配置各种属性参数。使用方法如下：$(document).bin
柠檬先生·2015-12-20 10:10

jquery mobile 移动web(6)

jquerymobile针对移动端设备的事件类型。1.touch事件。tap快速触摸屏幕并且离开，类似一种完整的点击操作。taphold触摸屏幕并保持一段时间。swipe在1秒内水平移动30px屏幕像素上时触发。swipeleft向左侧滑动swiperight像右侧滑动。2.方向改变事件orientationchange事件函数当移动设备的方向发生改变触发，在事件的回调函数内的第二个参数返回一个用
柠檬先生·2015-12-19 18:00

jquery mobile 移动web(6)

jquerymobile针对移动端设备的事件类型。1.touch事件。tap快速触摸屏幕并且离开，类似一种完整的点击操作。taphold触摸屏幕并保持一段时间。swipe在1秒内水平移动30px屏幕像素上时触发。swipeleft向左侧滑动swiperight像右侧滑动。2.方向改变事件orientationchange事件函数当移动设备的方向发生改变触发，在事件的回调函数内的第二个参数返回一个用
柠檬先生·2015-12-19 18:00

移动Web页面，为什么都喜欢width=device-width，并且关闭系统缩放功能？

如题，这种方式做的移动Web页面，设计稿通常是按照960*640的规格进行设计，再开发的时候，通常会把里面量到的尺寸缩小一半再开发。
没有水勒鱼·2015-12-17 11:16

移动Web页面，为什么都喜欢width=device-width，并且关闭系统缩放功能？

如题，这种方式做的移动Web页面，设计稿通常是按照960*640的规格进行设计，再开发的时候，通常会把里面量到的尺寸缩小一半再开发。
没有水勒鱼·2015-12-17 11:16

html5移动web开发小记

一、配置移动开发环境 1.各种仿真器、模拟器的下载安装 http://www.mobilexweb.com/emulators https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Emulators-&-Simulators 2.html5DTD    safari:设为屏幕宽度，并根据initial-scale=1.0禁止浏览器缩放 3.
shuai1234·2015-12-12 21:00

mobileTech--移动web开发

mobileTechAusefultoolsortipslistformobilewebapplicationdeveloping这个项目收集移动端开发所需要的一些资源与小技巧 工具类网站HTML5与CSS3技术应用评估各种奇妙的hack几乎所有设备的屏幕尺寸与像素密度表移动设备参数表ios端移动设备参数速查浏览器兼容表移动设备查询器移动设备适配库移动设备适配库2viewport与设备尺寸在线检测
CHINADENG·2015-12-11 17:00
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他