蛋壳游记 の 拍秀 http://www.198551.com 专注在线应用及WEB设计素材精选 Fri, 06 Apr 2012 02:37:46 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 免费矢量图搜索引擎 Vector.us 上线 http://www.198551.com/2012/04/06/%e5%85%8d%e8%b4%b9%e7%9f%a2%e9%87%8f%e5%9b%be%e6%90%9c%e7%b4%a2%e5%bc%95%e6%93%8e-vector-us-%e4%b8%8a%e7%ba%bf/ http://www.198551.com/2012/04/06/%e5%85%8d%e8%b4%b9%e7%9f%a2%e9%87%8f%e5%9b%be%e6%90%9c%e7%b4%a2%e5%bc%95%e6%93%8e-vector-us-%e4%b8%8a%e7%ba%bf/#comments Fri, 06 Apr 2012 02:29:30 +0000 蛋壳 http://www.198551.com/?p=1249 蛋壳猜您也喜欢： 免费素材：Photoshop笔刷和图形 4套免费开发图标下载 免费:循环音效素材大宝库 免费：网站模板生成器 NounProject 超过600种高品质符号图标免费下载 无觅 ]]>

今早收到来自Findicons.com的提醒邮件，他们发布了 Vector.us ，一个免费矢量图搜索引擎！刚去看了一下，已经收录了超过15万的免费矢量素材！令人兴奋吧！

如果你曾经是Findicons.com的注册会员，在邮件中会有一个链接用于把Findicons.com的账户信息复制到Vector.us。

蛋壳猜您也喜欢：
免费素材：Photoshop笔刷和图形
4套免费开发图标下载
免费:循环音效素材大宝库
免费：网站模板生成器
NounProject 超过600种高品质符号图标免费下载
无觅
]]> http://www.198551.com/2012/04/06/%e5%85%8d%e8%b4%b9%e7%9f%a2%e9%87%8f%e5%9b%be%e6%90%9c%e7%b4%a2%e5%bc%95%e6%93%8e-vector-us-%e4%b8%8a%e7%ba%bf/feed/ 3 web app 开发必不可少的滑动插件 Flipsnap http://www.198551.com/2012/03/25/flipsnap/ http://www.198551.com/2012/03/25/flipsnap/#comments Sun, 25 Mar 2012 10:47:40 +0000 蛋壳 http://www.198551.com/?p=1245 蛋壳猜您也喜欢： 开源Web开发工具目录：Open Web Tools Directory 好玩：来校内养狗吧！ 功能强大的：MyHeritage 免费在线家谱工具 开发 iOS WebApp 入门准备 推荐：Zoho Work Online 在线办公协作平台 无觅 ]]>

flipsnap.js

一个轻量级的滑动效果JS开发库，仅有8k大小（压缩版），包含了10种滑动方式，是web app开发必备的js库，除了兼容主流的智能手机浏览器（ios safari,android,win phone7 ie9+）外还兼容 PC 版的谷歌和Safari等。

演示DEMO

或者手机扫描：

蛋壳猜您也喜欢：
开源Web开发工具目录：Open Web Tools Directory
好玩：来校内养狗吧！
功能强大的：MyHeritage 免费在线家谱工具
开发 iOS WebApp 入门准备
推荐：Zoho Work Online 在线办公协作平台
无觅
]]> http://www.198551.com/2012/03/25/flipsnap/feed/ 0 开发 iOS WebApp 入门准备 http://www.198551.com/2012/03/20/%e5%bc%80%e5%8f%91-ios-webapp-%e5%85%a5%e9%97%a8%e5%87%86%e5%a4%87/ http://www.198551.com/2012/03/20/%e5%bc%80%e5%8f%91-ios-webapp-%e5%85%a5%e9%97%a8%e5%87%86%e5%a4%87/#comments Mon, 19 Mar 2012 16:17:52 +0000 蛋壳 http://www.198551.com/?p=1241 继续阅读 →
蛋壳猜您也喜欢：
开源Web开发工具目录：Open Web Tools Directory
web app 开发必不可少的滑动插件 Flipsnap
好玩：来校内养狗吧！
功能强大的：MyHeritage 免费在线家谱工具
Web2.0风格开发图标
无觅
]]> 所谓webapp就是指基于web网页技术的应用，任何精通web开发技术（php,javascript,html,css…..等）的开发人员都可以轻易的制作一款webapp。

关于webapp和传统web统网页的区别就在于，app能提供一些特殊功能，比如使用手机访问一个关于订餐的网页，如果在网页中实现了点击一个餐馆的电话号码，立刻能调用拨号程序建立通话，那么这个web网页应该就可以称作 webapp。

本文仅讨论在iOS下创建webapp的入门引导（基于Safari浏览器）。

一切就从‘添加至主屏幕’开始

（此功能在 iPhone 和 iPad 均有提供）

第一步：图标（icon）

既然是应用程序，图标肯定是第一门面，apple的开发文档中提到了两种方法为你的应用设置图标。

第一种：在你的网站根目录中，按一定规则放置一个PNG的图标文件即可（尺寸：57*57，114*114）；
有两种命名规范，apple-touch-icon.png 和 apple-touch-icon-precomposed.png，Safari 会自动搜索网站根目录中的这2个文件作为应用的图标并缓存在系统中；
以上两种命名规范其中，带有-precomposed 后缀的是告诉系统，这个文件已经是经过美化处理的，不需要系统添加任何修饰效果到图标上，反之系统会默认为图标叠加一层玻璃质感的高光效果。

第二种：使用 <link> 标签指定任意一个图标文件作为应用图标；
示例：<link rel=”apple-touch-icon” href=”/custom_icon.png”/>
同样这种方法也可以使用-precomposed 去掉系统修饰。

第二部：启动画面

启动画面也是一款应用的标准配置，特别是webapp，不至于让web页面还没有完全加载完成时显示一片空白吧！

同样仅需要一行代码就能实现，
示例：<link rel=”apple-touch-startup-image” href=”/startup.png”>
尺寸要求为：低分辨率320*460（去掉状态栏的高度）或者高分辨率640*920

第三步：去掉浏览器的导航栏和改变系统状态的样式

好了，最后一步了，想要让你的webapp更像一款手机应用，这是必不可少的一步，当然也可以跳过这一步。

开启全屏模式：<meta name=”apple-mobile-web-app-capable” content=”yes” />
判断是否全屏：利用Javascript访问window.navigator.standalone对象，会返回一个布尔值。
改变状态栏样式：<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
上面的代码是改变状态栏为黑色，另外还有两种样式default（默认蓝色）和black-translucent（这个是透明黑色，如果设置此模式，状态栏会覆盖在内容的上层）。
注意：只有在全屏模式下，状态栏样式才会被改变。

一切就绪，最后，就是发挥你的想象力的时刻了！

其他你需要知道的：

Safari Web Content Guide（官方的基于 Safari 的 web 开发指南）
Configuring Web Applications（官方WebApp配置文档，也就是本文原版）
使用 viewport meta 标签在手机浏览器上控制布局

蛋壳猜您也喜欢：
开源Web开发工具目录：Open Web Tools Directory
web app 开发必不可少的滑动插件 Flipsnap
好玩：来校内养狗吧！
功能强大的：MyHeritage 免费在线家谱工具
Web2.0风格开发图标
无觅
]]> http://www.198551.com/2012/03/20/%e5%bc%80%e5%8f%91-ios-webapp-%e5%85%a5%e9%97%a8%e5%87%86%e5%a4%87/feed/ 1 小清新可爱系表情 http://www.198551.com/2012/03/17/%e5%b0%8f%e6%b8%85%e6%96%b0%e5%8f%af%e7%88%b1%e7%b3%bb%e8%a1%a8%e6%83%85/ http://www.198551.com/2012/03/17/%e5%b0%8f%e6%b8%85%e6%96%b0%e5%8f%af%e7%88%b1%e7%b3%bb%e8%a1%a8%e6%83%85/#comments Sat, 17 Mar 2012 04:40:13 +0000 蛋壳 http://www.198551.com/?p=1226 继续阅读 →
蛋壳猜您也喜欢：
免费的3d社会化服务图标
247个国旗图标
NounProject 超过600种高品质符号图标免费下载
130个IPhone风格应用图标
免费：128个PNG小图标
无觅
]]>

格式：GIF
尺寸：19*19 px
下载：SkyDrive

蛋壳猜您也喜欢：
免费的3d社会化服务图标
247个国旗图标
NounProject 超过600种高品质符号图标免费下载
130个IPhone风格应用图标
免费：128个PNG小图标
无觅
]]> http://www.198551.com/2012/03/17/%e5%b0%8f%e6%b8%85%e6%96%b0%e5%8f%af%e7%88%b1%e7%b3%bb%e8%a1%a8%e6%83%85/feed/ 0 去旅行吧 http://www.198551.com/2012/03/07/1218/ http://www.198551.com/2012/03/07/1218/#comments Wed, 07 Mar 2012 06:56:58 +0000 蛋壳 http://www.198551.com/?p=1218 蛋壳猜您也喜欢： 搞清以下九个先后顺序，做事不费力 Dreamweaver技巧之，图片热区操作快捷键 清楚理财：体验随手记 手机记账软件 7+收集日本优秀网页设计的博客 HTML5Rocks:新时代WEB开发者资源手册{html5 + css + JsAPI} 无觅 ]]> 旅行最大的好处，不是能见到多少人，见过多美的风景，而是走着走着，在一个际遇下，突然重新认识了自己。

蛋壳猜您也喜欢：
搞清以下九个先后顺序，做事不费力
CSS Lint：在线检测CSS是否存在潜在问题和优化建议
为升级 wordpress 3.2 做准备
所谓的个性
HTML5Rocks:新时代WEB开发者资源手册{html5 + css + JsAPI}
无觅
]]> http://www.198551.com/2012/03/07/1218/feed/ 0 搞清以下九个先后顺序，做事不费力 http://www.198551.com/2012/03/01/%e6%90%9e%e6%b8%85%e4%bb%a5%e4%b8%8b%e4%b9%9d%e4%b8%aa%e5%85%88%e5%90%8e%e9%a1%ba%e5%ba%8f%ef%bc%8c%e5%81%9a%e4%ba%8b%e4%b8%8d%e8%b4%b9%e5%8a%9b/ http://www.198551.com/2012/03/01/%e6%90%9e%e6%b8%85%e4%bb%a5%e4%b8%8b%e4%b9%9d%e4%b8%aa%e5%85%88%e5%90%8e%e9%a1%ba%e5%ba%8f%ef%bc%8c%e5%81%9a%e4%ba%8b%e4%b8%8d%e8%b4%b9%e5%8a%9b/#comments Thu, 01 Mar 2012 06:13:10 +0000 蛋壳 http://www.198551.com/?p=1214 蛋壳猜您也喜欢： 去旅行吧 50+可以获得免费 WordPress 主题模板的网站 在线测试浏览器对CSS3的支持程度 免费网盘：自动同步网盘，告别Dropbox，迎接金山快盘国内云存储服务 晒工资：分智 Coent 无觅 ]]> 职场：先升值，再升职；
沟通：先求同，再求异；
执行：先完成，再完美；
学习：先记录，再记忆；
投诉：先解决心情，再解决事情；
人际：先交流，再交心；
先成长，再成功；
先站住，再站高；
先仿造，再创造。

蛋壳猜您也喜欢：
去旅行吧
使用Google Font API为网页嵌入个性字体
4套免费开发图标下载
免费网盘：自动同步网盘，告别Dropbox，迎接金山快盘国内云存储服务
FLV H.264 视频转换利器
无觅
]]> http://www.198551.com/2012/03/01/%e6%90%9e%e6%b8%85%e4%bb%a5%e4%b8%8b%e4%b9%9d%e4%b8%aa%e5%85%88%e5%90%8e%e9%a1%ba%e5%ba%8f%ef%bc%8c%e5%81%9a%e4%ba%8b%e4%b8%8d%e8%b4%b9%e5%8a%9b/feed/ 0 在线测试浏览器对CSS3的支持程度 http://www.198551.com/2012/02/03/%e5%9c%a8%e7%ba%bf%e6%b5%8b%e8%af%95%e6%b5%8f%e8%a7%88%e5%99%a8%e5%af%b9css3%e7%9a%84%e6%94%af%e6%8c%81%e7%a8%8b%e5%ba%a6/ http://www.198551.com/2012/02/03/%e5%9c%a8%e7%ba%bf%e6%b5%8b%e8%af%95%e6%b5%8f%e8%a7%88%e5%99%a8%e5%af%b9css3%e7%9a%84%e6%94%af%e6%8c%81%e7%a8%8b%e5%ba%a6/#comments Fri, 03 Feb 2012 13:11:43 +0000 蛋壳 http://www.198551.com/?p=1198 蛋壳猜您也喜欢： CSS Lint：在线检测CSS是否存在潜在问题和优化建议 实现CSS图形化排版的在线生成工具 让IE6/7/8支持CSS3圆角、阴影属性的脚本文件 CSS3 速查手册 + 参考学习资料整理 CSS3 Click Chart：实用的效果速查手册 无觅 ]]>

The CSS3 Test 基于网络的在线测试套件，能够详细的测试当前使用的浏览器对CSS3特性的支持完整度，并有详细的CSS3属性细分。

地址：http://css3test.com/

蛋壳猜您也喜欢：
CSS Lint：在线检测CSS是否存在潜在问题和优化建议
实现CSS图形化排版的在线生成工具
让IE6/7/8支持CSS3圆角、阴影属性的脚本文件
CSS3 速查手册 + 参考学习资料整理
CSS3 Click Chart：实用的效果速查手册
无觅
]]> http://www.198551.com/2012/02/03/%e5%9c%a8%e7%ba%bf%e6%b5%8b%e8%af%95%e6%b5%8f%e8%a7%88%e5%99%a8%e5%af%b9css3%e7%9a%84%e6%94%af%e6%8c%81%e7%a8%8b%e5%ba%a6/feed/ 1 开源的javascript图形设计算法库 Toxiclibs.js http://www.198551.com/2011/12/30/%e5%bc%80%e6%ba%90%e7%9a%84javascript%e5%9b%be%e5%bd%a2%e8%ae%be%e8%ae%a1%e7%ae%97%e6%b3%95%e5%ba%93-toxiclibs-js/ http://www.198551.com/2011/12/30/%e5%bc%80%e6%ba%90%e7%9a%84javascript%e5%9b%be%e5%bd%a2%e8%ae%be%e8%ae%a1%e7%ae%97%e6%b3%95%e5%ba%93-toxiclibs-js/#comments Fri, 30 Dec 2011 02:12:18 +0000 蛋壳 http://www.198551.com/?p=1195 蛋壳猜您也喜欢： 4+网页常用Javascript插件-个画廊和幻灯片 3+网页常用Javascript插件-图片轮播 酷：96+开源FLASH效果 6+网页常用Javascript插件-Lightbox图片展示灯箱 6款国外开放源代码的社区交友程序 无觅 ]]>

 

Toxiclibs.js 是开放源码的图形设计算法库

研究canvas和SVG等的基于浏览器的图形设计的同学有福了！

DEMO：http://haptic-data.com/toxiclibsjs/

 

蛋壳猜您也喜欢：
4+网页常用Javascript插件-个画廊和幻灯片
3+网页常用Javascript插件-图片轮播
酷：96+开源FLASH效果
6+网页常用Javascript插件-Lightbox图片展示灯箱
6款国外开放源代码的社区交友程序
无觅
]]> http://www.198551.com/2011/12/30/%e5%bc%80%e6%ba%90%e7%9a%84javascript%e5%9b%be%e5%bd%a2%e8%ae%be%e8%ae%a1%e7%ae%97%e6%b3%95%e5%ba%93-toxiclibs-js/feed/ 4 基于jQuery的自动提示插件AUSU http://www.198551.com/2011/12/29/%e5%9f%ba%e4%ba%8ejquery%e7%9a%84%e8%87%aa%e5%8a%a8%e6%8f%90%e7%a4%ba%e6%8f%92%e4%bb%b6ausu/ http://www.198551.com/2011/12/29/%e5%9f%ba%e4%ba%8ejquery%e7%9a%84%e8%87%aa%e5%8a%a8%e6%8f%90%e7%a4%ba%e6%8f%92%e4%bb%b6ausu/#comments Thu, 29 Dec 2011 07:55:18 +0000 蛋壳 http://www.198551.com/?p=1191 蛋壳猜您也喜欢： COIN SLIDER 基于 jQuery的 JS 炫丽幻灯片插件 人脸识别插件 Face Detection For jQuery 基于jQuery的鼠标跟随导航菜单 强大：基于jQuery UI的多层级手风琴效果插件 6+网页常用Javascript插件-Lightbox图片展示灯箱 无觅 ]]>

 

AUSU 一款基于jQuery框架的输入框自动提示插件，方便配置，可以自定义CSS样式。

特性：

  • 支持键盘事件
  • 兼容主流浏览器（包括IE6,7）
  • 支持Ajax
蛋壳猜您也喜欢：
COIN SLIDER 基于 jQuery的 JS 炫丽幻灯片插件
人脸识别插件 Face Detection For jQuery
基于jQuery的鼠标跟随导航菜单
强大：基于jQuery UI的多层级手风琴效果插件
6+网页常用Javascript插件-Lightbox图片展示灯箱
无觅
]]> http://www.198551.com/2011/12/29/%e5%9f%ba%e4%ba%8ejquery%e7%9a%84%e8%87%aa%e5%8a%a8%e6%8f%90%e7%a4%ba%e6%8f%92%e4%bb%b6ausu/feed/ 0 留念：拍秀通过App Store验证 正式上线苹果市场 http://www.198551.com/2011/12/11/%e7%95%99%e5%bf%b5%ef%bc%9a%e6%8b%8d%e7%a7%80%e9%80%9a%e8%bf%87app-store%e9%aa%8c%e8%af%81-%e6%ad%a3%e5%bc%8f%e4%b8%8a%e7%ba%bf%e8%8b%b9%e6%9e%9c%e5%b8%82%e5%9c%ba/ http://www.198551.com/2011/12/11/%e7%95%99%e5%bf%b5%ef%bc%9a%e6%8b%8d%e7%a7%80%e9%80%9a%e8%bf%87app-store%e9%aa%8c%e8%af%81-%e6%ad%a3%e5%bc%8f%e4%b8%8a%e7%ba%bf%e8%8b%b9%e6%9e%9c%e5%b8%82%e5%9c%ba/#comments Sat, 10 Dec 2011 18:14:36 +0000 蛋壳 http://www.198551.com/?p=1177 蛋壳猜您也喜欢： web app 开发必不可少的滑动插件 Flipsnap 130个IPhone风格应用图标 免费矢量图搜索引擎 Vector.us 上线 Free online OCR:免费在线的OCR图片转文字识别工具 百会 在线应用 办公套件 无觅 ]]>

拍秀

一次路上的随拍、一次朋友聚餐的兴奋、一次旅游的好心情……,通过一张张的照片,拍秀会帮您整理成足迹,以不同的时间线进行整理,形成一次又一次无限的美好回忆。

 

无觅相关文章插件，快速提升流量

蛋壳猜您也喜欢：
web app 开发必不可少的滑动插件 Flipsnap
130个IPhone风格应用图标
免费矢量图搜索引擎 Vector.us 上线
Free online OCR:免费在线的OCR图片转文字识别工具
百会 在线应用 办公套件
无觅
]]> http://www.198551.com/2011/12/11/%e7%95%99%e5%bf%b5%ef%bc%9a%e6%8b%8d%e7%a7%80%e9%80%9a%e8%bf%87app-store%e9%aa%8c%e8%af%81-%e6%ad%a3%e5%bc%8f%e4%b8%8a%e7%ba%bf%e8%8b%b9%e6%9e%9c%e5%b8%82%e5%9c%ba/feed/ 0