原文地址：http://blog.frontendforce.com/2010/05/mobile-application-development-using-javascript/译者：蒋宇捷 Javascript并不仅仅只用于网页和网站程序。你还可以创建实时应用、服务端解决方案、桌面和移动应用。移动应用分为两种：浏览器里的网页应用和本地应用。本地应用通常更快更强大，因为它们有访问文件系统、传感器、照相机等设备的权限。本地应用通常使用手机指定的语言编写，例如Objective-C、Java。所以独立开发者通常使用HTML+CSS+Javascript的解决方案。幸运的是，感谢最新的技术，我们 Read More
原文地址：http://css-tricks.com/css3-loading-spinner/原文作者：Chris Coyier译者：蒋宇捷 为了好玩，我创建了一个小小的CSS3纵向旋转的载入效果。下面是这个光环在Webkit内核浏览器上的效果图片。工作原理：两个圆形重叠在一起. 其中一个使用伪元素创建。伪元素创建的圆形使用负的z-index放置在下面。伪元素创建的圆形的box-shadow（盒阴影）设置为inset（内阴影）。标准的圆形使用标准的box-shadow（盒阴影）。文字“Loading”使用<strong>标签和overflow:hidden。<strong& Read More
在微博上看到有新浪的朋友用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; ... Read More
作者：蒋宇捷（hfahe）版权声明：原创作品，欢迎转载，转载时请务必以超链接形式标明文章原始出处、作者信息和本声明。 css3提供了强大的transform属性来实现动画效果。下面我简介一下如何用css3来实现浏览器里的缩放功能。HTML页面 我们先写一个简单的页面，以测试页面缩放的代码。 页面上有两个按钮，一个放大，点击后放大页面，一个缩小，点击后缩小页面。Javascript代码 利用transform:scale(缩放比例)设置body的比例可以将页面整体进行缩放。编写JS代码如下所示： var size = 1.0; function zoom... Read More
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.. Read More
原文地址：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"> Read More
和朋友聊天，有感而发写下几点：1、一个公司的领导，如果被一群人包围，听不到下面员工的真实心声，平静水面下是涌动的暗流，这样的公司很危险。2、一个团队的管理者，如果不cover自己的下属，不会有人为你卖命工作。3、不要动一些小心思，你对员工是不是真的好，员工看的出来。4、人人都会犯错误，不要为了小错误轻易惩罚员工，即便是大错误。 Read More
原文地址：http://webdesignersdesk.com/2010/05/create-ajax-loading-animation-with-css3/译者：蒋宇捷 通常前端工程师采用gif动画图片来表现Ajax的加载。但是现在css3已经引入了动画属性，我们可以在不采用gif动画图片的情况下，采用css3达到同样的Ajax加载动画效果。那么让我们现在开始来实现想要的效果。重要提示：只支持Webkit内核的浏览器（Safari和Chrome）示例HTML 在这里我们只展示demo里第一个Ajax载入示例的代码。首先我们需要一个名为“loading”的容器，以放置所有的动画元素。然后我 Read More
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.. Read More
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等都是很好支持 Read More