你是会员吗?寄存器登录

打开菜单
  1. 文章γ
  2. JavaScript

JavaScript

实用的javascript项目,和理论建议,用于向Web项目添加交互和功能。

7个技巧来加速你的网站今天

CSS/10月1日2015

7个技巧来加速你的网站今天

每个人都喜欢一个很酷的加载动画,正确的?但如果这段插曲持续一两秒钟以上,它只关注网站加载缓慢的事实。这是一个网站杀手。

用户希望网站能够快速高效地加载。这是你的工作,以确保设计不仅是视觉上的愉悦,而且100%的功能。如果你的网站有点拖拽,你现在就不用担心了,因为我们有七个小技巧可以帮助你加快网站的设计速度。(一定要访问帖子中展示的每个网站;它们看起来很棒,而且负载非常快。)

使用jquery创建Instagram样式的照片过滤器

JavaScript/2月2日25

使用jquery创建Instagram样式的照片过滤器

我一直对Instagram现象很感兴趣,它是如何迅速流行起来的。照片过滤器并不是什么新鲜事,但动态使用这些过滤器并不总是可能的。将功能构建到iOS/Android应用程序需要大量时间。谢天谢地,开发人员已经使用JavaScript为Web复制了这个过程。

在本教程中,我想演示如何使用jquery构建简单的Instagram风格的过滤器webapp。这个图书馆叫卡曼斯它很容易扩展来创建您自己的过滤器插件。这不需要jquery,但我选择将其用于更简单的开发环境。看看我的示例演示,了解本教程的目标。

用jquery构建一个滑动客户端测试传送带

JavaScript15月2014日

用jquery构建一个滑动客户端测试传送带

许多投资组合网站都列出了以前的客户名单,以建立其他潜在客户的信任。阅读别人对某项服务或产品所说的话,是获得从未听说过贵公司的访客支持的一种方式。(当然,只有在您有以前的客户可供借鉴的情况下,此设计技术才有效!)

在本教程中,我想演示两种不同的旋转传送带样式。第一个是一个推荐箱,里面有一个关于服务的小报价。然后我构建了一个长的水平旋转木马,它通过公司徽标列表旋转。这些通常是与您有业务往来的公司,但也可能包括公司合作伙伴或资源。

如何编写悬停代码以动态显示GIF图像库

JavaScript/10月16日2013

如何编写悬停代码以动态显示GIF图像库

动画GIF图像在互联网上很受欢迎,因为它们可以很容易地被共享和消费。使用基本的HTML,您可以将图像嵌入到具有动画功能的页面中,不依赖任何其他技术。当然-有动画精灵或背景插件-但gifs是一个完全不同的概念。

在本教程中,我想演示如何构建优化动画图像显示的图像库。您可以在上看到非常相似的功能吉菲这也是我下载演示图片的地方。我正在编写自己的方法,这与Giphy的过程并不完全相同,但最终结果实际上是相同的,适用于所有现代浏览器。

用jquery和progress.js创建引导式注册表。

JavaScript/10月10日2013

用jquery和progress.js创建引导式注册表。

在构建新的Web应用程序或社交网络时,注册表单太常见了。当一个项目要启动一个新的网站时,用户注册的吸引力真的可以增强你对它的自信。但是你能做些什么来帮助改善注册体验,并希望获得更多感兴趣的用户呢?

在本教程中,我想演示如何构建引导式注册表,在用户填写每个字段时向他们提供提示。我已经包含了一些我自己的自定义jquery以及一个名为进展.这是一个功能强大的工具,它提供了一个循序渐进的工具提示,使用提示指导用户一路前进。请随意下载我的源代码副本,并查看下面的示例演示。

使用jquery构建一个带开关输入滑块的HTML5表单

JavaScript/ 25 SEP 2013

使用jquery构建一个带开关输入滑块的HTML5表单

移动应用程序界面已经使用了一段时间的开/关滑动开关。这些最常见于“设置”页面,用户可以在其中更新其帐户的首选项。但是网页设计师已经注意到了,并且已经建立了许多开放的平台来生成你自己的开关滑块。

在本教程中,我想特别介绍jquery切换插件由Simon Tabor开发。它附带5个预先设计的用户界面主题,您可以轻松更新。另外,您可以选择触发单击或滑动事件,也可以与页面上的表单复选框相关联。任何运行支持Javascript的现代浏览器的人都应该能够体验到完全的效果。看看我的现场演示,看看我们正在建设什么。

如何在jquery中轻松管理cookie

JavaScript/ 18 SEP 2013

如何在jquery中轻松管理cookie

Web浏览器可以为网站上的每个用户生成独特的会话。通常在后端使用诸如php或ruby之类的语言进行处理,但是我们也可以在前端用javascript使用cookie会话。有很多教程解释如何生成纯JS cookie。但是一个新的图书馆jQuery cookie简化整个过程。

我想解释一下如何使用jquery cookies构建一个非常简单的认证系统。代码都在前端处理,但您需要一个实时测试服务器来查看任何结果。浏览器cookie是在来自Web服务器的本地IP上创建的,不幸的是,您不能只在本地运行这些脚本。但一定要看看我的现场演示,了解我们正在创建什么。

使用固定导航对单页滑动网站布局进行编码

JavaScript/ 4 SEP 2013

使用固定导航对单页滑动网站布局进行编码

当构建一个简单的网页时,通常情况下,将内容放入单个版面而不是多个页面是有意义的。这些单页网站是有益的,当你有一个小项目或投资组合,需要一些在线存在。如果你把内容分成整齐的部分,然后,访问者可能会使用一个小的滑动导航来沿着页面快速前进。

在本教程中,我想演示如何使用jquery构建自定义滑动导航。有许多可供选择的插件提供这些功能,也将节省时间。但是我想展示我们如何只使用jquery和滚动插件以优化性能。看看我的现场样品演示,了解一下我们将要做什么。

如何使用jquery&php构建动态imgur上传应用程序

JavaScript/8月29日2013

如何使用jquery&php构建动态imgur上传应用程序

许多新的在线Web服务正在为开发人员提供后端API。这些允许任何人连接到Web应用程序并提取特定信息(或推送或更改数据位)。今天我们特别关注的是IMGUR.

在本教程中,我想演示如何远程镜像在线其他地方找到的图像并自动上传到imgur。也可以创建一个表单来处理用户上传的图像。但是我想保持演示的整洁,而不需要将用户内容移动到服务器上。一旦您了解了API的工作原理,这个过程就非常简单。看看我的现场演示,看看我们将要做什么,然后继续!

使用javascript或css创建工具提示的25个有用资源

JavaScript/8月23日2013

使用javascript或css创建工具提示的25个有用资源

工具提示很棒,不可否认。它们提供了一个简单的,为用户提供有用的、可预测的、直接的方法,上下文敏感信息,它们看起来很酷。

我们都同意工具提示有多棒,但是我们如何执行它们可能会有很大的不同。如果你在一号广场,正在为当前项目寻找一些工具提示想法,你来对地方了。我们有多达25种不同的选项,分为两类:javascript和css。不管你想用哪种方法,我们有最好的技术,使用OOP类技术,比如javascript类使用JS++编程语言罗杰潘恩.

用jquery构建一个自动化的RSS提要列表

JavaScript/8月13日2013

用jquery构建一个自动化的RSS提要列表

创建动态提要列表的典型过程需要某种类型的后端语言。显然,如果您熟悉Rails或PHP,这可以很好地解决问题,但我想介绍一种通过jquery提取RSS提要的方法。问题是从外部服务器访问Ajax请求,然后将这些XML信息转换为更易于阅读的内容。

我们将专注于谷歌饲料原料药比看起来容易多了。有许多自定义的可能性可以使用这些选项并访问其他可选主题。我们需要拉的只是提要结果的第一页,以及每个标题和URL链接。一旦你有了这个脚本,你就可以很容易地定制布局,甚至包括一些来自提要的内容!查看下面的示例演示,了解我们将要创建的内容。

JavaScript/ 24六月2013

创建简单的jquery图像lightbox库

当你建立自己的WordPress主题时,有许多项目要考虑。其中一个页面元素是动态图像库,使用灯箱或某种类型的滑动面板。这两个用户界面都很好地融入到文章的内容中。因为它们都可以在典型的网站上工作,所以最好将代码准备好用于任何其他博客主题。

对于本教程,我想重点介绍如何将lightbox效果与名为jQuery灯箱.这是非常容易设置和定制您自己的网站。假设CSS中有一些棘手的修复,但总的来说,这个插件工作得很好。甚至还有一些可选参数,您可以在其中指定动画速度或背景不透明度等属性。