乱七八糟的

转载 提高HTML5 canvas性能的几种方法！

简介HTML5 canvas 最初起源于苹果（Apple）的一项实验，现在已经成为了web中受到广泛支持的2D快速模式绘图（2D immediate mode graphic）的标准。许多开发者现在利用它来实现众多的多媒体项目、可视化醒目以及游戏等等。然而，随着我们构建的应用程序的复杂度的增加，我们难免会遇到所谓的性能问题。已经存在众多优化canvas性能的方法了，但是还没有一

转载 TUP第29期：王淮、龚世海谈如何打造优秀的技术团队

CSDN报道4月27日，CSDN在北京福泰酒店举办了以”如何打造优秀的技术团队“作为主题的TUP第29期活动。本期活动邀请了前Facebook资深工程师、致景投资创始合伙人王淮；大众点评网技术副总裁龚世海，他们分别发表了“打造高效团队”和“研发敏捷实践与思考”的演讲，同时和与会者进行了精彩的互动。                          CSDN与《程序员》总编刘江主持开

转载 开发者实例论述如何向HTML5平台发展

作者：David Galeano, Duncan Tebbs与其它平台一样，HTML5也遭遇了各种各样的批评，有些批评是正当的，但是也有许多是听信谣言或基于过时信息的荒谬之谈。不过不管怎样，该领域大多数成功的企业领导者还是非常支持HTML5，并且出现在turbulenz.com上的游戏也向我们证明了HTML5适用于高质量的游戏。所以我将在这篇文章中详细解释我们之所以支持，并愿意继续支持HT

转载 关于HTML5令人激动的10项预测

对于 HTML5 的开发者和公司决策者们而言，现在最重要的技术是 HTML、JavaScript、CSS、移动平台和设备、以及不断改进的 HTML 平台（包括浏览器和操作系统）。这意味着，下面 10 件事情将发生在 2013 年：1 基于 HTML5 移动平台的崛起在开发跨平台 app 方面，HTML5 发挥着越来越重要的作用。目前，这种开发一般都是通过本地封装器完成的，例如 Co

转载 Canvas绘制小树

function createCanopyPath(context) {//绘制树冠 context.beginPath(); context.moveTo(-25, -50); context.lineTo(-10, -80); context.lineTo(-20, -80); context.lineTo(-

转载 利用CSS3来绘制宝马BMW的logo

.wrapper { width:365px; height:365px; background: -webkit-gradient(linear, 0 0, 100% 100%, from(#f3f3f3), to(#f3f3f3)); background:-moz-linear-gradient(

转载 移动（手机）互联网的价值与机会

移动互联网的价值大佬们说，手机(移动)互联网是PC互联网的十倍大。从用户角度看，的确会有巨量的以往与PC绝缘的用户群体使用智能手机，并顺理成章的成为互联网的消费者。鉴于这些全新用户群体的海量，说手机互联网是PC互联网的十倍大并不为过。　　这很容易让人头脑发热。想想数以亿计的农民工兄弟们吧，这可真正是传说中的商业蓝海啊。如果他们都用上我们整出来的App，只需0.1%的人付费，嘿嘿……

转载 5个成功人士常有的“怪咖”特质，你够不够怪？

在你的身边是否有一些人，固执又不好相处?当大家因为一个好点子而雀跃、士气高昂的时候，他突如其来泼下一桶冷水;做事一板一眼，不容许丝毫的犯错空间。但在你要把这些怪咖画上好几个叉之前，冷静的想想，这些怪咖好像又常能办到别人所不能。其实，你也可以轻易地在历史上的伟人名单里，找到好几个不折不扣的怪咖，这些怪咖特质，会不会刚好就是凡夫俗子无法理解的成功特质呢?怪咖们通常会

转载 技术分析:苹果之后 HTML5将改变移动互联网

感谢blackmac的投递 乔布斯离开了，创新和变革的脚步却不会因为乔帮主的离开而停下，下一个给移动互联网世界带来重大变革的可能就是HTML5。众所周知，苹果一直站在与Flash做斗争的最前沿，杜绝Flash出现在iPhone和iPad上，声称Flash技术太过陈旧，影响设备的应用体验。之后，苹果找到了可以替代Flash的革命性技术——HTML5，并且种种迹象表明苹果将大力推广HT

原创 why and how

转载 互联网、云计算和云网站

来自移动labs随着互联网技术的不断发展而产生的云计算，已经成为国内外信息专家和学者们关注的热门话题。到目前为止，关于云计算到底是什么样的，众说纷纭，没有一个明确概念。　　据有关资料显示，Google搜索趋势反映出“Cloud Computing”是2007年第4季度才兴起的一个词汇。　　北京乾坤化物数字技术有限公司从2003年开始着手研发一套为“数字地球”信息流提供服务的

原创 JavaScript 对象的 总结

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...此外，JavaScript 允许自定义对象。JavaScript 提供多个内建对象，比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。===属性是与对象相关的值访问对象属性的语法是：objectName.propertyName如：var messa

原创 jQuery事件收集

focus:当某个表单输入域获得焦点时调用 $(document).ready(function(){ $("input").focus(function(){ $(this).css("background-color","#fff333"); }); });

原创 常见的DOM事件

鼠标事件键盘事件表单事件文档/窗口事件clickkeypresssubmitloaddblclickkeydownchangeresizemouseenterkeyupfocusscrollmouseleave blur

原创 JQuery的部分常见Selectors

$("*") 选择所有元素$(this) 选择当前元素$("p.intro") 选项所有class=intro的p元素$("p.first") 选择第一个p元素$("ul li:first") 选择第一个元素的第一个元素$("ul li:first-child") 选择每个的第一个元素$("[href]") 选择所有带href的元素$("a[target='_

原创 网址收藏

http://www.52html5.com/ http://bbs.52html5.com/ http://www.iteye.com/news/category/webhttp://download.alloyteam.com/demo/css3-tencent-qq-logo-advanced/http://docs.kissyui.com/

原创 WebGL可以用来做什么？

WebGL允许开发者在浏览器中实现实时的3D互动图形。WebGL可以应用于互动音乐电视、游戏、数据可视化、艺术、3D设计环境、3D空间建模、3D物体建模、绘制数学函数和创建物理模拟。最好的HTML5 WEBGL中文资讯站因为是被设计成直接工作在显卡端的，所以WebGL比目前其他的典型的web技术都要更加复杂。总的来说，它是相当的低等级的。这也正是它为什么能够如此迅速的完

原创 在表单输入并利用js创建列表

学习自Head First HTML5// JavaScript Documentwindow.onload = init;function init(){ var button = document.getElementById("addButton"); button.onclick = handleButtonClick; }function handleButtonCl

转载 深入浅出Node.js（二）：Node.js&NPM的安装与配置

Node.js安装与配置Node.js已经诞生两年有余，由于一直处于快速开发中，过去的一些安装配置介绍多数针对0.4.x版本而言的，并非适合最新的0.6.x的版本情况了，对此，我们将在0.6.x的版本上介绍Node.js的安装和配置。（本文一律以0.6.1为例，0.6的其余版本，只需替换版本号即可。从http://nodejs.org/#download可以查看到最新的二进制版本和源代码）。

转载 深入浅出Node.js（一）：什么是Node.js

【编者按】：Node.js从2009年诞生至今，已经发展了两年有余，其成长的速度有目共睹。从在github的访问量超过Rails，到去年底Node.jsS创始人Ryan Dalh加盟Joyent获得企业资助，再到今年发布Windows移植版本，Node.js的前景获得了技术社区的肯定。InfoQ一直在关注Node.js的发展，在今年的两次Qcon大会（北京站和杭州站）都有专门的讲座。为了更好地促进

原创 实例学习之仿点点博客

学习自学校社团教程html:Demo 让博客从此简单 博客搬家 关于点点 <!-- 解释下id与cla

转载 用于响应式设计的9个CSS技巧

（学习自CSDN）本文将介绍一些CSS设计技巧，包括取消下划线、设计响应式视频、背景图片的设置以及相对值等。这些技巧可以适用于各种类型的网站，而且对于后期的网站维护也十分方便。CSS已成为Web发展不可或缺的部分，开发人员可以使用它来改变网页元素的样式。而随着响应式设计越来越流行，CSS在响应式设计中已扮演着举足轻重的角色，在进行响应式设计时，倘若你能掌握一些CSS技巧，将大大提高

原创 实例1

HTML5 & CSS3 Contact Form Send an email Name: Email: Messag

翻译 HTML5 & CSS3

HTML5的简单结构分析（The HTML5 Structure）：CSS3的简单结构分析（The CSS Styling）：

原创 表单小结

学习自HTML5China表单结构更自由 XHTML中需要放在form之中的诸如input /button/select/textarea等标签元素,在HTML 5中完全可以放在页面任何位置,然后通过新增的form属性指向元素所属表单的ID值,即可关联起来.比如:XML/HTML Code复制内容到剪贴板 ...

转载 非常好的HTML5 Form表单示例

Form1.A Form of Madness2.How to Build Cross-Browser HTML5 Forms/ E2 N( Y6 [3 F  g3.Have a Field Day with HTML5 Forms4.Fun with HTML5 FormsCSS 代码：1.Styling a Simple Form

原创 有关HTML5的认识

HTML5设计原理（Jeremy Keith在 Fronteers 2010 上的主题演讲）HTML5打造桌面应用

转载 2013年的10个线框图和界面原型工具

创建一个网站或者应用不仅限于决定放什么在主页上或者用什么图片匹配网站的主题。为了吸引用户并且和拥有用户友好的界面，视觉设计是必不可少的。因此，项目开发者必须要先把设计可视化，看看它是如何和用户交互的。那么，这需要很强的创造力，项目经理，web设计师和开发者就需要线框和原型工具来构建他们构想的网站地图(sitemap)和应用流程图。考虑到现在已经是2013年了，有哪些最新的 原型和线框 工具可以

转载 HTML5不可限量的发展前景

Reprinted from http://www.html5china.com现在的HTML5就像当年崭露头脚的的Ajax，有人在做，但不知道它叫什么。最近，苹果在HTML5上大做文章，而著名的Web设计师则提出了WebStacks的概念。Alex Kessinger是Yahoo的一名前端工程师，本文是他对HTML5应用现状与前景的思考。开源模式带来改变O’Reilly创始人，T

转载 开发移动应用的7个致命错误

Reprinted from HTML5China.com“幸福的家庭总是相似的，不幸的家庭各有各的不幸”，这个准则同样适用于移动应用开发者，最好的移动应用一般具备以下几个特点：美观，简单，实用，耐看。而对于不好的应用，有些常见的缺点是可以避免的，下面我们列举出开发移动应用时 7 个致命错误：1. 功能复杂以 Bump 为例，这个应用是用来分享手机间的数据的。刚开始这个应用支持分享

转载 分享：在微信公众平台做HTML5游戏经验谈

分享：在微信公众平台做HTML5游戏经验谈Reprinted from http://software.intel.com最近微信公众游戏平台讨论得如火如荼，大有HTML5游戏即将引燃之势。磊友科技赵霏自称HTML5技术鼓吹者，手机游戏第一代制作者。他关于在微信平台做HTML5游戏的分享具有非常地参考价值，从中可以了解目前HTML5游戏发展的现状和困难。更值得关注的是这些困难作为开发者

原创 有关CSS3的零散笔记

如何使文本以大写字母开头？（text-transform:capitalize），其中的“xx”可以用什么替代？（%、mm、em、cm、in、px、pt）如果想增大每个字符之间的距离，应该使用下面哪个风格？（letter-spacing）

原创 CSS学习问答之“为什么样式和结构要分开呢”？

学习自网易云课堂CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件样式的计算机语言。CSS目前最新版本为CSS3，能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互

原创 HTML5短语格式

HTML5 em强调 strong着重 definition定义 code代码 samp例子代码 kbd用户输入 variable变量 cite引用

原创 CSS3之边框圆角：border-radius

学习自《论道HTML5》边框的圆角border-radius是CSS3最常用的属性之一，有了这个属性我们以后不再需要图片资源来实现边框圆角，它的格式如下：[长度 或 百分比] ｛1，4｝[ / 长度 或 百分比｛1，4｝] ?这个写法是标准的CSS3属性值描述语法，类似于常见的正则表达式。{1，4}表示1到4之间（包括1和4）的一个数字，“?”号表示0个或1个。  eg：

转载 CSS3之Gradient

CSS3发布很久了，现在在国外的一些页面上常能看到他的身影，这让我羡慕已久，只可惜在国内为了兼容IE，让这一项技术受到很大的限制，很多Web前端人员都望而止步。虽然如此但还是有很多朋友在钻研CSS3在web中的应用，为了不被淘汰，我也开始向CSS3进发，争取跟上技术的前沿。从现在开始我会不断的发布一些CSS3的应用，和大家一起分享，今天我们首先要看的就是:CSS3： Gradient─CSS3

原创 HTML5之section与article与div

W3C：标签定义文档中的节（section、区段）。适用场景：（与article互相当干爹，怎么用分情况！）用article呢还是用section呢？还是用div呢？当一个区域没有语义时果断用div标签！有语义就要分情况了一个博文用article，然后用section将不同的段落分隔开。博文下面的评论用section，然后用article将每个评论分开。这个区域

原创 HTML5表单之Input 类型-search

search 类型用于搜索域，比如站点搜索或 Google 搜索。search 域显示为常规的文本域。eg:xxxx Search

原创 HTML5表单之Input 类型- Date Pickers（日期选择器）

HTML5 拥有多个可供选取日期和时间的新输入类型：date-选取日、月、年month-选取月、年week-选取周和年time-选取时间（小时和分钟）datetime-选取时间、日、月、年（本地时间）下面的例子允许我从日历中选一个日期：eg：Date：xxxx 效果如图：假如type="date"date换成输

原创 HTML5表单之Input 类型-range

range类型用于应该包含一定范围内数字值的输入域。range类型显示为滑动条。我还可以设定对所接受的数字的限定：eg：和number很像！xxxx 还是opera效果好！属性值描述maxnumber规定允许的最大值minnumber