2014年06月_dingshi7798

翻译最好的Instagram jQuery插件

Instagram的是照片用最小的网络存在，并专注于移动分享的社交网络。使用该服务的API，这些jQuery插件带来的棕褐色调的网络到网上。 1. Pongstagr.am 一个jQuery插件，可以让你使用引导前端的风格和模式，插件显示您的Instagram媒体到您的网站。 2. SpectagramJS 一个易于使用的jQuery插件使用了Instagram的API来获取你的...

2014-06-30 00:00:00 143

翻译编写代码用什么牌子电脑好_编写更好的代码的6个技巧

编写代码用什么牌子电脑好在任何给定的一周里，我都可以用至少四种不同的语言编写至少几百行代码。我还可以期望在与我合作的其他开发人员编写的代码上进行编辑，审阅和协作。简而言之，到处都是很多代码，如果没有组织，管理，最重要的是编写得不好，事情就会变得非常复杂。让我们看一下提高代码整体质量的几种不同方法。 1.开始构建模块保持代码一致，可重用和组织化的最佳方法之一是将功能分组在一起。...

2014-06-30 00:00:00 80

翻译 5个用于处理HTML5音频的库和API

在过去的几个月里，我遇到了许多采取相对较新的优势不同图书馆的HTML5音频API以及比较知名的HTML5音频元素及其简单的API。我想我会分享这些库一小撮在这个岗位来告诉你什么是可能的，如果你选择创建一个游戏或应用程序，需要的声音文件操纵你有什么选择。一些包括与这些库的演示是相当不错的，并为每个这些代码是很干净，易于使用。 1. webaudiox.js Webaudiox.js不太...

2014-06-26 00:00:00 185

翻译创建Firebase供电的端到端离子应用程序

技术已经走过了，因为人类用石块开始火很长的路要走。曾几何时，互联网是为了跨越几台机器成为超文本文件的时间。但今天，我们已经到了你的心脏速率由设备监控，然后传输到您的计算机复杂的状态。而如果心脏率是不正常的，你甚至可能看到救护车守候在您的冲刺结束。这是一个很值得我们如何生活，这些天。而对于电力这样的神奇功能，我们需要有惊人的技术。在这篇文章中，我们将讨论两个这样的前沿技术，离子框架和...

2014-06-26 00:00:00 180

翻译七牛云处理音频api_5个用于处理HTML5音频的库和API

七牛云处理音频api 在过去的几个月中，我遇到了许多不同的库，它们利用了相对较新的HTML5 Audio API以及更著名的HTML5 Audio Element及其更简单的API。我以为我会在这篇文章中分享这些库中的一小部分，以向您展示如果选择创建需要操纵声音文件的游戏或应用程序，可能的情况以及有哪些选择。其中一些库随附的一些演示非常好，并且每个库的代码都非常干净且易于使用。 ...

2014-06-26 00:00:00 239

翻译 firebase创建数据库_创建Firebase供电的端到端离子应用程序

firebase创建数据库自人类用石头开火以来，技术已经走了很长一段路。曾经有一段时间，Internet旨在跨几台机器提供超文本文档。但是今天，我们已经进入复杂的状态，您的心率由设备监控，然后传输到您的计算机。如果心率不正常，则在冲刺结束时您甚至可能会看到一辆救护车在等待。这些天我们几乎过着这种生活。为了提供如此惊人的功能，我们需要拥有惊人的技术。在本文中，我们将讨论两种此类前沿...

2014-06-26 00:00:00 138

翻译 php闭包和 js闭包_了解可变范围和闭包而不失主意

php闭包和 js闭包在此可学习的视频中，您将学习JavaScript中的可变范围。声明变量的方式，时间和位置决定了以后如何在代码中访问该变量。我们还将看到对变量范围的理解如何导致极其强大的闭包概念。翻译自: https://www.sitepoint.com/understanding-variable-scope-closures-without-losing-mind/php闭...

2014-06-25 00:00:00 52

翻译使用AngularJS和D3.js创建制图指令

D3是一个JavaScript库，可用于创建与HTML5技术的可缩放矢量图形（SVG）交互式图表。直接与SVG工作，以创建图表可以是痛苦的，作为一个需要记得SVG支持的形状，并多次打电话给API，使图表动态。 D3最抽象的痛苦，并提供一个简单的界面来构建基于SVG的图表。周杰伦拉吉发表了与D3工作，检查出来，如果你不熟悉D3两个漂亮的SitePoint文章。你们中的大多数可能不需要一个正...

2014-06-24 00:00:00 170

翻译 vue使用d3.js制图_使用AngularJS和D3.js创建制图指令

vue使用d3.js制图 D3是一个JavaScript库，可用于使用HTML5技术可缩放矢量图形（SVG）创建交互式图表。直接与SVG一起创建图表可能会很痛苦，因为人们需要记住SVG支持的形状并多次调用API以使图表动态化。 D3抽象了大部分的痛苦，并提供了一个简单的界面来构建基于SVG的图表。 Jay Raj发表了两篇有关使用D3的不错的SitePoint文章，如果您还不熟悉D3，请查看这些...

2014-06-24 00:00:00 144

翻译轻松改善jQuery动画

我们都使用jQuery的animate()来创建我们的网页不错的效果。然后，引进和CSS3的崛起，他们告诉我们，我们的代码是垃圾。他们建议，我们转储所有我们基于jQuery的动画（和一般的基于JavaScript的动画）的支持基于CSS的那些的。这种变化迫使我们处理（中）兼容性问题和缺乏特色很多浏览器的; 更何况不可能在旧版本的Internet Explorer中运行它们。疼痛是由一个...

2014-06-23 00:00:00 83

翻译 jquery 动画_轻松改善jQuery动画

jquery 动画我们都使用jQuery的animate()在我们的网页上创建漂亮的效果。然后，随着CSS3的引入和兴起，他们告诉我们我们的代码是垃圾。他们建议我们转储所有基于jQuery的动画（以及通常基于JavaScript的动画），而转而使用基于CSS的动画。这一变化迫使我们不得不处理很多浏览器（兼容性）问题和功能不足的问题。更不用说不能在较旧版本的Internet Explo...

2014-06-23 00:00:00 93

翻译本周在我们的雷达上：RebeccaPurple，动画等！

欢迎在我们的雷达，每周围捕趋势和主题已经来到我们的注意力在web开发的世界千变万化。每个星期，我们会放在一起的文章和资源，这将使您的生活为设计人员和开发人员更容易收集，并帮助你，你熬夜到最新的在这个快节奏的行业。 Web开发这个星期，我们听到了网才刚刚开始，因为已经有一些是有趣的在Web开发人员的角色的历史变迁。我们还了解到的问题99％已被解决。 Github上已发布的界面图...

2014-06-20 00:00:00 129

翻译 12个用于数据可视化的JavaScript库

无论哪个行业的，企业在世界各地都越来越依赖于数据，在非常大的群体特别是当，做出关于过去和未来两个假设。除了收集，该数据通常必须被转换成突出的任何及所有必要的调查结果有效图表：任务是JavaScript语言已经证明了自己完全有能力完成的。反过来，更重的焦点当前被放置在JavaScript作为一个数据可视化工具; 因此，我编12的JavaScript框架，可用于数据可视化非常有用的下面的列表。 ...

2014-06-20 00:00:00 300

翻译雷达动画在地图显示_本周在我们的雷达上：RebeccaPurple，动画等等！

雷达动画在地图显示欢迎来到《我们的雷达》，每周趋势和主题摘要，在不断变化的Web开发领域中引起了我们的注意。每周，我们都会整理一系列文章和资源，使您作为设计师和开发人员的生活更加轻松，并帮助您在这个快节奏的行业中保持最新。 Web开发本周，我们听说网络才刚刚起步，这很有趣，因为网络开发人员的角色已有一些历史性的变化。我们还了解到，以前有99％的问题已得到解决。 ...

2014-06-20 00:00:00 117

翻译 javascript可视化_12个用于数据可视化JavaScript库

javascript可视化无论哪个行业，全世界的企业都越来越依赖数据，尤其是在非常大的群体中时，要对过去和未来进行假设。除了收集数据之外，通常还必须将这些数据转换成有效的图表，以突出显示所有必要的发现：JavaScript语言已证明自己完全有能力完成这项任务。反过来，当前作为数据可视化工具JavaScript越来越受到关注。因此，我编译了以下十二个JavaScript框架列表，它们对于数据...

2014-06-20 00:00:00 367

翻译揭示JavaScript的魔力

我们每天都在使用吨的工具。不同的库和框架是我们日常工作的一部分。我们使用它们，因为我们不想推倒重来的每一个项目，即使我们不明白发生了什么引擎盖下回事。在这篇文章中，我们将揭示一些神奇的过程中最流行的库发生的事情。我们还可以看到，如果我们能复制他们的行为。创建DOM元素从一个字符串随着单页应用的兴起，我们做了很多事情用JavaScript。我们的应用程序的逻辑的很大一部分已被移动...

2014-06-18 00:00:00 81

翻译使用JavaScript或jQuery访问父元素

通常你会希望你的JavaScript函数在DOM访问父元素。在JavaScript中实现这一点，尝试element.parentNode 。要做到在jQuery的一样，尝试element.parent() 这里是一个JavaScript的例子。 HTML： <ul id="tabs"><li class="firsttab"><a href="#"&...

2014-06-18 00:00:00 106

翻译 android 揭示动画_揭示JavaScript的魔力

android 揭示动画我们每天使用大量工具。不同的库和框架是我们日常工作的一部分。我们之所以使用它们，是因为我们不希望为每个项目重新发明轮子，即使我们不了解幕后情况。在本文中，我们将揭示最受欢迎的库中发生的一些神奇过程。我们还将查看是否可以复制他们的行为。从字符串创建DOM元素随着单页应用程序的兴起，我们正在使用JavaScript做很多事情。我们应用程序逻辑的很大一部分...

2014-06-18 00:00:00 83

翻译 Firebug 2.0的新功能

火狐30发布于6月10日，2014年这是一个有点平淡，但Mozilla的有权休息之后浏览器的版本29大检修。最有趣的变化：一个新的background-blend-mode CSS3属性，其定义了如何背景颜色和图像融合在一起（重叠，乘法，减轻等）盒模型高亮和console.count在开发者控制台支持。它现在无法删除默认下拉箭头造型上select盒用-moz-appearanc...

2014-06-17 00:00:00 82

翻译 firebug2.0.7_Firebug 2.0的新功能

firebug2.0.7 Firefox 30于2014年6月10日发布。虽然有些乏味，但Mozilla有权在浏览器对版本29进行重大修改后暂停使用。最有趣的变化：一个新的background-blend-mode CSS3属性，它定义背景颜色和图像如何融合在一起（叠加，乘法，变亮等）。开发者控制台中的框模型突出显示和console.count支持。现在，无法删除具有-mo...

2014-06-17 00:00:00 53

翻译使用jquery构建mvc_使用jQuery构建更好的用户注册页面

使用jquery构建mvc 在我们的姊妹公司Learnable制作的视频中，您将通过将网站注册表单变成一个多部分的选项卡式界面来学习jQuery UI的基本知识，该界面可与鼠标，键盘或触摸一起使用。您将学习如何为jQuery UI的选项卡正确地设置表单HTML的格式，如何为UI小部件实现统一的主题，以及如何使用jQuery按钮遍历表单以及一些基本的验证。翻译自: https://www.s...

2014-06-17 00:00:00 80

翻译使用Velocity.js令人难以置信的快速UI动画

性能影响一切。明显或真实的性能提升可改善用户体验。反过来，改善的用户体验会提高利润。几项主要研究证明，延迟增加会大大降低收入。必应（Bing）报告说，延迟增加2,000毫秒会导致每用户收入下降2％。同样，Google发现500毫秒的延迟会导致流量下降20％。因此，在构建高性能UI引擎的过程中，我同时构建了一个用户体验引擎。本文旨在将当前的Web性能前景与实际情况进行关联，...

2014-06-16 00:00:00 180

翻译 AniJS：用于CSS动画的声明式处理库

动画一直是学习编程的学生的最爱。在我参加的最近一个周末的Web开发研讨会上，进行了有关使用CSS动画的讨论。那时我偶然发现了CSS动画的声明处理库AniJS 。在本教程中，我们将了解AniJS的全部内容以及如何使用它来创建一些很酷的动画效果。 AniJS简介使用AniJS，我们可以在HTML中使用声明性命令编写动画。它提供了一种使用表达逻辑的声明来管理动画的简便方法。以下是An...

2014-06-16 00:00:00 423

翻译 velocity.js_使用Velocity.js令人难以置信的快速UI动画

velocity.js 性能影响一切。明显或真实的性能提升可改善用户体验。反过来，改善的用户体验会提高利润。几项主要研究证明，延迟增加会大大降低收入。必应（Bing）报告说，延迟增加2,000毫秒会导致每用户收入下降2％。同样，Google发现500毫秒的延迟会导致流量下降20％。因此，在构建高性能UI引擎的过程中，我同时构建了一个用户体验引擎。本文旨在将当前的Web性...

2014-06-16 00:00:00 186

翻译动画库 css_AniJS：用于CSS动画的声明式处理库

动画库 css 动画一直是学习编程的学生的最爱。在我参加的一个最近的周末Web开发研讨会上，进行了有关使用CSS动画的讨论。那是当我偶然发现AniJS ，一个CSS动画的声明式处理库。在本教程中，我们将看到AniJS的全部内容，以及如何使用它来创建一些很酷的动画效果。 AniJS简介使用AniJS，我们可以直接在HTML中使用声明性命令编写动画。它提供了一种使用表达逻辑的声明...

2014-06-16 00:00:00 172

翻译 OpenLayers –替代Google Maps

你们中的大多数可能已经在使用或看着谷歌地图API或Bing地图API，因为你想要的联系人页面上看中地图上有一个指针的一些点。说实话; 它增加了一个互动的元素，这可能给它多一点哇效果的页面。不幸的是，谷歌的一个不允许你使用自己的地图中需要验证您的网站的区域。的OpenLayers为您提供了一种可视化你的数据，你想让它在任何环境的方式。您还没有提供地图材料的约束，可以从多种地图背景的选择。...

2014-06-13 00:00:00 149

翻译 openlayers_OpenLayers –替代Google Maps

openlayers 你们中的大多数人可能在某个时候都使用或查看了Google Maps API或Bing Maps API，因为您希望在联系人页面上放置精美的地图，并在上面放置一个指针。说实话; 它会在页面上添加一个交互式元素，这可能会给它带来更多惊喜。不幸的是，Google不允许您在需要身份验证的网站区域中使用他们的地图。 OpenLayers提供了一种在任何环境中以所需方式可视化数据...

2014-06-13 00:00:00 143

翻译 Browserify入门

JavaScript的实现已经变得越来越复杂，因为美丽的野兽，我们调用Web演变每年。使用JavaScript模块现在我们很多的工作 - 独立运作聚集在一起工作作为一个整体，又可以快乐地有任何组件的部件更换，而不会造成大决战。我们中的许多已经采用了AMD模块模式和RequireJS整齐地做到这一点。去年，Browserify灾区现场，并带来了许多令人激动的。由于尘埃开始定居，我想写了什...

2014-06-10 00:00:00 968

翻译 browserify_Browserify入门

browserify 随着美丽的野兽（我们称为网络）的发展，JavaScript实现变得越来越复杂。我们中的许多人现在都在使用JavaScript模块-独立运行的组件可以一起工作，成为一个整体，但是很高兴可以替换任何组件而不会引起大决战。我们许多人一直在使用AMD模块模式和RequireJS来巧妙地完成此任务。去年，Browserify登场并带来了很多兴奋。随着尘埃落定，我想概述一下B...

2014-06-10 00:00:00 832

翻译 Kendo UI Core的诸多影响

每一个好主意，通常是现有的想法和新的组合。这是我们如何把事情做得更好。在凯旋门的建筑结构沿用至今。它的历史可以追溯到尽可能的美索不达米亚，但在罗马人的多个结构第一次看到大量使用。拱门是不可思议的事情，因为它们跨越大的距离，同时通过分发下来的基础，然后向外推到地面的力支撑疯狂的重负载的能力。 “BNSF铁路三拱桥布林格溪，西利，德州1112111435BW”由帕特里克·费勒拱门有减...

2014-06-09 00:00:00 139

翻译 kendo ui_Kendo UI Core的诸多影响

kendo ui 每个好的想法通常是现有想法和新想法的结合。这就是我们使事情变得更好的方式。今天仍在使用拱形建筑结构。它的历史可以追溯到美索不达米亚人，但最早见于罗马人在多种建筑中的大量使用。拱门之所以令人难以置信，是因为它们具有跨越大距离的能力，同时通过将力向下分配到基座上，然后再向外推入地面来支撑疯狂的重物。帕特里克·费勒（Patrick Feller）的“ BNSF铁路三拱...

2014-06-09 00:00:00 132

翻译在Angular应用程序中实现身份验证

认证和授权是在几乎每一个重要的应用程序的重要棋子。单页应用（水疗）也不例外。该应用程序可能不是所有的数据和功能的揭露只是任何用户。用户可能必须认证自己看到该应用程序的特定部分，或者对应用程序执行某些操作。为了确定应用程序的用户，我们需要获取用户登录。有一个在路上的用户管理的不同在传统的服务器驱动的应用程序和单页的应用程序中实现。其中SPA可以与它的服务器组件交互的唯一途径是通过AJ...

2014-06-05 00:00:00 153

翻译 angular 异步验证_在Angular应用程序中实现身份验证

angular 异步验证身份验证和授权是几乎所有严肃应用程序中的重要组成部分。单页应用程序（SPA）也不例外。该应用程序可能不会仅向任何用户公开其所有数据和功能。用户可能必须进行身份验证才能查看应用程序的某些部分，或对应用程序执行某些操作。要在应用程序中标识用户，我们需要使用户登录。在传统的服务器驱动的应用程序和单页应用程序中，实现用户管理的方式有所不同。 SPA与其服务器组件进行...

2014-06-05 00:00:00 82

翻译 5个您不想错过的艰巨任务！

除非你已经在过去的几个月里一块石头下生活，你一定听说过咕噜声或发布类似Gulp.js（更多关于这个话题在我们的文章的其他任务选手之一简介Gulp.js ）。工具这个家庭已经席卷了前端景观，revolutioning数千方式的开发人员处理像拼接，缩小，图像优化繁琐的活动，等等。如果你是新来的任务跑步者的世界，尤其是步兵，你可以参考文章周期性与咕噜任务自动化或咕噜入门指南。在本文中，我将...

2014-06-04 00:00:00 72

翻译 yytext 行艰巨_5个您不想错过的艰巨任务！

yytext 行艰巨除非您过去几个月一直生活在一块石头上，否则您肯定已经听说过Grunt或其他类似Gulp.js发行的任务运行程序（有关更多信息，请参见我们的文章An Gulp.js简介）。这一系列工具已席卷了前端，掀起了数千名开发人员处理诸如级联，缩小，图像优化等繁琐活动的方式。如果您不熟悉任务运行器领域，尤其是对Grunt尚不熟悉，则可以参考文章使用Grunt自动执行重复任务或Gr...

2014-06-04 00:00:00 70

翻译发展JS社区：Mark Dalgleish访谈

马克·达格利什是的主要组织者MelbJS ，为总部设在墨尔本JavaScript开发人员每月都有聚会。他也是最活跃的开源JavaScript开发者之一。马克会谈Shaumik他的JavaScript的热爱，以及他如何被卷入与MelbJS。 SitePoint（Shaumik）：你是怎么进入Web开发的世界？马克：我有我的web开发的第一口味，当我在1999年买了一本书，叫做“创意网页设...

2014-06-03 00:00:00 77

翻译编码–社交编码RPG

当建立一个web应用程序，你可能使用一种以上的语言来完成这项工作。也许你想知道有多少你的焦点实际上是给不同的语言？这些天来，你可以跟踪通过Codeivate 。 Codeivate是你可以用几个编辑器，如PhpStorm和崇高文字和整合将跟踪你积分换的那种你正在工作的文件和奖励的工具。最后，你可以看到你已经被编程什么以及哪些语言你使用的是一个完整的轮廓。见我的个人资料上Codeivat...

2014-06-02 00:00:00 98

翻译我的前5个jQuery筛选器和排序插件

有用于过滤和排序这么多的jQuery插件，但这里是我目前的最爱，它提供了多种功能和效果五位。同位素一个精致的jQuery插件为神奇的布局。使过滤，排序，以及动态布局。 2. MixItUp 甲jQuery插件提供动画过滤和排序 3. TinySort 一个小而简单的jQuery插件，将通过它的文本或属性值，或者它的孩子中的一个排序任何NODETYPE。签出演示 ...

2014-06-02 00:00:00 135

翻译 rpg-item_编码-社交编码RPG

rpg-item 在构建Web应用程序时，您可能会使用多种语言来完成工作。也许您想知道您实际上在给不同的语言提供多少关注？这些天，您可以通过Codeivate进行跟踪。 Codeivate是一个工具，您可以将其与PhpStorm和Sublime Text等多个编辑器集成，并且该工具将跟踪您正在处理的文件的类型并为此奖励您一些分数。最后，您可以看到您使用的编程语言以及使用最多的语言的完整概...

2014-06-02 00:00:00 111

翻译 jquery 表格筛选插件_我的前5个jQuery筛选器和排序插件

jquery 表格筛选插件有许多用于过滤和排序的jQuery插件，但这是我目前最喜欢的五个插件，它们提供各种功能和效果。 1.同位素一个精美的jQuery插件，用于神奇的布局。启用过滤，排序和动态布局。 2. MixItUp 一个提供动画过滤和排序的jQuery插件 3. TinySort 一个小型简单的jQuery插件，它将按文本或属性值或其中一个子元...

2014-06-02 00:00:00 221

空空如也

空空如也