自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

蒋宇捷的专栏

关注互联网、移动互联网的应用和趋势

  • 博客(14)
  • 收藏
  • 关注

原创 “当HTML5来敲门”专题沙龙杂记

<br />         上周日在创新工场进行的“当HTML5来敲门”专题沙龙,是北京上海同步进行,业界关注度很高的一次聚会。参加者包括众多的前端开发者、移动互联网关注者和开发者、厂商和行业协会。北京的演讲嘉宾包括:ThoughtWorks中国区首席技术专家徐昊、磊友科技的CTO赵霏、“他社区”创始人滕俊平、百度Web前端开发工程师罗睿等,分享主题包括:《W3C W3C中国以及HTML5》、《HTML5与手机游戏》、《HTML5游戏开发实例分享》、《OpenMGC手机游戏开放平台项目介绍》等,以及两个互

2011-02-28 21:41:00 2832 1

原创 使用CSS3创建文字颜色渐变(CSS3 Text Gradient)

<br />转载请标明出处:蒋宇捷(hfahe) http://blog.csdn.net/hfahe<br /><br /><br />         考虑一下,如何在网页中达到类似以下文字渐变的效果?<br /><br /><br />         传统的实现中,是用一副透明渐变的图片覆盖在文字上。具体实现方式可参考http://www.qianduan.net/css-gradient-text-effect.html。这种方式优点是图片可控,所以可实现很复杂的渐变效果,但是缺点是图片渐变色必须

2011-02-28 00:12:00 36771 22

翻译 用HTML5创建超酷图像灰度渐变效果

原文:http://www.webdesignerwall.com/tutorials/html5-grayscale-image-hover/译者:蒋宇捷转载请标明出处:蒋宇捷(hfahe)http://blog.csdn.net/hfahe     曾几何时,网站上显示的灰度图像必须手动进行转换。现在使用HTML5画布,图像可以被巧妙的转换为灰色,而不必使用图像编辑软件。我下面有一个示例,展示

2011-02-25 22:52:00 39967 23

原创 Titanium Mobile 1.6版本发布

<br /> <br />强大的Titanium Mobile 23日发布了新的1.6版本。新版本为iOS和Android平台带来了新的FacebookAPI,并且为稍后发布的Titanium+Plus模块打下了基础。<br /><br /><br /><br /> <br />以下是三个方面的主要改进:<br />1、  新的FacebookAPI:<br />1)  Facebook OAuth 2.0认证的支持;<br />2)  用于和Facebook数据集成的新API。<br />2、 

2011-02-24 22:20:00 2718 1

翻译 使用Javascript开发移动应用程序

<br />原文地址:http://blog.frontendforce.com/2010/05/mobile-application-development-using-javascript/<br />译者:蒋宇捷<br /> <br /> <br />    Javascript并不仅仅只用于网页和网站程序。你还可以创建实时应用、服务端解决方案、桌面和移动应用。移动应用分为两种:浏览器里的网页应用和本地应用。本地应用通常更快更强大,因为它们有访问文件系统、传感器、照相机等设备的权限。本地应用通常使用手

2011-02-21 19:40:00 9915 16

翻译 用CSS3创建旋转载入器

<br />原文地址:http://css-tricks.com/css3-loading-spinner/<br />原文作者:Chris Coyier<br />译者:蒋宇捷<br /> <br />    为了好玩,我创建了一个小小的CSS3纵向旋转的载入效果。下面是这个光环在Webkit内核浏览器上的效果图片。<br /><br />工作原理:两个圆形重叠在一起. 其中一个使用伪元素创建。伪元素创建的圆形使用负的z-index放置在下面。伪元素创建的圆形的box-shadow(盒阴影)设置为inse

2011-02-19 23:29:00 2929

原创 用纯CSS3实现QQ LOGO

在微博上看到有新浪的朋友用CSS3实现的新浪微博LOGO(如下图所示),一时手痒,就顺手也用CSS3实现了一个QQ的LOGO。         Demo的地址见:http://namepk.sinaapp.com/qq.html,目前只支持Chrome观看,效果如下图所示:         主要用到的CSS3属性如下所示:         1、  border-radius         CSS

2011-02-16 13:44:00 22757 26

原创 用CSS3实现浏览器的缩放功能

作者:蒋宇捷(hfahe)版权声明:原创作品,欢迎转载,转载时请务必以超链接形式标明文章原始出处 、作者信息和本声明。          css3提供了强大的transform属性来实现动画效果。下面我简介一下如何用css3来实现浏览器里的缩放功能。HTML页面         我们先写一个简单的页面,以测试页面缩放的代码。         页面上有两个按钮,一个放大,点击后放大页面,一个缩小,点

2011-02-13 00:08:00 22071 5

原创 CEF新版发布 添加多项激动人心的新特性

<br />    CEF(The Chromium Embedded Framework)于2011年2月1日发布了新的181版本,添加了多项激动人心的特性,包括:开发者工具、缩放支持、硬件加速和HTML video的支持等等。<br />    CEF的主页见:http://code.google.com/p/chromiumembedded/,下图是可运行版本里开发者工具的截图。<br /><br /><br /><br /><br /><br />     完整的更新列表如下:<br /> 通过使一

2011-02-12 17:15:00 5961 1

翻译 用CSS3创建动画价格表

<br />原文地址:http://webdesignersdesk.com/2010/08/create-animated-price-grid-using-css3/<br />译者:蒋宇捷<br /> <br /><br /> <br />    今天我们将要只使用CSS3来创建一个动画价格表。完全不使用Jquery,不使用图片,不使用Flash。今天我们将要学到的知识<br />CSS3线性渐变<br />CSS3放射渐变<br />CSS3转换<br />CSS3动画先看看示例(只支持Safari

2011-02-11 23:11:00 2404

原创 几点感触

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

2011-02-11 16:27:00 2298 4

翻译 使用CSS3构建Ajax加载动画

<br />原文地址:http://webdesignersdesk.com/2010/05/create-ajax-loading-animation-with-css3/<br />译者:蒋宇捷<br /> <br /> <br /> <br />  <br />    通常前端工程师采用gif动画图片来表现Ajax的加载。但是现在css3已经引入了动画属性,我们可以在不采用gif动画图片的情况下,采用css3达到同样的Ajax加载动画效果。那么让我们现在开始来实现想要的效果。  <br

2011-02-10 22:21:00 7233 14

原创 使用ppencode/rrencode/jjencode/aaencode进行好玩的代码混淆

<br /> <br />    ppencode/rrencode/jjencode/aaencode是Perl、Ruby、Javascript的小工具,可以将各自的代码进行混淆,转换成特殊字符,甚至还可以转换成有意思的表情。<br />ppencode-Perl<br />    台湾的Perl达人唐鳳在YAPC曾经介绍过ppencode,它可以把Perl代码转换成只有英文字母的字符串。<br /><br /><br />    下面是转换示例:<br /><br />     Demo的地址:http

2011-02-09 17:08:00 6540

转载 Raphael js库简介

Raphael JS库是在webrebuild交流会上听专家将到的,后来就看了下,果然很强大——通过SVG/VML+JS实现跨浏览器的矢量图形实现方案。    这其实和cufon等网络字体的实现原理是有些类似的:非IE浏览器使用SVG绘图,然后IE中使用VML。它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案,包括一些动画效果。    Raphael的语法也很简单,基本上了解SVG就

2011-02-09 12:22:00 6875 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除