2013年07月_dingshi7798

翻译在屏幕键盘上添加了HTML5验证

前段时间我上传了演示（的增强jQuery的屏幕键盘）。既然我已经增加了对HTML5表单验证支持。在写入功能，它基本上检查HTML5验证规则的输入来确定输出的写入。这是它的要点：请参阅键盘演示请参阅键盘演示 write: function(m) {var $el = jsKeyboard.currentElement,val = $el.val(),charStr = St...

2013-07-28 00:00:00 75

翻译 ios验证码直接在键盘上_在屏幕键盘上添加了HTML5验证

ios验证码直接在键盘上前一段时间，我上传了一个演示（ jQuery屏幕键盘的增强功能）。由于我已经添加了对HTML5表单验证的支持。在写功能中，它基本上检查输入HTML5验证规则以确定输出写。这是要点：请参阅键盘演示请参阅键盘演示 write: function(m) {var $el = jsKeyboard.currentElement,val = $el.va...

2013-07-28 00:00:00 755

翻译 jQuery屏幕键盘

这是一个简单的屏幕键盘搭载的JavaScript / jQuery的。我已经取得了一些增强功能jsKeyboard插件和修复了一些漏洞它有它添加到GitHub上。查看演示下载 *更新默认的键盘布局 *迷上了工作，多发领域的投入 *增加光标显示打字时 *修正错误：在光标位置类型的字符，而不是追加 *修正错误：在字符位置，而不是最后一个字符删除 *修正错误：空间实际上增加的空...

2013-07-27 00:00:00 109

翻译 jQuery命运之轮演示

只是财富的车轮的快速演示。幸运的随机旋转动画轮与赢/输的实现。注：在下面打开它更好的测试演示的jsfiddle 。要求： jQuery的 Transit.js 演示代码该守则 - jQuery的 window.WHEELOFFORTUNE = { cache: {}, init: function () { console.log('...

2013-07-27 00:00:00 84

翻译适用于Android版本小于2.3的特殊CSS3缩放

特别CSS3缩放的Android版本低于2.3。继从链接制作的Adobe边缘HTML5动画的移动响应。 //为的Andriod版本的特殊比例小于2.3 VAR = UA navigator.userAgent的; 如果（ua.indexOf（“机器人”）> = 0） { VAR ANDROIDVERSION = parseFloat（ua.slice（ua.indexOf（“...

2013-07-27 00:00:00 67

翻译使Adobe Edge HTML5导出具有响应性

某些代码段将Adobe边缘HTML5动画出口响应。下面工作的代码出来的百分比规模的浏览器的宽度（移动设备INC），并使用CSS3（由宽度响应），以扩大出口，这样它会调整到容器相匹配。它然后可以被放入一个iframe（在整体）或包装的div内分离出来并包括在内。 1.包装HTML添加到舞台上。 2.包括responsive.js和reponsive.css文件。 3.更改原始尺寸下方的...

2013-07-27 00:00:00 174

翻译 jquery屏幕键盘插件_jQuery屏幕键盘

jquery屏幕键盘插件这是一个由JavaScript / jQuery驱动的简单的屏幕键盘。我对jsKeyboard插件进行了一些增强，并修复了它的一些错误并将其添加到GitHub。查看演示下载 *更新了默认键盘布局 *与多种现场输入配合使用 *添加了光标以在键入时显示 *修正错误：在光标位置键入字符而不是附加字符 *修正错误：删除字符位置而不是最后一个字...

2013-07-27 00:00:00 128

翻译 jquery轮循_jQuery命运之轮演示

jquery轮循只是《命运之轮》的快速演示。带有胜利/失败的随机旋转动画命运轮。注意：为了更好地测试下面的演示，请在jsfiddle中将其打开。要求： jQuery的 Transit.js 示范代码代码– jQuery window.WHEELOFFORTUNE = { cache: {}, init: function () { ...

2013-07-27 00:00:00 90

翻译 andriod 3.1.4_适用于Andriod版本小于2.3的特殊CSS3缩放

andriod 3.1.4 适用于Android版本低于2.3的特殊CSS3缩放比例。接下来的链接使Adobe Edge HTML5 Animations移动响应。 //小于2.3的Andriod版本的特殊缩放 var ua = navigator.userAgent; if（ua.indexOf（“ Android”）> = 0） { var androidversion...

2013-07-27 00:00:00 51

翻译 adobe xd导出_使Adobe Edge HTML5导出自适应

adobe xd导出一些代码片段可使Adobe Edge HTML5动画导出响应。下面的代码计算出浏览器宽度（移动设备公司）的百分比比例（根据宽度），并使用CSS3缩放导出，以便调整其大小以匹配容器。然后可以将其放入iframe（整体），也可以将其分离并包含在包装div中。 1.将包装器HTML添加到阶段。 2.包括响应.js和reponsive.css文件。 3.将原始尺寸更改为...

2013-07-27 00:00:00 2374

翻译使用jsconsole调试手机

Web开发针对移动设备有几个主要的局限性。有强烈发散的屏幕分辨率（从iPad的第一代黑莓），多浏览器（webkit的，但也IEMobile，火狐，Opera Mini的和移动等）及多种操作系统（Windows手机，Android，iOS设备的Palm，黑莓）。每个设备都有自己的约束和性能。当谈到时间来调试这一切，任务是不容易的，因为只有允许它几个工具 - 因为屏幕的大小，即使这样，我们...

2013-07-26 00:00:00 219

翻译 jsconsole_使用jsconsole调试手机

jsconsole 移动设备的Web开发有几个主要限制。屏幕分辨率（从iPad到第一代Blackberry）差异很大，多种浏览器（Webkit以及IEMobile，Firefox，Opera mini和mobile等）和多种操作系统（Windows Phone，Android，iOS，Palm，Blackberry））。每个设备都有其自身的约束和性能。当需要调试所有这些时，这项任务...

2013-07-26 00:00:00 220

翻译 CSS3过渡101：什么是过渡？

转变是最常使用CSS3型动画。尽管广泛采用和相对简单的语法，有几个陷阱和选择其中最有智慧的开发商是一无所知！这是一个四部分系列关于CSS3过渡的第一个，但每一篇文章可以单独或乱序读取。让我们从基础开始... 动画== ==行为的JavaScript？其中一个对CSS3过渡的观点是，它的行为和JavaScript的领土犯。这是千真万确的......但CSS已经做了很多年。当我上...

2013-07-23 00:00:00 68

翻译 css过渡取消过渡_CSS3过渡101：什么是过渡？

css过渡取消过渡过渡是CSS3动画中最常用的类型。尽管已被广泛采用并且使用了相对简单的语法，但是仍然存在一些陷阱和选项，即使是最有知识的开发人员也无法意识到！这是关于CSS3过渡的四部分系列中的第一篇，但是每篇文章都可以单独阅读或乱序阅读。让我们从基础开始吧…… 动画==行为== JavaScript？反对CSS3过渡的论点之一是，它在JavaScript领域上是行为和侵...

2013-07-23 00:00:00 233

翻译在信息亭模式下使用Google Chrome

使用谷歌浏览器在Kiosk模式。我只是做了一些研究，发现一些真棒。 Chrome浏览器可以在Kiosk模式下启动开箱。伟大的锁定下来，并显示任何一种网络器件的应用的！这是你做的：创建一个新的chrome.exe快捷方式添加-kiosk -kiosk印刷标志到的chrome.exe目标快捷方式添加亭在Chrome浏览器设置起始页面的URL（有或更换的chrome.exe“的chr...

2013-07-20 00:00:00 478

翻译 jQuery AJAX HTML5数据列表自动完成示例

该代码使用h TML5 Datalist中标记为文本字段设置自动完成选项。它抓住从JSON文件中的数据与请求AJAC（其可以存储在浏览器中持续，如果需要在一个js是或本地数据对象）。然后，它使用一个郊区的选择时，郊区变为自动填充等领域邮政编码和状态。就像在Safari浏览器之外几乎所有的浏览器治疗。注：HTML Datalist中仍然没有compatiable与所有浏览器。见兼容性...

2013-07-20 00:00:00 129

翻译湖心亭看雪_在信息亭模式下使用Google Chrome

湖心亭看雪在信息亭模式下使用Google Chrome。我只是做了一些研究，发现了一些很棒的东西。 Chrome可以开箱即用的信息亭模式启动。非常适合锁定和显示任何类型的网络应用程序！这是你做的：创建一个新的chrome.exe快捷方式将–kiosk –kiosk-printing标志添加到chrome.exe目标快捷方式将信息亭的网址添加为Chrome设置中的起始页（...

2013-07-20 00:00:00 139

翻译 jquery ajax示例_jQuery AJAX HTML5数据列表自动完成示例

jquery ajax示例此代码使用H TML5数据列表标记为文本字段设置自动完成选项。它使用AJAC请求从JSON文件中获取数据（如果需要，数据可以永久存储在浏览器中，也可以在js对象上本地存储）。然后，它使用郊区的选择来自动填充其他字段的邮政编码，并在郊区发生变化时进行说明。除了Safari以外，几乎所有浏览器都像对待工具一样工作。注意： HTML数据列表仍然不能与所有浏览器兼...

2013-07-20 00:00:00 80

翻译 HTML5的基本音频和视频事件

所述<video>和<audio>元素提供事件的全面范围。虽然有些是相当简单的，像不言自明的"play"事件，也有的可能比较更靠谱了解，尤其是"progress"事件。所以，让我们来看看一些最重要的媒体活动，看的时候，以及他们如何开火，哪些属性是与他们相关。我们也将尝试导航它们在当前浏览器行为的怪癖（当然，你没有想到他们会全都是一样的，是吗？）。（仅供参考测试...

2013-07-16 00:00:00 183

翻译视频音频常用属性方法和事件_HTML5的基本音频和视频事件

视频音频常用属性方法和事件 <video>和<audio>元素提供了广泛的事件范围。尽管有些很简单，例如不言自明的"play"事件，但另一些则可能很难理解，尤其是"progress"事件。因此，让我们研究一些最重要的媒体事件，看看它们何时以及如何触发以及与它们相关的属性。我们还将尝试在当前浏览器中导航其行为的怪癖（嗯，您不认为它们完全相同，对吗？）。（对于参...

2013-07-16 00:00:00 377

翻译如何使用开发人员控制台跟踪JavaScript性能

有适用于所有的网站和应用程序的一个普遍规律：他们必须要快。（几年前，我会指出网站应响应，尽管这个词现在已经RWD内涵）。不幸的是，很明显，一些开发商不关心网站的速度。如果他们做到了，多兆字节的怪物将是罕见的，平均页面的权重就不会超过1MB。它（几乎）让我长了拨号的日子，一个100KB主页被认为是过度！一个轻量级的和快速的用户体验从未有过像现在这样重要。发展中国家的移动和网络...

2013-07-15 00:00:00 160

翻译 javascript控制台_如何使用开发人员控制台跟踪JavaScript性能

javascript控制台有一个通用规则适用于所有网站和应用程序：它们必须快速。（几年前，我曾说过站点应该是响应式的，尽管这个词现在具有RWD的含义）。不幸的是，很明显，一些开发人员并不关心站点速度。如果他们这样做了，那么兆字节的怪兽将是罕见的，并且平均页面权重永远不会超过1Mb。当我认为100Kb主页过大时，这几乎使我渴望拨号上网！轻便，快速的用户体验从未如此重要。发...

2013-07-15 00:00:00 58

翻译 IE11开发人员工具的新增功能

这是一个大星期的浏览器。 15歌剧院推出， Chrome浏览器28发布时， Firefox的获奖和下降JavaScript选项。因此，它的时间来恢复平衡，宇宙和显示IE一些爱！来到IE11的新功能已广为人知。 SPDY和WebGL：伟大。更好的触摸控制和SkyDrive的同步：好的。改进的黏合和现场砖：都好。但我们真正需要的是更好的工具来帮助我们的一天到一天的发展... 是微软即将...

2013-07-12 00:00:00 78

翻译使用PhoneGap Wakanda Studio扩展程序缩短移动应用开发时间

在上一篇文章中，我介绍了如何使用Wakanda和PhoneGap来构建管理联系人列表的混合移动应用程序，在将其上传到PhoneGap构建之前，我手动打包了该应用程序的客户端部分。此包装过程过于繁琐，大约需要10个步骤。为了解决这个问题，我们开发了一个新的Wakanda Studio扩展程序，该扩展程序执行客户端应用程序的所有打包，并提供.zip文件作为输出。现在，我将向您展示如何使用...

2013-07-12 00:00:00 152

翻译 phonegap_使用PhoneGap Wakanda Studio Extension缩短移动应用开发时间

phonegap 在上一篇文章中，我介绍了如何使用Wakanda和PhoneGap来构建管理联系人列表的混合移动应用程序，在将其上载到PhoneGap构建之前，我手动打包了该应用程序的客户端部分。此包装过程过于繁琐，大约需要10个步骤。为了解决这个问题，我们开发了一个新的Wakanda Studio扩展程序，该扩展程序执行客户端应用程序的所有打包，并提供.zip文件作为输出。现在，...

2013-07-12 00:00:00 53

翻译揭开现代社交API神秘面纱：社交登录

本文将为你分析上市公司专有的JavaScript库的内部运作，我们许多人包括我们的Web项目。社交分享按钮和联合身份验证，这是在实时连接的JavaScript API和Facebook的JavaScript SDK的喜欢发现，只是两个例子你可能会遇到。在本文中，您将学习了解OAuth 2.0的方法来验证用户使用的XMLHttpRequest 2跨域资源共享（CORS），也REST。最后，...

2013-07-09 00:00:00 187

翻译揭开均线系统的神秘面纱_揭开现代社交API神秘面纱：社交登录

揭开均线系统的神秘面纱本文将使您深入了解我们许多人包含在我们的Web项目中的专有JavaScript库的内部工作原理。在Live Connect JavaScript API和Facebook JavaScript SDK等中都可以找到社交共享按钮和联合身份验证，这只是您可能遇到的两个示例。在本文中，您将学习使用XMLHttpRequest 2进行跨域资源共享（CORS）和REST的OA...

2013-07-09 00:00:00 201

翻译 Imcreator的免费网站创建者

这是一个赞助商审查Imcreator.com通过jQuery4u.com。 Imcreator提供了一个免费的在线工具，使网站。所以，我决定给它一个去看看是什么样子，以用作开发者，我通常是从白手起家开始，如Twitter Bottstrap或Gumby2或JS框架形成我的Web应用程序或CMS的基地博客如WordPress或Joomla 。第一步是选择一个模板，所以我与一个叫app_gr...

2013-07-07 00:00:00 439

翻译 Chrome Web Lab实验

完全值得在博客上分一杯羹。见chromeweblab.com通过5个Chrome浏览器实验给生活带来了网络的神奇。向世界开放网上。来自伦敦科学博物馆住。有5个实验，很酷的东西。我喜欢Sketchbots 。你可以把自己的带摄像头的图片，它会勾画出来。 From: https://www.sitepoint.com//17406/...

2013-07-05 00:00:00 107

翻译使用NPM模块创建Meteor应用

随着0.6.0版本，流星介绍NPM支持。但全NPM支持仅适用于流星包。仅通过流星使用的核心NPM模块可以从流星应用被加载。这意味着如果你需要使用NPM模块像Redis的，github上，或温斯顿你的运气了。但是，这并非不可能。但最近，我想出了一个使用NPM与流星更聪明的方式。捆绑在一起作为一个聪明的包装，使用非常方便。在本教程中，我将引导您创建使用Github的问题搜索应...

2013-07-05 00:00:00 165

翻译 chrome web内核_Chrome Web Lab实验

chrome web内核在博客上完全值得分享。请访问chromeweblab.com ，通过5个Chrome实验来使网络神奇。在线向世界开放。住在伦敦科学博物馆。有5个实验，很酷的东西。我喜欢Sketchbots 。您可以使用网络摄像头拍摄自己的照片，然后将其勾勒出来。翻译自: https://www.sitepoint.com/17406/chrome web内核...

2013-07-05 00:00:00 65

翻译 npm 本地安装模块使用_使用NPM模块创建Meteor应用

npm 本地安装模块使用在版本0.6.0中，Meteor引入了NPM支持。但是完整的NPM支持仅适用于流星包。流星应用程序只能加载流星使用的核心NPM模块。这意味着，如果您需要使用Redis，github或winston等NPM模块，那么您就不走运了。但这不是不可能的。不过，最近，我想出了一种将NPM与Meteor结合使用的更聪明的方法。它打包成一个智能软件包，非常易于使用...

2013-07-05 00:00:00 269

翻译生存僵尸启示录：动态SVG和路径动画

虽然SVG已经有一段时间了，其采用了HTML5的一部分，给了它新的生命。为了庆祝这一事实，这一系列的演练中探索了，如果死者有新生活为好，通过建立一个僵尸启示生存预测从SVG和JavaScript创建几乎完全会发生什么。在第3部分本系列，在这个预测中心的尖叫人是由四面包围的危险。 JavaScript是用于第一次来操纵这两个核心DOM和SVG DOM，增加大量的新僵尸，然后使用“转换”属性翻...

2013-07-03 00:00:00 811

翻译 15+ jQuery单选按钮和复选框样式插件

今天，我们为您提供15个以上的jQuery单选按钮和复选框样式插件的列表 —使用jQuery的一组简单，轻便，可样式化的单选按钮和复选框插件。请享用！ :) 更新29/09/13：添加了17. jQuery Uniform插件相关文章： 10个JQUERY IPHONE样式插件 1. jQuery prettyCheckable 该插件取代了默认的复选框和单选框，以提供更好的外观。...

2013-07-03 00:00:00 162

翻译 jquery树形复选框插件_15+ jQuery单选按钮和复选框样式插件

jquery树形复选框插件今天，我们为您提供15个以上的jQuery单选按钮和复选框样式插件的列表 -一组使用jQuery的简单，轻便，可样式化的单选按钮和复选框插件。请享用！ :) 更新29/09/13：添加了17. jQuery Uniform插件相关文章： 10个JQUERY IPHONE样式插件 1. jQuery prettyCheckable 该插件取代了默认...

2013-07-03 00:00:00 110

翻译 svg路径动画_生存僵尸启示录：动态SVG和路径动画

svg路径动画尽管SVG已经存在了一段时间，但它作为HTML5的一部分的采用赋予了它新的生命。为了庆祝这一事实，本系列演练通过构建几乎完全由SVG和JavaScript创建的Zombie Apocalypse Survival Predictor（僵尸启示录生存预测器），探索了如果死者也有新生命将会发生的情况。在本系列的第3部分中，处于该预测变量中心的尖叫着的人四面被危险包围。 Java...

2013-07-03 00:00:00 196

翻译 AngularJS教程—使用指令和数据绑定构建应用

AngularJS迅速赢得声誉作为各地最具前瞻性的JavaScript框架之一，有很好的理由。支持，并通过谷歌开发的角度采取的做法你的前端，可乍一看有点古怪，但你很快就会知道为什么你做事情的任何其他方式。角给出开发者编写前端代码不诉诸直接操纵DOM的能力。本教程将让您开始通过建设使用的指令和数据绑定定义动态视图和控制器的应用程序框架。如果你熟悉CoffeeScript的（而不是由角必...

2013-07-01 00:00:00 134

翻译 angularjs绑定属性_AngularJS教程—使用指令和数据绑定构建应用

angularjs绑定属性有充分的理由， AngularJS很快就赢得了最有远见JavaScript框架之一的美誉。在Google的支持和开发下，Angular在您的前端采用了一种方法，乍一看似乎有些奇怪，但是您很快就会想知道为什么以其他方式进行操作。 Angular使开发人员无需借助直接操作DOM即可编写前端代码。本教程将通过使用指令和数据绑定来定义动态视图和控制器来构建应用程序，从而...

2013-07-01 00:00:00 165