css
关注
分享
扫一扫
王者光荣
这个作者很懒，什么都没留下…
展开
-
html5 ui网址收藏
http://cubiq.org/dropbox2013-06-25 22:02:34 · 94 阅读 · 0 评论 -
iPhone WebApp 开发技术要点总结（一）
iPhone WebApp 开发技术要点总结作者 ：流螢飛舞简介Apple iPhone 推出以后 ，以其动人的外观、超强的性能和丰富的软件资源吸引了众多的拥趸 者。iPhone 的原始出厂功能比较基本 ，仅能完成一般的电话、短信、时钟、邮件、上网以及定位 的较少的功能。然而 ，其基于 Apple Mac OS X 的操作系统 ，为用户提供了编写应用软件的可能。 目...原创 2013-07-17 13:43:31 · 137 阅读 · 0 评论 -
iPhone WebApp 开发技术要点总结（二）--CSS,Web App 封装技术
事件1.在第二章中提到过 ，iPhone Safari 浏览器行为的改变不止是滚动条 ，交互事件也跟普通桌面不一样 ：所有 hover 动作 ，还有 mouseover ，都不存在。 点击页面元素之后发生的事情很复杂 ：比如当你用单指按住可点击元素 ，然后放开 ，首先触发的event 居然是 mousemove ！ 接下来如果元素内容不变 ，会陆续触发 mouse...原创 2013-07-17 13:43:53 · 145 阅读 · 0 评论 -
大架构更新，PhoneGap3.0即将发布！一起来看看有什么值得期待的
<!--[diy=diysummarytop]--> <!--[/diy]--><!--[diy=diysummarybottom]--> <!--[/diy]--><!--[diy=diycontenttop]--> <!--[/diy]--> 开发团队执着于未来移动互联...2013-07-17 14:01:25 · 112 阅读 · 0 评论 -
字数过长省略号输出
a{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:250px;}必须定义width2013-12-12 17:05:15 · 136 阅读 · 0 评论 -
RUNJS优秀代码搜集
1.类似苹果的幻灯效果 http://runjs.cn/detail/uzhplakn2.jQuery版的城市选择框 http://runjs.cn/detail/qushksgy3. 使用CSS3制作的苹果风格键盘 http://runjs.cn/detail/jpgbrorj4.仿优酷视频的图片轮转效果 http://runjs.cn/detail/lx2ygdua5.纯...原创 2013-07-25 15:38:25 · 272 阅读 · 0 评论 -
HTML5,SWIPER,放网易新闻横滑翻页及联动
因项目需求自己整理了一套仿网易新闻的闻横滑翻页，联动导航，用到了swiper.js zepto.js scroll.js效果非常不错。以下是代码:/* * 作者 hyl * email:hylxinlang@sina.cn * 该列子仅供参考 */var mySwiper1;var mySwiper;function goLocation(i){ myS...2014-01-12 16:50:19 · 335 阅读 · 0 评论 -
非常适用的移动网页特效
1.jquery灯箱画廊lightGalleryhttp://www.dglives.com/%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/jquery%E7%81%AF%E7%AE%B1%E7%94%BB%E5%BB%8Alightgallery2.svg实现的六个loading加载动画http://www.dglives.com/%E7%BD%91%...2014-03-21 12:04:55 · 140 阅读 · 0 评论 -
jquery moblie磁贴风格九宫格
<style> /* center icons */ .ui-grid-a { text-align: center; } /* set row height */ .ui-block-a, .ui-block-b { height: 150px; position: ...2013-10-08 14:08:27 · 340 阅读 · 0 评论 -
css按钮生成器
http://css-tricks.com/examples/ButtonMaker/2013-07-16 12:05:06 · 168 阅读 · 0 评论 -
loader在线制作
http://preloaders.net/2013-07-16 11:45:09 · 132 阅读 · 0 评论 -
php留言板制作
<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-sc2013-06-30 21:18:31 · 189 阅读 · 0 评论 -
web移动开发最佳实践之css篇
web移动开发最佳实践之css篇一、css概述 css即层叠样式表（Cascading Style Sheets），它的作用主要是控制页面元素的样式，包括布局、颜色、字体、字号、空白、边框、属性等等。css的出现使得html的内容和样式分离，极大的提高了工作效率。 目前最新的标准是css3，下面几节将介绍在使用css过程中应遵循的最佳实践方案。二、使用高效的css...原创 2013-07-01 12:55:02 · 170 阅读 · 0 评论 -
css移动开发常用
1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：?width - // viewport 的宽度 （范围...原创 2013-07-01 13:18:39 · 111 阅读 · 0 评论 -
一款非常不错的webapp移动前端zeptojs框架
今天去开源中国逛了一圈，看到了这个zeptojs 移动框架，特推荐给各位童鞋 好像是国内的 非常的不错 访问地址，http://shixy.github.io/Jingle/2013-11-28 14:11:18 · 145 阅读 · 0 评论 -
openjs腾讯微博授权登录
<!doctype html><html><head><meta charset="utf-8"><title>login</title><script src="//mat1.gtimg.com/app/openjs/openjs.js#debug=yes"&2013-07-06 23:55:53 · 131 阅读 · 0 评论 -
Phonegap环境搭建Android版
1.到官网下载Android的jar包和需要的文件,phonegap的官网都知道吧。2.新建Android工程。3.把jar包拷贝到libs目录下，xml文件夹拷贝到res目录下，记住不是xml文件。4.在AndroidManifest.xml文件下添加你想要的权限。5在assets目录下建一个app文件夹，拷贝你的html文件到下面。6.用Activity继承DroidGap来加载页面：pac...2013-07-11 13:21:42 · 106 阅读 · 0 评论 -
移动互联网技术论坛
我开了一个移动互联网技术论坛，欢迎it界的盆友前来访问，汇集了Android，phonegap，html5，php等等版块，里面有丰富资源，欢迎发表帖子，这是网站地址http://hylbbs.yupage.com...2013-07-12 21:19:15 · 103 阅读 · 0 评论 -
Web设计/开发技巧、脚本及资源总结
工具&Web应用13个可能会让你说”Thank You”的必不可少的开源应用14个免费工具让你了解为什么人们会放弃访问你的网站40+CSS生成器74个我们可能已经忘记的适合网页设计师的很棒的Web应用50+能提高你的网站速度和性能的技巧和资源15个可以监视网站人气的工具20个免费的SEO网站分析工具(已翻译成中文)11个功能强大甚至可以替代标准应用程序的Firefox3扩展插件10个你至少...2013-07-16 10:08:46 · 126 阅读 · 0 评论 -
HiApp移动开发案例，HTML5移动框架，看了绝不后悔
好久没发表过文章了，由于最近换工作，由webapp转html5+Android开发了。今天是给大家介绍一个html5 app开发案例，现在移动开发越来越多，大家选择起来也非常困难，而且跨平台框架在各种平台表现的性能也不一样，可能好点的手机性能要好些，例如iPhone，但是在Android上的表现就不是那么理想了,现在也有很多提高性能的开发模式来不断的提出来，例如异步加载资源文件和模块化开发，采...原创 2014-08-17 10:47:36 · 248 阅读 · 0 评论