Quantcast
Channel: iOS – Xu.Design
Browsing latest articles
Browse All 18 View Live

Image may be NSFW.
Clik here to view.

电脑报 in 手机

这是由本人负责设计界面的重庆电脑报手机客户端。图是原始的设计稿。经过层层筛选最后在 App Store 上线了。 下载地址在这:http://itunes.apple.com/us/app/id414412857?mt=8

View Article



Image may be NSFW.
Clik here to view.

iOS Style

上面的是 iPhone 访问本Blog 的横屏截图。经过几天的测试我给 iOS 设备的访客设置了的专用的样式了。现在这个主题也基本完成了。这是一个原生支持 iPhone 和 iPad 访问的 WordPress 主题。 iPhone 横竖屏都可以看到不同的样式。下面的是iPhone 竖屏访问的截图。 iPad 也是。不过iPad 的横屏的样式还要做一下细微的调整就完美了。...

View Article

Image may be NSFW.
Clik here to view.

站点的 iPad 样式更新

最近把站点的 iPad 样式更新了,现在效果固定了。这个主题已经提交至WordPress 主题目录审核,通过后即可以发布了。不过提交的是简易版。 iPad 的主页竖屏: iPad 的主页横屏: iPad 的 Blog 页竖屏: iPad 的 Blog 页横屏: 点击iPad 上Safari 的分享菜单上面的 “添加到主屏幕” 就可以在 iPad 的桌面上添加本站的快捷访问图标,添加后有惊喜。  

View Article

Image may be NSFW.
Clik here to view.

iOS 设备的网页兼容

这个结合了自己这两个多月的工作所以遇到的问题,以及HTML5 的一些新特性来做一些应用上的介绍。 给 iOS 设备定制页面 其实只要网页已经使用了 HTML5 的标准来构建的网页,只需为 iOS 准备CSS 样式表文件就可以解决这个问题了。就像这篇文章里面的效果一样。没有使用任何相关的插件来实现。 iOS...

View Article

Image may be NSFW.
Clik here to view.

再次更新iPad CSS 样式

经过几天的努力,再次把 iPad 的样式更新了,现在搞成类 WebApp 的风格了。竖屏状态下看不到边栏内容,完全是个阅读模式,横屏的时候就可以看到边栏的内容了。直接使用 iPad 访问本站就可以看到了。预览图在这里: 首页: 竖屏: 横屏: 想看更多详细的那就请用 iPad 访问本站吧。iPhone 的还在调整中。

View Article


Image may be NSFW.
Clik here to view.

再次更新 iPhone CSS 样式

首先是今天是本 Blog 上线 5 周年的纪念日。Blog 5 岁生日快乐!iLost 的 CMS 版在进行语音包的处理,很快就可以发布了。 最近把 iPhone 的样式更新了,主要是正对iPhone 的触摸特性把一些链接的点击区域放大了。iPhone 上由于屏幕限制就主打横屏浏览模式,搜索和分享在竖屏状态下是隐藏了的。 现在直接使用 iPhone 访问本站就可以看到新的针对 iPhone...

View Article

Image may be NSFW.
Clik here to view.

为视网膜显示屏优化网页上的图片

现在 iPad 也有视网膜屏幕 (retina display)了。正是依赖这视网膜显示屏,iPhone 4 的分辨率达到了640×960 pixel,iPad 的分别率达到了 1536 x 2048 pixel。不过为了保持向下兼容性,iOS 在网页上仍然是 320 × 480 point 和 768 x 1024 point。...

View Article

Image may be NSFW.
Clik here to view.

iLost Full 1.4 更新

这次 1.4 更新本来想直接支持 iOS 设备的视网膜屏幕的。可是由于时间的关系,只有推迟到下一个版本了。本次更新修复了部分浏览器无法复制的问题。之前饭否一直无法同步文章的原因是由于饭否的 API 接口使用了oauth 认证。这次也修改了接口可以同步到饭否了。...

View Article


WebApp 开发中常用的代码片段

其实这里面的多数都是 iOS 上面的代码。其他平台的就没有去验证了。 HTML, 从HTML文档的开始到结束排列: <meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条 <meta...

View Article

Browsing latest articles
Browse All 18 View Live




Latest Images