摘要：上周日在创新工场进行的“当HTML5来敲门”专题沙龙，是北京上海同步进行，业界关注度很高的一次聚会。参加者包括众多的前端开发者、移动互联网关注者和开发者、厂商和行业协会。北京的演讲嘉宾包括：ThoughtWorks中国区首席技术专家徐昊、磊友科技的CTO赵霏、“他社区”创始人滕俊平、百度Web前端开发工程师罗睿等，分享主题包括：《W3C W3C中国以及HTML5》、《HTML5与手机游戏》、《HTML5游戏开发实例分享》、《OpenMGC手机游戏开放平台项目介绍》等，以及两个互动对话环节：HTML5在移动设备上的应用、HTML5应用的商业模式探讨。 下面演讲的是创新工场的合伙人汪华和首...
阅读全文
摘要：转载请标明出处：蒋宇捷(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、人人都会犯错误，不要为了小错误轻易惩罚员工，即便是大错误。
阅读全文
摘要：原文地址：http://webdesignersdesk.com/2010/05/create-ajax-loading-animation-with-css3/译者：蒋宇捷 通常前端工程师采用gif动画图片来表现Ajax的加载。但是现在css3已经引入了动画属性，我们可以在不采用gif动画图片的情况下，采用css3达到同样的Ajax加载动画效果。那么让我们现在开始来实现想要的效果。重要提示：只支持Webkit内核的浏览器（Safari和Chrome）示例HTML 在这里我们只展示demo里第一个Ajax载入示例的代码。首先我们需要一个名为“loading”的容器，以放置所有的动画元素。然后我
阅读全文
摘要：import android.app.Activity;import android.app.AlertDialog;import android.app.Dialog;import android.content.DialogInterface;import android.os.Bundle;import android.util.Log;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.ListView;p
阅读全文
摘要：import java.text.SimpleDateFormat;import java.util.Date;import android.app.Activity;import android.app.AlertDialog;import android.content.Intent;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;public class main extends Activity
阅读全文
摘要：ppencode/rrencode/jjencode/aaencode是Perl、Ruby、Javascript的小工具，可以将各自的代码进行混淆，转换成特殊字符，甚至还可以转换成有意思的表情。ppencode-Perl 台湾的Perl达人唐鳳在YAPC曾经介绍过ppencode，它可以把Perl代码转换成只有英文字母的字符串。 下面是转换示例： Demo的地址：http://namazu.org/~takesako/ppencode/demo.html。rrencode-Ruby rrencode可以把ruby代码全部转换成符号。 下面是转换示例： 项目地址：http://www.lab..
阅读全文
摘要：Raphael JS库是在webrebuild交流会上听专家将到的，后来就看了下，果然很强大——通过SVG/VML+JS实现跨浏览器的矢量图形实现方案。 这其实和cufon等网络字体的实现原理是有些类似的：非IE浏览器使用SVG绘图，然后IE中使用VML。它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案，包括一些动画效果。 Raphael的语法也很简单，基本上了解SVG就会很容易上手的：var c = paper.path("M10 10L90 90");
// 画一条线； 浏览器支持 IE6+、Firefox 3.0+、chrome、opera等都是很好支持
阅读全文
