蒋宇捷-CSDN博客

原创 2012第一季度国外HTML5移动开发趋势

著名移动云平台公司Appcelerator刚发布了2012年Q1移动开发者调查报告，其中值得关注的几个地方为： 1、整个报告的关键句为“The Google and FacebookBattle Moves to Mobile While HTML5 Gains Speed”，意思为当HTML5开始加速的时候，Google和Facebook的战场已经转移到了移送设备上。

2012-03-21 18:15:20 5730

原创如何使用HTML5实现拍照上传应用

在HTML5规范的支持下，WebApp在手机上拍照已经成为可能。在下面，我将讲解Web App如何用手机进行拍照，显示在页面上并上传到服务器。1、视频流 HTML5 The Media Capture API提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签，并将从摄像头获得视频作为这个标签的

2012-03-14 22:16:42 66462 32

原创欢迎为我评选CSDN2011十大风云博客专栏投票

CSDN2011十大风云博客专栏评选活动已经开始，欢迎各位朋友为我的专栏“Web前端-关注HTML5与CSS3”投上一票。地址为http://event.blog.csdn.net/topcolumn/topcolumn.aspx。在新的一年里《论道HTML5》这本中国领先的HTML5书籍将会由图灵出版社出版，我也会在博客里为大家分享更多关于HTML5、CSS3和移动开发方面的经验和知识

2012-03-10 17:49:04 3737 7

原创对HTML5 Device API相关规范的解惑

在HTML5中，Device API相关内容众多，而且结构比较复杂，内容有所重叠，大家在使用时可能会遇到许多问题，下面我针对这些问题谈一下个人的理解。1、The Media CaptureAPI VS System Information API，两者都可以访问摄像头和话筒，有什么区别？背景：The Media Capture API定义了一个高级别的API来访问设备的摄像头和话筒，

2012-03-09 19:25:43 17388 4

翻译来自CodeCanyo的15个优秀移动应用和工具

随着移动站点的发展和普及，毫无疑问CodeCanyon的移动应用集合有了巨大的增长。从iPhone到Android，开发者已经贡献了一些令人惊艳的移动站点开发工具。这里快速列出了一些市场上所销售的顶级移动应用和工具。你可以试用它们并为你下一个移动站点获得灵感。1、创建自己的应用程序（无需任何编程技能）不需编码就能创建你自己的iPhone/ iPod Touch应用！让客户在苹

2012-02-29 23:28:29 5431 1

原创谈移动互联网开发的数据分析和决策思路

在《做移动互联网App，你的测试用例足够吗》一文中，我们谈到了Android 1.5和1.6兼容性和2.0版本以后有很多不一致的地方，开发时需要单独进行处理，这会耗费开发者相当大的精力，我们在开发Android实际应用时应该如何制定App的支持策略呢？下面我们谈谈应该如何分析来制定自己App的支持策略。1、了解Android最新版本分布情况在Android de

2012-02-17 23:00:52 7906

翻译用HTML5献上爱的3D玫瑰

译自：http://www.romancortes.com/blog/1k-rose/转载请标明作者和出处：http://blog.csdn.net/hfahe 我曾参与js1k爱情主题的第四次活动（译者注：关于有趣的js1k，可以看看我上一篇博文《JS1k比赛与3D玫瑰》）。我所提交的是一个静态图像，由程序生成的三维玫瑰。你可以在这里看到它。它是通过显式分段三维曲面

2012-02-10 23:48:11 10520 4

翻译 JS1K比赛与3D玫瑰

也许它最开始只是作为一件好玩的事，但一年一度的JS1K比赛现在已经不再只是一个玩笑。今年的比赛已经开展得如火如荼，并且因为用小于1K的JavaScript脚本渲染的3D玫瑰的出现而显得更加壮观。 JS1K大赛旨在找寻互联网上最好的JavaScript创意，只有一个小条件 - 使用的代码必须小于1K。这可能听起来很疯狂，因为一些JavaScript框架 – 只是框架本身！- 代码量就超

2012-02-10 19:58:10 6017

翻译 CSS3新的鼠标样式介绍

在Web开发的早期，随着新技术的不断涌现，一切都让人兴奋。但是我们在过去十年里经历了一个技术的停滞期，直到由于HTML5的出现，Web开发再次让人着迷。特别是CSS3正在迅速发展，你会在其规范里发现许多有趣的宝物。在这篇文章里，我们要研究的是CSS鼠标样式属性，正如你所期望的的一样，它允许你改变在一个元素上移动鼠标时的指针样式。它对于交互式Web App来说已经变得越来越重要。C

2012-01-29 18:07:03 12604 4

原创程序员的进化

对于很多同学来说，他们对程序员的职业生涯非常关注。而这本质上是一个进化的过程。我们将如何进化？在每个进化阶段我们应该如何提高自己？下面的文章根据我自己的切身经历和阅读过的书，为程序员每个阶段的进化提供了不同的学习思路。程序员的进化过程仔细想想，你有多久没有阅读过了？是否只是沉陷在繁琐的工作细节中？阅读不仅能充实自己、拓宽视野，而且能带来乐趣。阅读是一个很好的

2012-01-15 18:05:04 12148 16

翻译程序员新年要实现的10个愿望

译自：http://net.tutsplus.com/articles/general/ten-new-years-resolutions-every-web-developer-should-make/安德鲁伯吉斯于2011年12月27 日译者：蒋宇捷（转载请注明出处-http://blog.csdn.net/hfahe）还剩不到一周的时间，我们将迎来2012年。我知道这是老生

2012-01-07 22:39:28 33840 102

原创用纯CSS3绘制萌系漫画人物动态头像

大家已经见惯了用CSS3画的图标、LOGO、头像，这次台湾同学Rei给我们带来了用纯CSS3绘制的日本动漫《轻音少女》女主角秋山澪的动态头像。CSS3的强大再次霸气测漏！请点击Demo查看效果，示例支持Chrome、Firefox、Opera、Safari等全系列的现代浏览器。示例中用到的主要CSS3特性如下： border-r

2012-01-05 18:50:06 9205 3

1、Webkit内核这次又远远走在了前面。开源的Chromium和每日构建的力量是无穷的。2、Firefox、Opera等浏览器不久之后将会马上跟进，IE也一样。说到IE，其实IE是最早提出和支持类似滤镜效果的浏览器，早在IE 5.5的时代（还记得国悼日全灰色的网站是如何快捷实现的吗？），只是它糟透了的名声让人忘记了它的一切好处。Whatever，这次时光轮回又把一个强大和统一的规范带给了我们。3

2011-12-30 21:02:05 5318

翻译遇见CSS3滤镜

译自：http://net.tutsplus.com/tutorials/html-css-techniques/say-hello-to-css3-filters/Jeffrey Way于2011年12月22日译者：蒋宇捷（转载请标明出处-http://blog.csdn.net/hfahe）------教程详细内容• 主题：CSS滤镜• 可用性： Webkit每晚构建的版本• 酷炫程度：100

2011-12-26 23:33:07 12344 4

翻译用3个步骤实现响应式网页设计

写在前面的话：随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。文中提到的响应式网页设计（Responsive web design）是一种现代网页设计方法，基于CSS3的媒介查询（Media Quer

2011-12-18 23:29:43 113200 13

原创 Android ui utils-简单实用的Android界面工具

也许有的开发者觉得在Android开发中用户界面设计和实现简陋而麻烦，缺乏有效的帮助和支持。Android-ui-utils开源项目包含了一系列工具，帮助我们更好的设计和开发Android用户界面。项目主页为http://code.google.com/p/android-ui-utils/。它主要包含以下几个主要工具：一、Android Asset Studio 这是一个基于网页的

2011-12-06 23:20:58 37353 15

原创用纯CSS3实现Path华丽动画

11月30日熟人社交移动应用Path 2.0发布后，因为其精美的界面和漂亮的动画效果受到许多人的赞誉，在Pinterest之后，又涌起一股新的模仿浪潮。 Path 2.0的一个亮点是左下角的菜单展开动画效果：一个名为Victor的法国人使用纯CSS3在HTML上实现了同样的动画效果，没有使用任何图片和Javascript，具体采用Sass+Compass计算坐标，最后

2011-12-05 23:45:58 10247 2

翻译 HTML5视频字幕与WebVTT

译自：http://html5doctor.com/video-subtitling-and-webvtt/ 转载请标明出处：蒋宇捷的博客(http://blog.csdn.net/hfahe) -------- 我们在几年前就已经可以不需要插件在浏览器里播放视频了。但是在编码解码器方面，仍然存在一些困扰。现在问题已经集中在视频本身上面了：下一步将是添加资

2011-12-04 23:12:22 23347 5

翻译用CSS3实现图像风格

译自：http://webdesignerwall.com/tutorials/css3-image-styles 转载请标明出处：蒋宇捷的博客(http://blog.csdn.net/hfahe) - - - - - - 当在图像元素上直接使用CSS3内阴影或者圆角边框时，浏览器对于CSS样式的渲染并不完美。但是，如果图像作为背景图像使用时，你可以为它添加任何样式

2011-12-03 21:28:46 5782

翻译快速入门：HTML5强大的Details元素

译自：http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-the-awesome-details-element/译者：蒋宇捷（转载请标明出处http://blog.csdn.net/hfahe）Jeffrey Way于2011年11月17日教程细节• 概要：HTML5的Details标签• 难度：初级• 支持的浏览器：C

2011-11-19 15:46:24 9763

原创以小见大、由浅入深-谈如何面试Javascript工程师

面试Javascript工程师难吗？Javascript工程师的水平参差不齐，如何评定他们技术水平的高低？如何确定Javascript工程师适合承担哪方面的任务？我在腾讯时的面试经验是，通过不同纬度的结构化问题、由浅入深的进行考查。基础如何判断一个对象是方法？这个问题简单有简单的答案，复杂有复杂的答案，但可能都不是最好的答案。页面加载和渲染的过程：简

2011-11-14 22:52:42 30944 67

翻译如何使用HTML5创建在线精美简历

译自：http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-an-html5-microdata-powered-resume/译者：蒋宇捷（转载请标明出处http://blog.csdn.net/hfahe）Janet Wagner于2011 年9月27日教程细节• 概要：HTML5的微数据API• 难度：初级/中

2011-11-13 23:18:59 28414 24

原创 Mongodb采用$in方式提升操作效率

Mongodb操作里许多人喜欢采用PHP的循环操作，这种方式效率非常低下，可以优化。1、查询：有两种方式，在PHP里循环查询和使用$in的方式。做一个查询1000条数据的示例如下：// 循环查询for($i = 0; $i < count($array); $i++) { $item = $collection -> findOne(array("_id" => ne

2011-10-28 23:15:52 21084

原创推荐《富爸爸、穷爸爸》

书中的一些关键思想：1、构建资产1）不需到场就可以正常运作的业务2）股票3）债券4）基金5）能产生收入的房产2、先构筑资产项，才用资产所产生的收入购买奢侈品3、会计、法律和商业知识非常重要4、通过公司的方式1）合理避税（买车、餐饮费）2）财产保护：用公司和信托来隐藏财富5、喜欢变化而不是害怕变化、喜欢挣百万美元而不是担心升职6、学习如何投资很重要7、坚持自己而不是随大众现在许多人

2011-10-28 23:04:21 3911 1

原创做移动互联网App，你的测试用例足够吗？

我在面试测试工程师时，经常问到的一个问题是“给出Word另存为这个功能的测试用例”。除开基本的测试用例外，考虑到各种异常情况，例如内存已满、硬盘空间不足是非常重要的。但是针对移动互联网App来说，情况还要复杂的多。一个重要原则是：测试你最终要发布给用户的App版本。

2011-10-18 21:45:09 14292 5

原创通过输入方式在Android上进行微博OAuth登录

在微博认证方式里，基本的OAuth认证是必须要调整到跳转到第三方页面上进行授权的，例如下面的例子： 1、从http://open.weibo.com/wiki/index.php/SDK#Android下载SDK包。 2、在AndroidExample/src

2011-08-17 11:13:34 5904 3

原创博客无法使用外站图片，暂停更新一段时间

博客现在既无法上传图片，也无法引用外站图片，所以没有办法更新博客。已经写好的博客由于无法引用外站图片，没有办法发表。暂停更新博客到可以引用外站图片。

2011-08-15 17:42:02 2131 2

原创远程服务器监控重启方案

摘要：如果你的服务器主要服务不定期被kill掉，如何来尽可能保证服务正常？前几天某台服务器出现了问题，主要的进程（包括Web服务、top、vi这样的命令）都会不定期被kill掉，经过分析认为这台服务器的系统出现了问题，必须要进行重装。而这台服务器上面挂载了很重要的Web服

2011-07-22 23:17:23 5258 1

原创在Android系统中调用系统前置摄像头

从Android 2.3 Gingerbread开始，原生支持前置摄像头。下面我们看看如何在程序里来调用前置的摄像头。第一种方式是采用MediaStore，调用系统原生的相机。 Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); intent.putExtra("camerasenso

2011-07-09 23:24:03 23391 9

原创移动互联网创业团队开发管理经验

移动互联网项目和传统互联网有一些类似的地方，但是也有许多不同之处；另外创业公司需要做到的是快速开发，快速发布，快速迭代，下面是开发管理中的一些经验总结。1、每天早上快速立会很有用，每个人总结前一天的工作和当天的工作计划，及时沟通信息，交流开发中问题，总共时间不超过15分钟；2、每周一个版本是良好的开发节奏，要快速添加功能，及时收集用户反馈，及时改进；3、严格控制版本cc（code complete

2011-06-30 23:41:00 5102 3

原创 HTML5之美

作者注：此文章原为2011年4月的《程序员》HTML5专刊所做，现刊登于此，以飨读者。 HTML5之美从HTML4诞生以来，整个互联网环境、硬件环境都发生了翻天覆地的变化，开发者期望标准统一、用户渴望更好体验的呼声越来越高。20年磨一剑，HTML5作为下一代Web标准，它的新特性正在每个新式浏览器的版本中快速的得到支持和体现。随着HTML5和CSS3的发展和完善，

2011-06-19 17:59:00 30981 52

原创巧解Android时区加载过慢的问题

当在Android系统中切换语言时，会带来一个有趣的bug：SimpleDateFormat在处理“z”时区字段时会花费很长的时间。如果你在一个ListView里多次调用这个方法，就会发现这个ListView在滚动时很不流畅。控制台相关输出如下所示：I/Resources( 471): Loaded time zone names for en_US in 1904ms.I/Resources

2011-06-06 22:38:00 5748 5

翻译使用HTML5和CSS3来创建幻灯片

译自：http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-presentation-slides-with-html-and-css-2/译者：蒋宇捷（转载请标明出处-http://blog.csdn.net/hfahe）下载源文件示例(用向左向右键翻页，Ctrl加+或者-键放大缩小) 我

2011-06-06 00:33:00 24430 24

原创 HTML5新书三章大纲分享

由HTML5研究小组策划，我和百度罗睿、秀野堂主合作的HTML5新书正在收尾阶段，将由图灵出版社出版。这本书站在国内一线前端工作者的视角，提供了和之前所有HTML5书籍完全不一样的内容和体验。下面我分享一下这本书的其中三章大纲，让大家预先了解这本书的部分面目。写书分享是一个艰难的过程，需要付出大量的精力和时间，希望这本书能带给各位读者参考和启迪，我即心安。

2011-04-25 23:34:00 2540 3

原创 CSS3草案的更新：弹性盒子布局和CSS3字体模块

W3C CSS工作组刚发布了CSS3两个工作草案规范的更新。 第一个更新在3月11日发布，对CSS3弹性盒子布局模块进行了大的变更。第二个在3月24日发布，为CSS3字体模块带来了许多优化。 CSS3弹性盒子布局 CSS3弹性盒子布局在2009年7月第一次引入，在这次规范的最新更新中几乎完全被重写了。根据最新的工作草案： 和之前的草案相比，基本的模型在相当程度上进行了调整。特别的，flexibi

2011-04-17 22:17:00 4590 2

原创前端开发必备工具：WhatFont Bookmarklet-方便的查询网页上的字体

平常我们看到精美的网站时，可能很想了解它们的文字使用了哪些字体。WhatFont Bookmarklet可以帮助我们方便的查看网页中的某段文字是什么字体，是前端开发必备的绝佳工具。 使用方式 使用Chrome打开http://chengyinliu.com/whatfont.html，将页面上“WhatFont”按钮拖拽到Chrome上方的收藏栏。 收藏栏上会出现一个名为“WhatFont”的按钮。

2011-04-11 22:59:00 7040 7

原创 4月《程序员》上我讲HTML5的文章---激动人心的HTML5之美

这篇文章分为四个方面介绍了激动人心的HTML5之美：语义之美人性之美简单之美实用之美 欢迎大家阅读。

2011-04-08 19:56:00 2361 4

翻译编写超级可读代码的15个最佳实践

译自：http://net.tutsplus.com/tutorials/html-css-techniques/top-15-best-practices-for-writing-super-readable-code/ 译者：蒋宇捷（转载请标明出处-http://blog.csdn.net/hfahe） 一月两次，我们重温Nettuts历史上读者最喜欢的文章。 代码可读性是一个计算机编程世界的普

2011-04-05 22:34:00 35483 111

翻译实现跨浏览器的HTML5占位符

译自：http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text 译者：蒋宇捷，转载请标明出处（http://blog.csdn.net/hfahe） HTML5表单的最大优点之一是可以为输入区域添加占位符文字。占位符属性允许可以为一个空的或者没有焦点的表单输入框显示文本，在获得焦点后消失。这是一个非常不错的特性，但是还不被所有的浏览器所支持。这个教程将向你展示如何使用Modern

2011-04-03 11:40:00 7819 2

原创 Chrome新的键盘、CSS4 matches()选择器和line-box-contain

又一周过去了，Chromium（594次提交）和Webkit（522次提交）有了1116个变更。亮点包括ChromiumOS触摸支持取得了更多进展、一个新CSS选择器的实现、以及line-box-contain属性。 Chromium 生成了一个键盘, 为锁定、解锁SIM卡和触摸设备提供了支持。为触摸界面升级了新的标签页面并添加了大的载入器，虽然并不是最终版本。 Dave Hyatt提议并为Webkit实现了一个CSS属性：l

2011-04-03 00:18:00 2382 1

空空如也

空空如也