webkit webApp 开发
关注
分享
扫一扫
前端开发工程师
6年前端开发，可写js组件
展开
-
webkit webApp 开发技术要点总结
webkit webApp 开发技术要点总结1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width - ...原创 2011-08-31 09:51:27 · 655 阅读 · 0 评论 -
移动端开发小结
1.viewportviewport就是除去所有工具栏、状态栏、滚动条等等之后网页的可视区域。移动设备屏幕宽度不同于传统web,因此我们需要改变viewport,有以下属性：1width - // viewport 的宽度 （范围从200 到10,000，默认为980 像素）2height - // viewport 的高度 （范围从...原创 2012-05-17 11:31:29 · 568 阅读 · 0 评论 -
CSS3动画库，很棒哦
官网地址Animate CSS官网地址Github地址https://github.com/daneden/animate.css演示地址：Demo Animate Css原创 2012-05-17 11:30:58 · 87 阅读 · 0 评论 -
IOS下Safari渲染Transition时页面闪动Bug
http://classjs.com/category/technology/css/ 环境：IOS的Safari环境问题：在做移动端左右滑动的时候，用到了CSS3的Transition属性来进行动画变换，结果每次渲染Transition属性时，出现闪屏现象。解决办法：在网上查了一下，有一下两种解决办法，方法一：1-webkit-transform...原创 2012-05-17 11:30:39 · 2092 阅读 · 0 评论 -
iScroll框架解析（翻译）
iScroll框架解析（翻译）http://cubiq.org/dropbox/iscroll4/examples/simple/概要iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器（诸如iPhone，iPad，Android这些系统上广泛使用）提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动...原创 2011-11-03 17:08:29 · 146 阅读 · 0 评论 -
你需要了解的 10 个 jQuery mobile 贴士和代码片段
1. 一个完整的基本页面<!DOCTYPE html><html><head><title>Page Title</title><link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-原创 2011-09-05 10:45:07 · 106 阅读 · 0 评论 -
[翻译]jQuery Mobile入门教程——主题的使用和定制
在之前的文章jQuery Mobile 入门教程里，我对jQueryMobile的使用进行了入门介绍，你可以使用它创造出非常华丽的移动站点——漂亮的按钮、优雅的界面等等等等。然而仅仅是这样的话，你的需求肯定不会被满足的——你或许需要给header换个颜色来配合自己公司的logo？又或者需要突出显示一下某个静音按钮？总而言之，你需要自己控制jQueryMobile的显示效果。本文旨在介绍教大...原创 2011-09-05 10:42:02 · 114 阅读 · 0 评论 -
jQuery Mobile优秀网站及资源汇总贴
1、JQM 案例展示：http://www.jqmgallery.com/ 2、JQM 滚动条插件Site: http://cubiq.org/iscrollDemo: http://cubiq.org/dropbox/iscroll4/examples/simple/3、JQM 弹出插件Site：http://dev.jtsage.com/jQM-SimpleDialog/4、...原创 2011-09-05 10:18:21 · 162 阅读 · 0 评论 -
指尖下的js —— 多触式web前端开发之三：处理复杂手势
指尖下的js —— 多触式web前端开发之三：处理复杂手势 这篇文章着重介绍多触式设备上特有的gesture event（android和iOS对这个事件的封装大同小异）。这个事件是对touch event的更高层的封装，和touch一样，它同样包括gesturestart，gesturechange，gestureend三个事件回调： gesturestart ...原创 2011-08-31 10:10:25 · 136 阅读 · 0 评论 -
指尖下的js ——多触式web前端开发之二：处理简单手势
指尖下的js ——多触式web前端开发之二：处理简单手势这篇文章将描述多触式网页开发中对手势（Gesture）事件的处理。 水果设备中的Gesture，广义的说包括手指点击（click），轻拂（flick），双击（double-click），两只手指的分开、闭合（scale）、转动（rotate）等一切手指能在屏幕上做的事情。iOS上设计了了一系列手势来模拟和扩展鼠标操作，比...原创 2011-08-31 10:09:20 · 146 阅读 · 0 评论 -
指尖下的js ——多触式web前端开发之一：对于Touch的处理
水果公司的那些small and cute的设备给我们提供了前所未有的用户体验。当用户在iphone和ipad上运指如飞的时候，那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感，因为正是他们（而不是水果）让iOS的世界变的丰富多彩。然而对于我们这些以web为自己事业核心的程序员来说，这种让人欲罢不能的多触式体验似乎跟我们关系不大，因为浏览器那一小块地方就是我们和用户的...原创 2011-08-31 10:08:22 · 136 阅读 · 0 评论 -
用于WebKit的CSS诀窍
使用在WebKit中可用的CSS高级特性，可以为你的网站或网络应用带来一个新的更令人兴奋的东西。WebKit是Safari和Google Chrome浏览器的渲染引擎。所以，本文中的诀窍在Safari3/4和Chrome1.0/2.0中都是支持的。因为浏览器会简单的无视他们不支持的CSS属性，所以在其他浏览器中，这些诀窍中的大部分可能会无效。使用只有WebKit支持的CSS属性的网页在...原创 2011-08-31 09:55:56 · 189 阅读 · 0 评论 -
移动web资源整理
2013年初接触移动端，简单做下总结，首先了解下移动web带来的问题设备更新换代快——低端机遗留下问题、高端机带来新挑战浏览器厂商不统一——兼容问题多网络更复杂——弱网络，页面打开慢低端机性能差——页面操作卡顿HTML5新技术多——学习成本不低未知问题——坑多面对这些问题，一开始我们只能在未知中试错，知道错误的方案才能更容易寻找正确的解决问题思路，2年多来，可...原创 2016-05-12 10:42:45 · 290 阅读 · 0 评论