12 2012 档案

Ratchet：使用 HTML，JS，CSS 创建 iPhone App 原型
摘要：Ratchet是一个免费的开源的工具，它主要的功能就是可以使用最简单的 HTML，CSS，JavaScript 这些 Web 技术就能很容易创建 iPhone 应用原型。Ratchet 使用非常简单，只需要简单的几行代码就能创建绝大部分 iOS 的组件，如：Bars, Lists, Buttons, Segmented controllers, Counts, Forms, Toggles, Popovers, Sliders, Push 等等。并且 Ratchet 有很好的文档，并且作者表示将来还还会开发更多的新功能让移动应用的开发者更加轻松创建 iPhone App 原型。详细演示和下载， 阅读全文
posted @ 2012-12-27 15:33 朱静程 阅读(405) 评论(0) 推荐(0) 编辑
CSS3 滤镜 -webkit-filter 的介绍和使用
摘要：大家可能对 Instagram 这款 iPhone APP 上的滤镜效果很感兴趣，其实 CSS3 开始也有滤镜（不是 IE 的那种滤镜），这些滤镜效果最初是用于 SVG 的，W3C 将其引入到 CSS3 中，然后制定了 CSS Filter Effects 1.0 的规范，Webkit 率先支持了它。-webkit-filter 的用法-webkit-filter 用法是标准的 CSS 写法，如：-webkit-filter: blur(2px);-webkit-filter 支持的效果有：blur 模糊brightness 亮度contrast 对比度drop-shadow 阴影graysc 阅读全文
posted @ 2012-12-27 14:58 朱静程 阅读(391) 评论(0) 推荐(0) 编辑
HTML5的PLACEHOLDER属性
摘要：由于placeholder是个新增属性，目前只有少数浏览器支持，如何检测浏览器是否支持它呢function hasPlaceholderSupport() { return 'placeholder' in document.createElement('input');} 现在支持的浏览器有：Firefox4.0+、Chrome4.0+、Safari4.0+，Opera 11、IE9 RC2尚不支持。默认提示文字是灰色的，可以通过CSS来改变文字样式：/* all */::-webkit-input-placeholder { color:#f00; }inp 阅读全文
posted @ 2012-12-18 14:13 朱静程 阅读(145) 评论(0) 推荐(0) 编辑