android开发实例

摘要： 转载请标明出处：蒋宇捷(hfahe) http://blog.csdn.net/hfahe 考虑一下，如何在网页中达到类似以下文字渐变的效果？ 传统的实现中，是用一副透明渐变的图片覆盖在文字上。具体实现方式可参考http://www.qianduan.net/css-gradient-text-effect.html。这种方式优点是图片可控，所以可实现很复杂的渐变效果，但是缺点是图片渐变色必须与背景色一致，同时损失了鼠标点击、文字选择等事件。 改进的方法可以使用CSS3的背景渐变-webkit-gradient，用一个背景... 阅读全文

摘要： 原文：http://www.webdesignerwall.com/tutorials/html5-grayscale-image-hover/译者：蒋宇捷转载请标明出处：蒋宇捷(hfahe)http://blog.csdn.net/hfahe 曾几何时，网站上显示的灰度图像必须手动进行转换。现在使用HTML5画布，图像可以被巧妙的转换为灰色，而不必使用图像编辑软件。我下面有一个示例，展示如何使用HTML5和jQuery动态的将彩色图像转换为灰色。贡献者：感谢达西·克拉克（我在Themify的合伙人）贡献jQuery和Javascript代码。示例：HTML5灰度渐变目的 这个示例的 阅读全文

摘要： 强大的Titanium Mobile 23日发布了新的1.6版本。新版本为iOS和Android平台带来了新的FacebookAPI，并且为稍后发布的Titanium+Plus模块打下了基础。 以下是三个方面的主要改进：1、 新的FacebookAPI：1） Facebook OAuth 2.0认证的支持；2） 用于和Facebook数据集成的新API。2、 多项改进：1） Android：Galaxy Tab（三星基于Andoroid平台的类iPad产品）；2） Android：支持URI，使基于操作的流可用，例如音频记录；3） iOS：支持为界面元素绑定JSS属性；4） iOS：支持音频. 阅读全文

摘要： 原文地址：http://blog.frontendforce.com/2010/05/mobile-application-development-using-javascript/译者：蒋宇捷 Javascript并不仅仅只用于网页和网站程序。你还可以创建实时应用、服务端解决方案、桌面和移动应用。移动应用分为两种：浏览器里的网页应用和本地应用。本地应用通常更快更强大，因为它们有访问文件系统、传感器、照相机等设备的权限。本地应用通常使用手机指定的语言编写，例如Objective-C、Java。所以独立开发者通常使用HTML+CSS+Javascript的解决方案。幸运的是，感谢最新的技术，我们 阅读全文

摘要： 原文地址：http://css-tricks.com/css3-loading-spinner/原文作者：Chris Coyier译者：蒋宇捷 为了好玩，我创建了一个小小的CSS3纵向旋转的载入效果。下面是这个光环在Webkit内核浏览器上的效果图片。工作原理：两个圆形重叠在一起. 其中一个使用伪元素创建。伪元素创建的圆形使用负的z-index放置在下面。伪元素创建的圆形的box-shadow（盒阴影）设置为inset（内阴影）。标准的圆形使用标准的box-shadow（盒阴影）。文字“Loading”使用<strong>标签和overflow:hidden。<strong& 阅读全文

摘要： 在微博上看到有新浪的朋友用CSS3实现的新浪微博LOGO（如下图所示），一时手痒，就顺手也用CSS3实现了一个QQ的LOGO。 Demo的地址见：http://namepk.sinaapp.com/qq.html，目前只支持Chrome观看，效果如下图所示： 主要用到的CSS3属性如下所示： 1、 border-radius CSS3中应用最普遍的属性，用于设置边框圆角，可以采用border-top-left-radius的方式单独设置每个圆角，并可以设置。 1）例如要实现1个圆，可以使用如下代码： width: 240px; ... 阅读全文

摘要： 作者：蒋宇捷（hfahe）版权声明：原创作品，欢迎转载，转载时请务必以超链接形式标明文章原始出处、作者信息和本声明。 css3提供了强大的transform属性来实现动画效果。下面我简介一下如何用css3来实现浏览器里的缩放功能。HTML页面 我们先写一个简单的页面，以测试页面缩放的代码。 页面上有两个按钮，一个放大，点击后放大页面，一个缩小，点击后缩小页面。Javascript代码 利用transform:scale(缩放比例)设置body的比例可以将页面整体进行缩放。编写JS代码如下所示： var size = 1.0; function zoom... 阅读全文

摘要： CEF（The Chromium Embedded Framework）于2011年2月1日发布了新的181版本，添加了多项激动人心的特性，包括：开发者工具、缩放支持、硬件加速和HTML video的支持等等。 CEF的主页见：http://code.google.com/p/chromiumembedded/，下图是可运行版本里开发者工具的截图。 完整的更新列表如下：通过使一些方法只能被UI线程调用增进线程安全 (issue #175).在cef_runnable.h里添加NewCefRunnableMethod和NewCefRunnableFunction模版以简化任务委派(issue.. 阅读全文

摘要： 原文地址：http://webdesignersdesk.com/2010/08/create-animated-price-grid-using-css3/译者：蒋宇捷 今天我们将要只使用CSS3来创建一个动画价格表。完全不使用Jquery，不使用图片，不使用Flash。今天我们将要学到的知识CSS3线性渐变CSS3放射渐变CSS3转换CSS3动画先看看示例（只支持Safari和Chrome）第一步 HTML文件 首先我们要编写基本的HTML代码作为开始。这样我们需要一个表格可以放置我们所有的内容。这个表格有四列六行，代码如下所示：<div id="grid"> 阅读全文

摘要： 和朋友聊天，有感而发写下几点：1、一个公司的领导，如果被一群人包围，听不到下面员工的真实心声，平静水面下是涌动的暗流，这样的公司很危险。2、一个团队的管理者，如果不cover自己的下属，不会有人为你卖命工作。3、不要动一些小心思，你对员工是不是真的好，员工看的出来。4、人人都会犯错误，不要为了小错误轻易惩罚员工，即便是大错误。 阅读全文