随笔分类 - JavaScript

前端技术
摘要: baguetteBox.js 是一个简单和易于使用的响应式的图像 Lightbox 插件,支持滑动手势在移动设备上使用。纯 JavaScript 实现,不依赖第三方库和插件,赶紧来体验吧。阅读全文
posted @ 2017-10-11 20:15 梦想天空(山边小溪) 阅读(218) | 评论 (0) 编辑
摘要: Baffle.js 是一个 JavaScript 库,设计用来模糊和揭开DOM元素的文本。 这些元素可以是一个 CSS 选择器的形式、一个节点列表或者一个单节点。 你也可以传递一个选择对象给插件。阅读全文
posted @ 2017-09-07 19:47 梦想天空(山边小溪) 阅读(379) | 评论 (0) 编辑
摘要: 今天这篇是2015年第3期(总第34期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。阅读全文
posted @ 2017-08-21 10:42 梦想天空(山边小溪) 阅读(1328) | 评论 (1) 编辑
摘要: 下面这个列表中的免费 JavaScript 插件都是今年发布的,没有臃肿的一体化的框架,它们提供轻量级的解决方案,帮助 Web 开发过程更容易和更快。提供的插件可以创建滑块、响应式菜单、模态窗口、相册和许多其他常见的组件。阅读全文
posted @ 2017-08-09 22:20 梦想天空(山边小溪) 阅读(928) | 评论 (0) 编辑
摘要: 今天这篇是2015年第3期(总第34期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。阅读全文
posted @ 2017-05-18 13:24 梦想天空(山边小溪) 阅读(2587) | 评论 (2) 编辑
摘要: Scrollanim 是结合 CSS3 和 JavaScript 来创建令人惊叹的滚动动画的开源库。 Scrolanim 支持在页面上的所有可用的元素的位置。有很多的自定义参数可以配置使用,构建出精彩的效果,非常容易使用。阅读全文
posted @ 2017-05-17 14:25 梦想天空(山边小溪) 阅读(976) | 评论 (0) 编辑
摘要: JavasScript社区在创新的道路上开足了马力,曾经流行过的也许一个月之后就过时了。2016已经结束了。你可能会想你是否错过一些重要的东西?不用担心,让我们来回顾2016年前端有哪些主流。通过比较过去12个月里Github所增加的star数,我们依次来看看哪些项目吸引了大多数眼光。阅读全文
posted @ 2017-04-04 21:34 梦想天空(山边小溪) 阅读(1165) | 评论 (3) 编辑
摘要: 《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来,历经五年半,总共发布了30多期。今天这篇是2017年第1期(总第35期),希望你能在这里发现有用的资料。梦想天空专注前端开发技术,分享提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用......阅读全文
posted @ 2017-03-28 13:25 梦想天空(山边小溪) 阅读(2069) | 评论 (0) 编辑
摘要: 通知是网站的常用功能之一,可以用来显示消息、通告、提示等等。Notyf 是一款超级简单、响应式的 JS 通知插件,不依赖 jQuery 库,可以独立使用。赶紧试用一下吧!阅读全文
posted @ 2017-03-18 20:00 梦想天空(山边小溪) 阅读(1237) | 评论 (1) 编辑
摘要: 计算机领域的都多少掌握一点算法知识,其中排序算法是《数据结构与算法》中最基本的算法之一。排序算法可以分为内部排序和外部排序,内部排序是数据记录在内存中进行排序,而外部排序是因排序的数据很大,一次不能容纳全部的排序记录,在排序过程中需要访问外存。常见的内部排序算法有:插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。用一张图概括:阅读全文
posted @ 2017-02-10 23:29 梦想天空(山边小溪) 阅读(1380) | 评论 (0) 编辑
摘要: Lightgallery是一个轻量级的模块化、响应式的灯箱画廊,它允许您创建美丽的图像和视频画廊。借助缩略图插件的帮助,Lightgallery 允许您创建动画缩略图画廊。 它支持触摸屏设备上滑动导航以及桌面设备的鼠标拖动,还允许用户浏览缩略图和原图之间通过滑动手指或鼠标拖动。阅读全文
posted @ 2016-12-07 19:27 梦想天空(山边小溪) 阅读(2342) | 评论 (0) 编辑
摘要: Vue 2.0 支持服务端渲染 (SSR),并且是流式的,可以做组件级的缓存,这使得极速渲染成为可能。同时, 和 2.0 也都能够配合 SSR 提供同构路由和客户端 state hydration。vue-hackernews-2.0 是 Vue 作者在GitHub上面放的 Vue 2.0 的一个示例项目,结合 Express、vue-router & vuex 来构建,是很好的学习案例。阅读全文
posted @ 2016-11-27 15:03 梦想天空(山边小溪) 阅读(2857) | 评论 (0) 编辑
摘要: 前端框架简化了开发过程中,像 Bootstrap 和 Foundation 就是前端框架的佼佼者。在这篇文章了,我们编制了一组新鲜的,实用的,可以帮助您建立高质量的 Web 应用程序的 JavaScript 框架清单。阅读全文
posted @ 2016-10-22 18:21 梦想天空(山边小溪) 阅读(2368) | 评论 (2) 编辑
摘要: AOS 是一个用于在页面滚动的时候呈现元素动画的工具库,你可能会觉得它和 WOWJS 一样,的确他们效果是类似的。但是AOS是 CSS3 动画驱动的库,当你滚动页面的时候能让元素动起来,当页面滚回顶部的时候,元素能够回到前一个状态,如此达到循环动画的效果。阅读全文
posted @ 2016-10-07 22:36 梦想天空(山边小溪) 阅读(3885) | 评论 (0) 编辑
摘要: Cleave.js 有一个简单的目的:帮助你自动格式输入的文本内容。 这个想法是提供一个简单的方法来格式化您的输入数据以增加输入字段的可读性。通过使用这个库,您不需要编写任何正则表达式来控制输入文本的格式。然而,这并不意味着取代任何验证或掩码库,你仍应在后端验证数据。它支持信用卡号码、电话号码格式(支持各个国家)、日期格式、数字格式、自定义分隔符,前缀和块模式等,提供 CommonJS/AMD 模式以及ReactJS 组件端口。阅读全文
posted @ 2016-09-17 12:43 梦想天空(山边小溪) 阅读(1882) | 评论 (0) 编辑
摘要: 在当今时代,SVG是最流行的和正在被众多的设计人员和开发人员使用,创建支持视网膜和响应式的网页设计。绘制SVG不是一个艰巨的任务,因为大量的 JavaScript 库可与 SVG 图像搭配使用。这些JS库帮助设计师和开发人员可以轻松地为他们的项目和Web应用程序创建创新和逼真的图形。阅读全文
posted @ 2016-06-14 12:59 梦想天空(山边小溪) 阅读(3955) | 评论 (0) 编辑
摘要: SVG 是一种分辨率无关的图形(矢量图形)。这意味着它在任何类型的屏幕都不会遭受任何质量损失。除此之外,你可以让 SVG 灵活现一些动画效果。这篇文章就给大家推荐8个实现 SVG 动画的 JavaScript 库。阅读全文
posted @ 2016-05-22 22:56 梦想天空(山边小溪) 阅读(2572) | 评论 (0) 编辑
摘要: 之前给大家分了很多的在线工具和参考文档,这里又为大家搜集了前端开发必备的20个在线工具和指南。新的一周,你需要计划学习新的东西或者能够提升你的能力。相信你会在这个列表中发现对你很有用的资料。阅读全文
posted @ 2016-04-08 12:35 梦想天空(山边小溪) 阅读(7512) | 评论 (1) 编辑
摘要: 这里和搜集了前端开发者必备的20个在线工具和指南。新的一周,你需要计划学习新的东西或者能够提升你的能力。在平常的搜索中,我碰到过很多实用的工具,应用程序和参考文档,我把它们整理在下面这个列表。相信你会在这个列表中发现对你很有用的资料。阅读全文
posted @ 2016-03-27 22:04 梦想天空(山边小溪) 阅读(3447) | 评论 (3) 编辑
摘要: TouchPoint.js 是一个用于 HTML 原型展示的 JavaScript 库(作为UX过程的一部分),通过视觉表现用户在屏幕上的点击。TouchPoint 是高度可定制,非常适合屏幕录制,用户测试和演示。阅读全文
posted @ 2016-03-16 12:47 梦想天空(山边小溪) 阅读(2299) | 评论 (0) 编辑
摘要: JavaScript 代码压缩是指去除源代码里的所有不必要的字符,而不改变其功能的过程。这些不必要的字符通常包括空格字符,换行字符,注释以及块分隔符等用来增加可读性的代码,但并不需要它来执行。在这篇文章中,我们选择了15个最好用的 JavaScript 压缩工具,有简单的在线转换器,GUI工具和命令行界面等。阅读全文
posted @ 2016-02-18 08:55 梦想天空(山边小溪) 阅读(22181) | 评论 (0) 编辑
摘要: OS.js 是一个开源的 Web OS 系统,可以在浏览器中运行,提供了窗口管理器,应用程序API,用户界面开发套件和抽象的文件系统等。可以部署在 Node 或者 PHP 环境中运行。OS.js is 是完全免费和开源的,你可以参与开发或者使用这套代码。阅读全文
posted @ 2016-01-21 12:47 梦想天空(山边小溪) 阅读(4210) | 评论 (2) 编辑
摘要: jQuery.my 这个插件用于实时双向数据绑定。它发生变异给出的数据源对象,反映了用户与用户界面之间的相互作用。jQuery.my 提供了全面的验证,条件格式,复杂的依赖关系,运行形式结构操作。阅读全文
posted @ 2015-12-11 12:34 梦想天空(山边小溪) 阅读(5252) | 评论 (4) 编辑
摘要: Codrops 分享了一个有趣的颜色提取实验。这个想法是创建图像的调色板,既有图像本身的潜移默化的影响,也有一些花哨的颜色延伸。通过使用 Vibrant.js 来提取图像中的颜色,并通过 CSS 过滤器将图像转换为黑色和白色版本,还有一个“幕布”滑动的效果。阅读全文
posted @ 2015-11-18 09:14 梦想天空(山边小溪) 阅读(2166) | 评论 (0) 编辑
摘要: Popmotion 是一个只有12KB的 JavaScript 运动引擎,可以用来实现动画,物理效果和输入跟踪。原生的DOM支持:CSS,SVG,SVG路径和DOM属性的支持,开箱即用。Popmotion 网站上有很多很赞的效果,赶紧去体验一下。阅读全文
posted @ 2015-10-25 19:26 梦想天空(山边小溪) 阅读(2520) | 评论 (0) 编辑
摘要: Codrops 发布了一个如何创建一个基于弹性效果的 SVG 加载进度条教程,基于 SVG 和 TweenMax 实现。按钮开始的时候是一个带有箭头的图标,一旦它被点击,动画成一个有趣的小金属丝和一个标签,该标签指示下载百分比。如果你想使用这部分代码在你的项目,到 Github 页面并按照说明进行操作即可。阅读全文
posted @ 2015-10-08 09:04 梦想天空(山边小溪) 阅读(2367) | 评论 (1) 编辑
摘要: Content Tools是一个用于构建所见即所得编辑器(WYSIWYG)的 JavaScript 库。ContentTools 所见即所得的编辑器只需要几个简单的步骤就可以加入到任何的 HTML 页面。有一步一步的指南,常见的使用场景以及更高级的主题。ContentTools 是免费开源的,在 GitHub 上托管,开发和维护。阅读全文
posted @ 2015-10-03 22:18 梦想天空(山边小溪) 阅读(2749) | 评论 (0) 编辑
摘要: 前端开发人员和设计师一般使用 CSS 来创建HTML元素动画。然而,由于HTML在创建图案,形状,和其他方面的局限性,它们自然的转向了SVG,它提供了更多更有趣的能力。借助SVG,我们有更多的方式来创建新的动画。您可以同时使用内置的SVG动画功能和CSS3动画。阅读全文
posted @ 2015-09-21 07:44 梦想天空(山边小溪) 阅读(9215) | 评论 (1) 编辑
摘要: 米老鼠是大家非常熟悉的迪斯尼动画形象。这是一个可爱的效果,结合 CSS & SVG 图形实现的米老鼠钟表效果。Web 技术让很多生活中的事物都能搬到网上去,后面的推荐阅读也有很多的效果,感兴趣的可以去看看。阅读全文
posted @ 2015-08-13 08:47 梦想天空(山边小溪) 阅读(3823) | 评论 (1) 编辑
摘要: 曾经,jQuery 无疑是最受欢迎的开源的 JavaScript 库,如今它有了很多的竞争对手,像 AngularJS、React、KnockoutJS 等等。在这里,我想重点关注一下 AngularJS,它最初的学习曲线比较陡,如果入门之后就容易多了。在这里,我收集了包括钻研 AngularJS 在内的20个资源教程和免费的在线代码分享给大家。阅读全文
posted @ 2015-07-27 15:08 梦想天空(山边小溪) 阅读(5328) | 评论 (2) 编辑
摘要: CamanJS 是一个基于 Canvas 处理图片的 Javascript 库,结合简单易用的接口和先进高效的图像编辑技术。CamanJS 很容易扩展新的过滤器和插件,并伴随着一系列广泛的图像编辑功能。它是完全独立的库,支持工作在 NodeJS 和浏览器。阅读全文
posted @ 2015-07-09 09:05 梦想天空(山边小溪) 阅读(10151) | 评论 (0) 编辑
摘要: Dynamics.js 是一个用来创建物理动画 JavaScript 库。你只需要把dynamics.js引入你的页面,然后就可以激活任何 DOM 元素的 CSS 属性动画,也可以用户 SVG 属性。阅读全文
posted @ 2015-07-06 10:05 梦想天空(山边小溪) 阅读(3722) | 评论 (0) 编辑
摘要: Codyhouse 收集了一组页面滚动效果,就是目前大家很常见的用户在浏览网页的时候。一些效果虽然极端,但如果你的目标是创建一个身临其境的用户体验,他们是非常有用的。所有的动画都使用 Velocity.js 创建。阅读全文
posted @ 2015-07-02 12:17 梦想天空(山边小溪) 阅读(3335) | 评论 (5) 编辑
摘要: JavaScript 可以通过多种方式来创建交互式的网站和 Web 应用程序。利用 JavaScript,可以让你移动 HTML 元素,创建各种各样的自定义动画,给你的访问者更好的终端用户体验。对于开发人员你来说,有无数的 JavaScript 框架可选择,往往是很难选择最适合您需要的。所以在这篇文章中,我收集了15个有用的和流行的 JavaScript 框架,旨在简化前端应用程序开发。阅读全文
posted @ 2015-06-25 09:15 梦想天空(山边小溪) 阅读(4056) | 评论 (3) 编辑
摘要: 当你在开发一个内容很多的 Web 项目的时候,最具挑战性的部分之一是为了如果更方便用户浏览这些内容。我们都能想到的一个例子是 Amazon,无限的类别以及它们的子类别。Mega Dropdown 是带二级分类的响应式下拉菜单组件,简单易用。阅读全文
posted @ 2015-06-08 13:36 梦想天空(山边小溪) 阅读(2671) | 评论 (0) 编辑
摘要: BasicModal 是为现代 Web 应用程序打造的弹窗系统。它包括所有你需要显示的信息,问题或接收用户的输入。这里的弹窗还可以链接起来,所以你可以很容易地建立一个预定义顺序的安装帮助或显示对话框。无效输入可以使用包含突出显示和处理功能。阅读全文
posted @ 2015-06-03 13:11 梦想天空(山边小溪) 阅读(3187) | 评论 (0) 编辑
摘要: Restive.js 是一个 jQuery 插件,可以帮助您轻松快捷地添加响应式功能到你网站,适应几乎所有拥有 Web 功能的设备。使用设备检测,高级管理断点,以及方向管理的组合,Restive.js 会给你的网站提供一种不可思议的能力。阅读全文
posted @ 2015-05-28 09:34 梦想天空(山边小溪) 阅读(7444) | 评论 (0) 编辑
摘要: 今天这篇文章为大家挑选了15个超炫的 CSS 动画效果的例子,这些 Demo 可以说都是艺术品。CodePen 是一个在线的前端代码编辑和展示网站,能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品,也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。阅读全文
posted @ 2015-05-26 09:50 梦想天空(山边小溪) 阅读(6009) | 评论 (5) 编辑
摘要: CodePen 是一个在线的前端代码编辑和展示网站,能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品,也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。今天这篇文章为大家挑选了15个超炫的 CSS 动画效果的例子,这些 Demo 可以说都是艺术品。阅读全文
posted @ 2015-05-25 13:37 梦想天空(山边小溪) 阅读(11531) | 评论 (12) 编辑
摘要: 为了让我们的信息能够有效地沟通,我们需要创建用户和我们的媒体之间的强有力的联系。今天我们就来探讨在网络上呈现故事的新方法,并为此创造了一个开源和免费使用的 JavaScript 库称为 space.js。该库是 HTML 驱动的,这意味着你不需要在网站上写一行 JavaScript 代码就可以,仍然有很大的灵活性。阅读全文
posted @ 2015-05-20 09:21 梦想天空(山边小溪) 阅读(3077) | 评论 (0) 编辑
摘要: T3 是一个用于构建大型 Web 应用程序的客户端 JavaScript 框架。T3 和大多数的 JavaScript 框架不同。它的意思是一小部分的整体架构,它允许你建立可扩展的客户端代码。T3 应用程序是由应用程序对象管理,主要任务是管理模块,服务和行为。这是这三种类型的对象,允许你建立一个可扩展的 JavaScript 前端的组合。阅读全文
posted @ 2015-05-14 09:59 梦想天空(山边小溪) 阅读(2341) | 评论 (0) 编辑
摘要: Awesomplete 是一款超轻量级的,可定制的,简单的自动完成插件,零依赖,使用现代化标准构建。你可以简单地添加 awesomplete 样式,让它自动处理(你仍然可以通过指定 HTML 属性配置更多选项),您可以用几行 JS 代码,提供更多的自定义。阅读全文
posted @ 2015-05-13 09:49 梦想天空(山边小溪) 阅读(2796) | 评论 (0) 编辑
摘要: 一个小实验,探索 SVG 线图动画的使用情况,以前沿的展示形式呈现图形或网站元素的外观,模拟它们的加载。SVG 成为一个有趣的网站组件,它真的很强大,有许多创造性和可能性,使用 SVG 可以制作各种有趣的网站交互效果。今天,我们想分享一组实验 SVG 绘制动画的例子。阅读全文
posted @ 2015-05-12 11:45 梦想天空(山边小溪) 阅读(1910) | 评论 (0) 编辑
摘要: DOM 动画是一个极好的 JavaScript 库,用来在页面的 DOM 注释中显示小的 ASCII 动画。这对于那些检查你的代码的人是一个小彩蛋,仅此而已。它是一个独立的库,不依赖 jQuery 或者其它库,所以使用是非常简单的。您不需要任何 CSS 或 HTML,只是 JavaScript 而已。阅读全文
posted @ 2015-05-11 12:21 梦想天空(山边小溪) 阅读(1944) | 评论 (0) 编辑
摘要: 互动拖放着色概念是一个有趣的小实验,你可以通过从调色板中拖放颜色水滴来给网站原型配色。我们的想法是简单地从调色板拖动一个颜色到网站原型的颜色指定区域的部分或文本。你可能以前也遇到过类似的颜色定制工具,但 Codrops 想添加一些有趣的想法,并使你能够更愉快的使用。阅读全文
posted @ 2015-05-05 10:20 梦想天空(山边小溪) 阅读(2095) | 评论 (0) 编辑
摘要: Rainyday.js 背后的想法是创建一个 JavaScript 库,利用 HTML5 Canvas 渲染一个雨滴落在玻璃表面的动画。Rainyday.js 有功能可扩展的 API,例如碰撞检测和易于扩展自己的不同的动画组件的实现。它是一个使用 HTML5 特性纯 JavaScript 库,支持大部分现代浏览器。阅读全文
posted @ 2015-04-28 09:32 梦想天空(山边小溪) 阅读(5890) | 评论 (0) 编辑
摘要: Lazyr.js 是一个小的、快速的、现代的、相互间无依赖的图片延迟加载库。通过延迟加载图片,让图片出现在(或接近))视窗才加载来提高页面打开速度。这个库通过保持最少选项并最大化速度。阅读全文
posted @ 2015-04-24 10:31 梦想天空(山边小溪) 阅读(3638) | 评论 (0) 编辑
摘要: Kickoff 是一个轻量级的前端框架,用于创建可扩展的,响应式的网站。作为前端开发人员,我们工作的类型越来越多样化。Kickoff 旨在帮助您在所有项目保持一致的结构和风格,无需添加其他框架。阅读全文
posted @ 2015-04-21 09:44 梦想天空(山边小溪) 阅读(2220) | 评论 (0) 编辑
摘要: Swiper 是移动 Web 开发中最常用的滑块插件,是一款免费的,最现代化的移动触摸滑块,支持硬件加速的转换和惊人的原生表现。它的目的是在移动网站,移动 Web 应用程序和 Hygrid 混合应用程序中使用。最初的设计主要是为 iOS,但同时也支持最新的 Android,Windows Phone 8 和现代的桌面浏览器。阅读全文
posted @ 2015-04-16 14:53 梦想天空(山边小溪) 阅读(4332) | 评论 (0) 编辑
摘要: 今天这篇是2015年第3期(总第34期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。阅读全文
posted @ 2015-04-15 13:48 梦想天空(山边小溪) 阅读(13279) | 评论 (3) 编辑
摘要: 前不久,Facebook 在F8开发者大会上正式开源了 React Native。不过目前只有 iOS 版,Android 版还需要再等一段时间,这是最新的用 JavaScript 语言开发原生 App 的尝试,其示例代码相当简洁,内置控件也不少。Facebook 同时还为 React Native 开发了一款基于 Atom 的IDE——Nuclide,也已开源。阅读全文
posted @ 2015-04-09 09:46 梦想天空(山边小溪) 阅读(2645) | 评论 (3) 编辑
摘要: Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单。它没有依赖,自由搭配简单的标记,支持原生的滚动,您可以轻松地定制它。它支持不同的 CSS 转换和过渡。最重要的是,它只是4KB 。阅读全文
posted @ 2015-04-01 11:16 梦想天空(山边小溪) 阅读(8851) | 评论 (0) 编辑
摘要: Type.js 是一款很好的网页字体排版工具。它可以让你使用新的 CSS 属性,在网页上试下更精细的排版控制。设置很简单。上传 type.js 到您的网站,并在你的 HTML 链接中引用。接下来,你就可以用新的 CSS 属性了,就像编写任何其他的样式一样。阅读全文
posted @ 2015-03-30 14:31 梦想天空(山边小溪) 阅读(3529) | 评论 (0) 编辑
摘要: 不可变数据是指一旦创建就不能被修改的数据,使得应用开发更简单,允许使用函数式编程技术,比如惰性评估。Immutable JS 提供一个惰性 Sequence,允许高效的队列方法链,类似 map 和 filter ,不用创建中间代表。Immutable.js 提供持久化的列表、堆栈、Map, 以及 OrderedMap 等,最大限度地减少需要复制或缓存数据。阅读全文
posted @ 2015-03-27 16:03 梦想天空(山边小溪) 阅读(3776) | 评论 (0) 编辑
摘要: 使用 NativeScript,你可以用现有的 JavaScript 和 CSS 技术来编写 iOS、Android 和 Windows Phone 原生移动应用程序。由原生平台的呈现引擎呈现界面而不是 WebView,正因为如此,应用程序的整个使用体验都是原生的。阅读全文
posted @ 2015-03-26 10:28 梦想天空(山边小溪) 阅读(12602) | 评论 (4) 编辑
摘要: Nunchuck.js 是对用于移动设备上的浏览器应用程序的控制库,通过浏览器轻松实现多设备数据同步。他们提供了一个库,很容易使开发人员能够整合移动浏览器控件到桌面的基于浏览器的 JavaScript 游戏,只需少量的代码。阅读全文
posted @ 2015-03-24 15:11 梦想天空(山边小溪) 阅读(1655) | 评论 (0) 编辑
摘要: Aurelia 是下一代 JavaScript 客户端框架,利用简单的约定来激发你的创造力。凭借其强大的专注于开发经验, Aurelia 可以使您不仅创造惊人的应用程序,同时也享受这个过程。它经过精心设计,是可插拔和可定制的。阅读全文
posted @ 2015-03-18 09:52 梦想天空(山边小溪) 阅读(3218) | 评论 (0) 编辑
摘要: 在这篇文章中,分享一组网页设计中手风琴效果的20个最佳实践。当你想在有限的页面空间内展示多个内容片段的时候,手风琴(Accordion)效果就显得非常有用,它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换。阅读全文
posted @ 2015-03-16 16:21 梦想天空(山边小溪) 阅读(5037) | 评论 (0) 编辑
摘要: Webpack 是一个 CommonJs & AMD 模块打包器。可以把你的 JavaScript 代码分离为多个包,在需要的时候进行加载,支持预处理文件,例如 json, jade, coffee, css, less 等等。阅读全文
posted @ 2015-03-13 13:44 梦想天空(山边小溪) 阅读(5535) | 评论 (0) 编辑
摘要: 今天这篇是2015年第2期(总第33期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。阅读全文
posted @ 2015-03-12 13:47 梦想天空(山边小溪) 阅读(7150) | 评论 (4) 编辑
摘要: 使用 Intercooler,你可以添加 AJAX 到你的应用程序,而无需使用客户端模式的路由,认证,渲染,工厂或依赖注入。事实上,你不需要写任何的 JavaScript 代码。Intercooler 是 HTML 的自然延伸:一个熟悉的语法,简单的属性就可以把 AJAX 请求添加到您的应用程序中。阅读全文
posted @ 2015-03-12 10:23 梦想天空(山边小溪) 阅读(1744) | 评论 (0) 编辑
摘要: Riot 是一个类似 Facebook React 的用户界面库,只有3.5KB,非常轻量。支持IE8+浏览器的自定义标签,虚拟 DOM,语法简洁。Riot 给前端开发人员提供了除 React 和 Ploymer 之外的新选择,值得一试。阅读全文
posted @ 2015-03-06 10:01 梦想天空(山边小溪) 阅读(4393) | 评论 (3) 编辑
摘要: Spirit 并不是一个具体的框架或者工具,但是她是移动端一系列解决方案的整合与聚拢。她是腾讯 Alloyteam 开发团队在移动开发项目中通过大量实践、归纳、总结提炼而成,最终沉淀下来的一个体系,真正建立一套移动 Web 开发的集成解决方案。Spirit 主要由5个部分组成:移动 Web 开发规范、JM、JMUI、Mobug、Mars。阅读全文
posted @ 2015-03-05 11:52 梦想天空(山边小溪) 阅读(1713) | 评论 (0) 编辑
摘要: FormatJS 是一个模块化的集合,保护各种 JavaScript 国际化库,例如格式化数字,日期和字符串。它包括一组建立在 JavaScript 的国际内置插件和全行业的国际化标准,再加上一套集成的通用模板和组件库。阅读全文
posted @ 2015-02-12 13:54 梦想天空(山边小溪) 阅读(4435) | 评论 (0) 编辑
摘要: 今天,我们想给大家分享一些全屏遮罩效果的灵感。像任何其它的UI组件一样,网页设计不断有新的趋势和风格出现,我们想尝试的遮罩有一些微妙的,还有奇特的效果。这些遮罩的特别之处在于,他们没有像模态窗口那样固定大小而是占据整个屏幕,因此创建效果时,人们必须考虑到这一点。阅读全文
posted @ 2015-01-30 10:48 梦想天空(山边小溪) 阅读(8815) | 评论 (0) 编辑
摘要: Libscore 扫描网络上成千上万的网站,收集统计 JavaScript 库的使用数据。在搜索框中,输入关键词,例如 jQuery, Modernizr, $.ui 或者 $.fn.fancybox。Libscore 汇总这些数据来提供给开源开发者,他们需要评估修改插件时候可能影响的人数。阅读全文
posted @ 2015-01-29 13:29 梦想天空(山边小溪) 阅读(1435) | 评论 (0) 编辑
摘要: 梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2015-01-28 15:06 梦想天空(山边小溪) 阅读(5912) | 评论 (3) 编辑
摘要: Codrops 分享了一些给SVG元素加上弹性动画的灵感。实现的思路是把一个SVG元素整合成一个组件,然后从一个路径弹性动画到另一个。这种效果可以应用到像菜单,按钮或其它元素,使得交互更有趣,看起更原生与自然的感觉。阅读全文
posted @ 2015-01-27 09:53 梦想天空(山边小溪) 阅读(2897) | 评论 (0) 编辑
摘要: 在去年,我给大家分享了《基于 CSS3 的精美模态窗口效果》,而今天我要与大家分享一些新鲜的想法。风格和趋势变化,要求更加适合现代UI的不同的效果。这组新模态窗口效果包含了一些微妙的动画,还有一些应用了SVG变形技术。阅读全文
posted @ 2015-01-26 09:51 梦想天空(山边小溪) 阅读(6727) | 评论 (0) 编辑
摘要: ECMAScript 6 是下一代的 ECMAScript 标准。ECMAScript 6的目标,是使得JavaScript可以用来编写复杂的应用程序、函数库和代码的自动生成器。 ES6 是这门语言的重大更新,也是自2009年ES5标准化之后的第一个更新。6to5可以将 ES6+ 的代码转换为 ES5,让你现在就能使用下一代的功能。阅读全文
posted @ 2015-01-22 13:05 梦想天空(山边小溪) 阅读(2306) | 评论 (3) 编辑
摘要: Face++ 是一个小巧,功能强大,跨平台的服务,由Megvii公司建立,致力于建立一个新的视觉平台。它使用计算机视觉尖端科技和数据挖掘,提供3个核心视觉服务(探测,识别和分析)。基于 Face++ 庞大的数据库,开发人员可以将脸部识别技术应用到自己的网站,移动应用和智能电视,增加了令人难以置信的用户体验。阅读全文
posted @ 2015-01-20 16:51 梦想天空(山边小溪) 阅读(6330) | 评论 (0) 编辑
摘要: ECharts 基于 Canvas 的纯 Javascript 图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。阅读全文
posted @ 2015-01-20 10:32 梦想天空(山边小溪) 阅读(6068) | 评论 (0) 编辑
摘要: Snabbt.js 是一个简约的 JavaScript 动画库。它会平移,旋转,缩放,倾斜和调整你的元素。通过矩阵乘法运算,变换等可以任何你想要的方式进行组合。最终的结果通过 CSS3 变换矩阵设置。阅读全文
posted @ 2015-01-16 13:41 梦想天空(山边小溪) 阅读(5156) | 评论 (0) 编辑
摘要: PhotoSwipe 是一个专门针对移动设备的图像画廊,它的灵感来自 iOS 的图片浏览器和谷歌移动端图像。 PhotoSwipe 提供您的访客熟悉和直观的界面,使他们能够与您的移动网站上的图像进行交互。阅读全文
posted @ 2015-01-14 10:40 梦想天空(山边小溪) 阅读(6515) | 评论 (0) 编辑
摘要: 产品的用户体验是否被用户所接受,很大一部分取决于交互界面的设计,交互界面设计是整个产品设计中的核心,对于产品品质有着决定性的影响。Web 界面上交互的方式很多,只要你去探索,你会发现很多让你眼前一亮的想法。这里集合了12个来自 Codrops 的创新的界面交互和动画效果,值得我们去研究和使用。阅读全文
posted @ 2015-01-06 14:14 梦想天空(山边小溪) 阅读(9726) | 评论 (7) 编辑
摘要: Wami 地图项目把 OSM 数据分享给所有的人,很容易使用。他们利用 MongoDB 的潜力进行大数据管理来实现从 OSM 数据来源搜索相关的数据。它们的 API 使人们有可能检索不同格式的 POI,包括GeoJSON。OSM(OpenStreetMap)地图由用户根据手提GPS装置、航空摄影照片、其他自由内容甚至单靠地方智慧绘制。阅读全文
posted @ 2014-12-26 14:17 梦想天空(山边小溪) 阅读(1966) | 评论 (0) 编辑
摘要: L20n是 Mozilla 开发的用于 Web 开发的本地化框架。它允许本地化开发者把逻辑细分为本地化的资源。 L20n 的框架不再需要开发人员深入理解自然语言的具体细节,并提供了机会为本地化创造更好的翻译。L20n 重塑软件本地化,用户应该能够从自然语言的整个表现力中受益。阅读全文
posted @ 2014-12-26 11:55 梦想天空(山边小溪) 阅读(1389) | 评论 (0) 编辑
摘要: JuliusJS 是用于在网页中的语音识别库。这是 Julius(由日本京都大学和日本IPA联合开发的一个实用高效双通道的大词汇连续语音识别引擎)的 JavaScript 实现。它实时侦听用户的语音并通过回调转录说的话。阅读全文
posted @ 2014-12-23 11:58 梦想天空(山边小溪) 阅读(5651) | 评论 (1) 编辑
摘要: 在CSS中,我们使用 ::first-line 选择器来给元素第一行内容应用样式。但目前还没有像 ::nth-line、::nth-last-line 甚至 ::last-line 这样的选择器。实际上这期选择器在某些情况下是非常有用的,Lining.js 提供了这样的功能。阅读全文
posted @ 2014-12-18 15:38 梦想天空(山边小溪) 阅读(1548) | 评论 (0) 编辑
摘要: Charted 是一个让数据自动生成可视化图表的工具。只需要提供一个数据文件的链接,它就能返回一个美丽的,可共享的图表。Charted 不会存储任何数据。它只是获取和让链接提供的数据可视化。阅读全文
posted @ 2014-12-15 16:10 梦想天空(山边小溪) 阅读(2480) | 评论 (0) 编辑
摘要: 众多周知,图形和图表要比文本更具表现力和说服力。图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等。在这篇文章中,我们收集了15款值得网站开发者收藏的 JavaScript 图形图表库,可以帮助你实现各种功能的图表。阅读全文
posted @ 2014-12-11 15:11 梦想天空(山边小溪) 阅读(61284) | 评论 (10) 编辑
摘要: MetricsGraphics.js 是建立在D3的基础上,被用于可视化和布局的时间序列数据进行了优化。它提供以产生一个原则性的,一致的和响应式的方式的图形常见类型的简单方法。该库目前支持折线图,散点图和直方图,以及地毯地块和基本线性回归功能。阅读全文
posted @ 2014-12-05 16:39 梦想天空(山边小溪) 阅读(2452) | 评论 (1) 编辑
摘要: Web 界面上交互的方式很多,只要你去探索,你会发现很多让你眼前一亮的想法。Codrops 最近发布了一组悬停效果,总共分为两组,多达30种不同的风格。为了让效果尽可能的平滑,最好不要在元素上使用变换以免影响布局。在第二组中采用了 SVG 动画,这也是目前比较流行的方式。阅读全文
posted @ 2014-12-05 10:27 梦想天空(山边小溪) 阅读(11293) | 评论 (3) 编辑
摘要: 《水果忍者》是一款非常受喜欢的手机游戏,刚看到新闻说《水果忍者》四周年新版要上线了。网页版的切水果游戏由百度 JS 小组开发,采用 vml + svg 绘图,使用了 Raphael,效果很赞,赶紧来膜拜一下。阅读全文
posted @ 2014-12-03 09:54 梦想天空(山边小溪) 阅读(5053) | 评论 (6) 编辑
摘要: 《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来,历经三年半,总共发布了30期。今天这篇是2014年第10期(总第31期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用。阅读全文
posted @ 2014-12-02 09:28 梦想天空(山边小溪) 阅读(6499) | 评论 (8) 编辑
摘要: Codrops 分享了一些界面拖放的交互设计想法。基本的思路是在拖动一个项目的时候,为特定的操作呈现出可投掷的区域。这节省了大量的界面空间 ,并给出了一个有趣的动态的互动。有很多应用场景,例如分类和组织内容(像 Pinterest 的面板),或在邮件应用程序或内容管理系统中执行一些操作。阅读全文
posted @ 2014-12-01 10:21 梦想天空(山边小溪) 阅读(2197) | 评论 (0) 编辑
摘要: Vue.js 是用于构建交互式的 Web 界面的库。它提供了MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。阅读全文
posted @ 2014-11-28 13:02 梦想天空(山边小溪) 阅读(84804) | 评论 (4) 编辑
摘要: 在这个列表中挑选了9个物理和重力实验,用来展示 Javascript 的强大。几年前,所有这些实验都必须使用 Java 或 Flash 才能做。在下面这些惊人的例子中,就个人而言,我比较喜欢仿真布料的那个,我简直不敢相信它是使用 JavaScript 做出来的。阅读全文
posted @ 2014-11-26 14:47 梦想天空(山边小溪) 阅读(12500) | 评论 (21) 编辑
摘要: ProgressBar.js 是一个借助动态 SVG 路径的漂亮的,响应式的进度条效果。使用 ProgressBar.js 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条,圆形和方形等几个内置的形状,但你可使用 Illustrator 或任何其它的矢量图形编辑器创建自己的进度条效果。阅读全文
posted @ 2014-11-24 10:36 梦想天空(山边小溪) 阅读(25417) | 评论 (0) 编辑
摘要: 通过 JavaScript 实现 SVG 路径动画,我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框,使用伪元素创造更具吸引力的样式,输入框被选中的时候执行 SVG 动画。阅读全文
posted @ 2014-11-20 10:39 梦想天空(山边小溪) 阅读(2999) | 评论 (5) 编辑
摘要: Converse.js 是一个运行在浏览器的免费和开源的聊天客户端。它可以集成到任何网页。类似于 Facebook 的聊天,它也支持多用户聊天室。Converse.js 可以连接到任何可访问的 XMPP/Jabber 服务器。阅读全文
posted @ 2014-11-08 12:49 梦想天空(山边小溪) 阅读(5288) | 评论 (2) 编辑
摘要: Walkway.js 是一个使用线条和路径元素组成 SVG 动画图像的简单方法。只需根据提供的配置对象创建一个新的 Walkway 实例就可以了。这种效果特别适合那些崇尚简约设计风格的网页。目前, Walkway.js 仅适用于路径和线条元素。阅读全文
posted @ 2014-11-06 09:44 梦想天空(山边小溪) 阅读(6118) | 评论 (0) 编辑
摘要: GifShot 是一个可以创建流媒体,视频或图像的 GIF 动画的 JavaScript 库。该库的客户端特性使其非常便携,易于集成到几乎任何网站。利用最先进的浏览器 API ,包括 WebRTC ,文件系统,视频,Canvas,Web Workers,类型化数组和 Base 64 编码,支持超过20个选项。阅读全文
posted @ 2014-10-28 10:03 梦想天空(山边小溪) 阅读(3023) | 评论 (0) 编辑
摘要: ClockPicker 是国内前端开发者发布的一个时钟样式 Timepicker,可以用于 Bootstrap 和 jQuery。所有主流浏览器都支持,包括 IE9+,支持移动设备,能够在触摸屏设备很好的工作。 ClockPicker 在设计之初是用于 Bootstrap 项目的,因此,Bootstrap 和 jQuery 是唯一的依赖。阅读全文
posted @ 2014-10-27 09:37 梦想天空(山边小溪) 阅读(12063) | 评论 (2) 编辑
摘要: Hello.js 是一个客户端的 Javascript SDK,用于实现 OAuth2 认证(或者基于 OAuth 代理实现的 OAuth1)的 Web 服务和查询 REST API。 HelloJS 标准化路径和对通用的 API 响应 ,如谷歌的数据服务, Facebook 的图形和 Windows Live 连接。HelloJS 也可以在 PhoneGap 应用程序中运行。阅读全文
posted @ 2014-10-17 16:04 梦想天空(山边小溪) 阅读(2750) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第9期(总第30期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-10-16 15:05 梦想天空(山边小溪) 阅读(6560) | 评论 (0) 编辑
摘要: 在平常的搜索中,我碰到过很多有趣的信息,应用程序和文档,我把它们整理在下面这个列表。这是收藏的遇到的有用内容的一个伟大的方式,可以在你需要的时候方便查阅。相信你会在这个列表中发现对你很有用的资料。阅读全文
posted @ 2014-10-14 13:45 梦想天空(山边小溪) 阅读(24437) | 评论 (2) 编辑
摘要: Sweet Alert 是一个替代传统的 JavaScript Alert 的漂亮提示效果。SweetAlert 自动居中对齐在页面中央,不管您使用的是台式电脑,手机或平板电脑看起来效果都很棒。另外提供了丰富的自定义配置选择,可以灵活控制。阅读全文
posted @ 2014-10-14 09:38 梦想天空(山边小溪) 阅读(19379) | 评论 (7) 编辑
摘要: Ocrad.js 相当于是 Ocrad 项目的纯 JavaScript 版本,使用 Emscripten 自动转换。这是一个简单的 OCR (光学字符识别)程序,可以扫描图像中的文字回文本。不像 GOCR.js,Ocrad.js 被设计成一个端口,而不是围绕可执行的包装。因此它需要的时间仅为 GOCR.js 的八分之一。阅读全文
posted @ 2014-10-08 23:02 梦想天空(山边小溪) 阅读(7502) | 评论 (0) 编辑
摘要: BitcoinJS 是一个干净,可读的 JavaScript 开发库,用于比特币交易。支持 Node.js 平台和浏览器端。已有超过150万的钱包用户在使用, BitcoinJS 是几乎所有的 Web 端比特币钱包交易最重要的库。它支持先进的功能,如多SIG ,速度快以及优化的代码。阅读全文
posted @ 2014-09-26 12:56 梦想天空(山边小溪) 阅读(1744) | 评论 (0) 编辑
摘要: Sequence.js 功能齐全,除了能实现之前分享过的现代的图片滑动效果,还可以融合当前非常流行的视差滚动(Parallax Scrolling)效果。让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。阅读全文
posted @ 2014-09-22 19:15 梦想天空(山边小溪) 阅读(2021) | 评论 (0) 编辑
摘要: 苹果发布 iPhone 6 和 iPhone 6 Plus 有一段时间了,据说首日预定量达到了创纪录的1600万部,真是不可思议。苹果已经创建了一些指引,让开发者可以受益。他们已经发布了一组苹果官方的 iPhone 6 & Plus 产品图片。阅读全文
posted @ 2014-09-22 12:55 梦想天空(山边小溪) 阅读(2139) | 评论 (0) 编辑
摘要: FingerprintJS 是一个快速的浏览器指纹库,纯 JavaScript 实现,没有依赖关系。默认情况下,使用 Murmur Hash 算法返回一个32位整数。Hash 函数可以很容易地更换。FingerprintJS可以匿名识别 Web 浏览器,准确率高达94%。阅读全文
posted @ 2014-09-16 10:20 梦想天空(山边小溪) 阅读(22219) | 评论 (8) 编辑
摘要: imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度,还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。阅读全文
posted @ 2014-09-05 09:42 梦想天空(山边小溪) 阅读(7648) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第8期(总第29期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-09-01 23:06 梦想天空(山边小溪) 阅读(4182) | 评论 (0) 编辑
摘要: Heatmap 是用来呈现一定区域内的统计度量,最常见的网站访问热力图就是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。Heatmap.js 这个 JavaScript 库可以帮助你实现各种动态热力图的网页。这个 JavaScript 库将帮助您研究和可视化用户的行为。阅读全文
posted @ 2014-08-29 10:52 梦想天空(山边小溪) 阅读(17016) | 评论 (3) 编辑
摘要: Ampersand.js 是一个高度模块化,松耦合,用于构建先进的 JavaScript 应用程序的框架。通过良好定义的方法,结合了一系列微小的 CommonJS 模块。条理清晰,没有多余的冗余代码。阅读全文
posted @ 2014-08-18 09:51 梦想天空(山边小溪) 阅读(2254) | 评论 (0) 编辑
摘要: Papa Parse 是一个与众不同的,在网页上运行的第一个多线程的 CSV 解析器。它可以解析千兆字节大小文件而不会导致浏览器崩溃。它能够正确地处理格式不正确或边缘的情况下的 CSV 文本。它可以分析在本地文件系统文件,或者通过网络下载。阅读全文
posted @ 2014-08-14 09:20 梦想天空(山边小溪) 阅读(2800) | 评论 (3) 编辑
摘要: 今天我们要为您展示如何使用 CSS 动画, SVG 和 JavaScript 创建一个简单的页面预加载效果。对于网站来说,这些预载入得画面提供了一种创造性的方法,使用户在等待内容加载的时候不会那么无聊。阅读全文
posted @ 2014-08-07 13:17 梦想天空(山边小溪) 阅读(6139) | 评论 (0) 编辑
摘要: Trumbowyg 是一个轻量,可定制的 jQuery 所见即所得(WYSIWYG)的编辑器插件。美丽的设计,生成语义化代码,带有功能强大的 API 。编辑器和生成的代码进行了优化以支持 HTML5。兼容大部分浏览器,如 IE8+、Chrome、Opera 和 Firefox 。阅读全文
posted @ 2014-07-31 13:01 梦想天空(山边小溪) 阅读(3833) | 评论 (0) 编辑
摘要: Vanilla Masker 是一个纯 JavaScript 实现的输入内容过滤和自动转换插件。现在你可以使用一个简单而纯粹的 JavaScript 库来控制你的 input 元素,而不需要加载 jQuery,Zepto 或者其它框架。不用担心兼容性,因为这是一个跨浏览器和跨设备的库。阅读全文
posted @ 2014-07-25 10:53 梦想天空(山边小溪) 阅读(1920) | 评论 (0) 编辑
摘要: 逗号分隔值(CSV )文件用于以以纯文本的形式存储表格化数据(数字和文本)。 CSV 文件包含任意数量的记录,通过某种换行符分隔,每条记录由字段,其他一些字符或字符串分隔,最常用的是文字逗号或制表符。CSV.js 是一个简单,超快的 CSV 解析 JavaScript 工具库,兼容浏览器,AMD 和 NodeJS 环境。阅读全文
posted @ 2014-07-18 16:09 梦想天空(山边小溪) 阅读(6235) | 评论 (0) 编辑
摘要: 作为一个前沿的 Web 开发者,对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手。这篇文章挑选了8个前沿的 HTML5 & CSS3 效果,记得收藏哦:)阅读全文
posted @ 2014-07-17 15:12 梦想天空(山边小溪) 阅读(13881) | 评论 (24) 编辑
摘要: visualCaptcha 是一个可配置的验证码解决方案,专注于可访问性和简单性,同时保持安全性。它也支持移动,视网膜设备,并有一个创新的可访问性的解决方案。 visualCaptcha 现在可以跨多个后端语言,不管你是使用 JavaScript ,Ruby 或 PHP,都可以使用 visualCaptcha。阅读全文
posted @ 2014-07-16 15:20 梦想天空(山边小溪) 阅读(2232) | 评论 (0) 编辑
摘要: 如果你想在网页中实现灵活的固定导航功能,那么 Smart Fixed Navigation 这个 JavaScript 脚本可以帮助轻松实现一个固定的导航,让用户在访问你的网站的时候可以随时使用菜单。它比全宽度的固定导航更小,并一个聪明UX的解决方案来取代回到顶部按钮功能。阅读全文
posted @ 2014-07-11 09:58 梦想天空(山边小溪) 阅读(3720) | 评论 (4) 编辑
摘要: Intense Images 是一个独立的 JavaScript 库,用于查看全屏图像。使用触摸/鼠标来实现图片位置的平移。图像元素的所有样式都是可以自定义的,Intense.js 只处理图像浏览器和字幕的制作。阅读全文
posted @ 2014-07-09 09:44 梦想天空(山边小溪) 阅读(5670) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第7期(总第28期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-07-01 23:11 梦想天空(山边小溪) 阅读(5268) | 评论 (4) 编辑
摘要: Boba.js 是一个小的,易于扩展的 JavaScript 库,让谷歌分析(Google Analytics)的更灵活,更容易。它同时支持旧的 ga.js 库以及新的 analytics.js 库。它有一个开箱即用功能——trackLinks ,并使得一切跟踪功能都变得小菜一碟。阅读全文
posted @ 2014-06-26 16:28 梦想天空(山边小溪) 阅读(1861) | 评论 (0) 编辑
摘要: 今天,我们想向您展示如何创建平铺背景图像的幻灯片效果。其灵感来自于国外的一个工作室网站(围观),这个网站充满了各种有趣和创意效果,一定记得去看看。这个幻灯片效果是由四个区域的独立移动构成,通过画面分割,同时显示出新的图片。这里需要组合使用 CSS3 的3D转换、过渡和动画功能。阅读全文
posted @ 2014-06-25 10:02 梦想天空(山边小溪) 阅读(9131) | 评论 (5) 编辑
摘要: JS Nice 是一款让经过混淆处理的 JavaScript 代码可读更好的工具。它使用一种新型的用于 JavaScript 代码美化的去混淆和去压缩引擎。JSNice 采用先进的机器学习和程序分析技术,从可用的开源项目学习命名和类型规律。阅读全文
posted @ 2014-06-20 14:50 梦想天空(山边小溪) 阅读(5941) | 评论 (5) 编辑
摘要: 视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能够让原本平面的网页界面产生动感的立体效果。下面分享的这个图片滑块效果是难得一见的结合视差滚动的例子,之前的文章给大家分享过,这里再推荐一下。美女很养眼吧 :)阅读全文
posted @ 2014-06-19 10:38 梦想天空(山边小溪) 阅读(3563) | 评论 (2) 编辑
摘要: Ouibounce 是一个微小的库,用于实现在用户离开你的网站的时候显示一个模式窗口。这个库可以帮助你增加着陆页的转换率。 Ouibounce 会在当鼠标光标移动到接近(或通过)视口(viewport)的顶部的时候触发。您可以自定义多远的时候让 Ouibounce 触发,值越高,越敏感。阅读全文
posted @ 2014-06-16 15:46 梦想天空(山边小溪) 阅读(1767) | 评论 (2) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第6期(总第27期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-06-11 23:38 梦想天空(山边小溪) 阅读(7394) | 评论 (2) 编辑
摘要: Shine.js 是一个用于实现漂亮阴影的 JS 库。您可以设置动态光的位置,可定制的阴影。不依赖于第三方库,兼容 AMD。能在支持 textShadow 或 boxShadow 的浏览器中正常使用,如果有需要会自动添加前缀。阅读全文
posted @ 2014-06-09 16:16 梦想天空(山边小溪) 阅读(3423) | 评论 (2) 编辑
摘要: MagicSuggest 是专为 Bootstrap 主题开发的多选组合框。它支持自定义呈现,数据通过 Ajax 异步获取,使用组件自动过滤。它允许空间免费项目,也有动态加载固定的建议。阅读全文
posted @ 2014-06-06 11:04 梦想天空(山边小溪) 阅读(11212) | 评论 (5) 编辑
摘要: Fort.js 是一款用于时尚、现代的表单填写进度提示效果的 JavaScript 库,你需要做的就是添加表单,剩下的任务就交给 Fort.js 算法了,真的非常简单。提供了Default、Gradient、Sections 以及 Flash 四种效果,满足开发的各种场合需要。阅读全文
posted @ 2014-06-04 13:21 梦想天空(山边小溪) 阅读(4258) | 评论 (7) 编辑
摘要: Numeral.js 是一个用于格式化和操作数字的 JavaScript 库。数字可以格式化为货币,百分比,时间,甚至是小数,千位,和缩写格式,功能十分强大。支持包括中文在内的17种语言。阅读全文
posted @ 2014-06-03 09:58 梦想天空(山边小溪) 阅读(4214) | 评论 (2) 编辑
摘要: JSCapture 是用纯 JavaScript 和 HTML5 实现的屏幕捕捉库。它可以让从您的浏览器中截图和记录在桌面的视频。JSCapture 使用 getUserMedia 来实现屏幕捕获。目前的屏幕捕捉的 API 仅支持 Chrome 浏览器。阅读全文
posted @ 2014-05-30 10:53 梦想天空(山边小溪) 阅读(6526) | 评论 (3) 编辑
摘要: Draggabilly 是一个很小的 JavaScript 库,专注于拖放功能。只需要简单的设置参数就可以在你的网站用添加拖放功能。兼容 IE8+ 浏览器,支持多点触摸。可以灵活绑定事件,支持 RequireJS 以及 Bower 安装。阅读全文
posted @ 2014-05-29 10:03 梦想天空(山边小溪) 阅读(4944) | 评论 (0) 编辑
摘要: 如果你看过三星企业设计中心网站,你肯定已经注意到了时尚的网格加载效果。在这篇文章中,我们想向您展示了如何使用 Masonry 网格砌体插件,结合 CSS 动画重现这种效果。另外在这里,我们还借助了 ColorFinder 来获得的图像的最突出的颜色来作为初始的加载背景色使用。阅读全文
posted @ 2014-05-27 09:39 梦想天空(山边小溪) 阅读(9810) | 评论 (12) 编辑
摘要: PourOver 是一个用于对大数据集合进行快速过滤的 JavaScript 库。它可以在60fps下运行,允许您构建数据研究应用和档案,即不必等待一个数据库调用来呈现查询结果。PourOver 基于可以彼此任意地构成,而不必重新计算其结果的简单查询的理想。阅读全文
posted @ 2014-05-26 15:27 梦想天空(山边小溪) 阅读(1723) | 评论 (0) 编辑
摘要: Quill 的建立是为了解决现有的所见即所得(WYSIWYG)的编辑器本身就是所见即所得(指不能再扩张)的问题。如果编辑器不正是你想要的方式,这是很难或不可能对其进行自定义以满足您的需求。Quill 旨在通过把自身组织成模块,并提供了强大的 API 来构建额外的模块来解决这个问题。阅读全文
posted @ 2014-05-23 10:14 梦想天空(山边小溪) 阅读(8945) | 评论 (1) 编辑
摘要: Photopile JS 是模拟照片散布堆叠在一起的 JavaScript/jQuery 图片库。点击缩略图,照片会弹出放大 ,再次点击照片会返回。缩略图是可拖动的,允许照片深深的堆在一起而不被覆盖,提高好的使用体验。阅读全文
posted @ 2014-05-22 15:34 梦想天空(山边小溪) 阅读(4013) | 评论 (1) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第5期(总第26期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-05-22 09:35 梦想天空(山边小溪) 阅读(3749) | 评论 (7) 编辑
摘要: Shepherd 是一个指导用户使用应用程序的 JavaScript 库。它使用 Tether——另一个开源库,实现所有的步骤。Tether 确保你的步骤不会溢出屏幕或被剪裁。你可以很容易地指导用户使用您的应用程序。阅读全文
posted @ 2014-05-21 15:51 梦想天空(山边小溪) 阅读(958) | 评论 (0) 编辑
摘要: Masonry 是一款 JavaScript 网格布局插件,可以实现类似 Pinterest 模式的砌体布局效果。通过把元素自动填充在垂直的空白区域,就像墙上堆砌的石头一样。这个库还可以作为 jQuery 插件使用,帮助你轻松实现这种效果。阅读全文
posted @ 2014-05-19 09:49 梦想天空(山边小溪) 阅读(6362) | 评论 (4) 编辑
摘要: 有的时候,在我们的应用程序中,我们希望能够显示特定任务的百分比进度。这里分享的这款小巧的 JavaSript 插件就是实现这个功能,易于使用和定制,而且是是免费开源的。阅读全文
posted @ 2014-05-18 14:33 梦想天空(山边小溪) 阅读(4348) | 评论 (4) 编辑
摘要: 一款好的图表插件不是那么容易找到的。最近项目里需要实现统计图表功能,所以在网上搜罗了一圈,找到一些不错的图表插件,分享大家。众多周知,图形和图表要比文本更具表现力和说服力。这里精心推荐几款实用的 JavaScript 图形图表库,可以帮助你实现各种功能的图表。阅读全文
posted @ 2014-05-15 10:01 梦想天空(山边小溪) 阅读(9387) | 评论 (19) 编辑
摘要: Debug 是一个跟踪调试消息的 JavaScript 库。因为它只是对 console.log 的包装,所以支持 Node 和浏览器。它允许你过滤日志输出而不需要改变你的源代码,也输出时间差异,可以让您轻松地告诉你日志消息间隔多少时间。阅读全文
posted @ 2014-05-13 14:11 梦想天空(山边小溪) 阅读(2233) | 评论 (2) 编辑
摘要: 对于我来说,Web 前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西。唯一的问题是,你需要跟上这个领域的发展脚本,因此,你必须不断的学习,不断的前进。本文将分享能够帮助您快速掌握 HTML5 的实例教程,值得好好学习。阅读全文
posted @ 2014-05-13 10:08 梦想天空(山边小溪) 阅读(10632) | 评论 (12) 编辑
摘要: 今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果。虽然有些效果非常简单,只是简单的滑动动作,但另外的一些则是利用了视角和 3D 转换来创造一些立体动感的效果。阅读全文
posted @ 2014-05-08 14:09 梦想天空(山边小溪) 阅读(54523) | 评论 (49) 编辑
摘要: Treed 是一个功能强大的树型编辑组件。Treed 使用 MVC 模式,简单的构造可以帮助你轻松创建一个完全不同的树形视图。您也可以创建自己的“节点”类,如果你想要做的不仅仅是单一的文本输入。阅读全文
posted @ 2014-05-07 14:58 梦想天空(山边小溪) 阅读(6014) | 评论 (1) 编辑
摘要: Twitter Bootstrap 自从2011年最初发布到网上后,迅速成为 Web 领域最流行的响应式前端开发框架之一,是网页设计的优秀实践。Twitter Bootstrap 框架包含了众多的预定义风格的组件,插件和加载项。在这篇文章中,我们想向大家介绍15款最好的 Twitter Bootstrap 开发工具以更好地满足要求以及帮助提高他们的 Web 开发的生产力。阅读全文
posted @ 2014-05-05 14:46 梦想天空(山边小溪) 阅读(19069) | 评论 (22) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第4期(总第25期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-05-05 09:31 梦想天空(山边小溪) 阅读(5744) | 评论 (7) 编辑
摘要: Seen.js 渲染3D场景为 SVG 或者 HTML5 画布。Seen.js 包含对于 SVG 和 HTML5 Canvas 元素的图形功能的最简单的抽象。所有这个库的其它组件都是不用关心将要渲染的上下文的类型。阅读全文
posted @ 2014-05-04 09:51 梦想天空(山边小溪) 阅读(4835) | 评论 (0) 编辑
摘要: At.js 是一个自动完成库,用来实现自动完成提示,表情等,就像你在 Github 或 Twitter 上看到的一样。它支持 HTML5 contentEditable 元素。你可以听任何字符,而不仅仅是 '@' 符号,可为不同的字符设置多个监听器以实现不同的行为和数据。阅读全文
posted @ 2014-05-01 17:40 梦想天空(山边小溪) 阅读(5700) | 评论 (2) 编辑
摘要: 你可能已经无意中听说过 Promises,很多人都在讨论它,使用它,但你不知道为什么它们如此特别。难道你不能使用回调么?有什么了特别的?在本文中,我们一起来看看 Promises 是什么以及如何使用它们写出更好的 JavaScript 代码。阅读全文
posted @ 2014-04-29 22:07 梦想天空(山边小溪) 阅读(3619) | 评论 (2) 编辑
摘要: Fixed Responsive Nav 是一个响应式的,固定的,触摸友好的单页网站导航插件,响应式导航,流畅的动画滚动。该项目采用渐进增强构建,支持工作在 IE6 及以上版本的浏览器。 你可以给导航打开的内容添加一个遮罩,自动突出显示当前位置。你可以自由地使用提供的 JavaScript,风格和图标字体用于商业或非商业项目。阅读全文
posted @ 2014-04-28 14:42 梦想天空(山边小溪) 阅读(2970) | 评论 (0) 编辑
摘要: 今天我们想与大家分享另一套过渡效果。这一次,我们将探讨如何实现侧边栏的过渡动画,就像我们已经在多级推出菜单中使用的。我们的想法是,以细微的过渡动画显示一些隐藏的侧边栏,其余的内容也是。通常侧边栏滑入,把其他内容推到一边。这个可过程中可以加入很多微妙而奇特的效果,而今天这篇文章能够给你一些启示。阅读全文
posted @ 2014-04-28 09:47 梦想天空(山边小溪) 阅读(16443) | 评论 (35) 编辑
摘要: 如果您曾经访问过 Nicolas Zezuka 和 Active Theory 的出色的设计网站,你可能已经注意到在显示新内容之前动感的页面加载动画。这种风格的动画效果最近非常流行,这篇文章想给你带来一些启示。这个效果的核心是让一个形状在页面窗口中动画显示并有展示活动的指示。当新内容被加载时,形状将以动画显示返回显示的页面。阅读全文
posted @ 2014-04-25 09:15 梦想天空(山边小溪) 阅读(36789) | 评论 (12) 编辑
摘要: Vis.js 是一个动态的,基于浏览器的可视化库。该库被设计为易于使用,能处理大量的动态数据。该库由以下几部分组成:一是数据集和数据视图,基于灵活的键/值数据集,可以添加,更新和删除项目,订阅数据集变化;二是时间轴,用于显示不同类型的时间轴数据,在时间轴上项目可以交互移动,缩放和操纵;三是图形,使用节点和边显示一个交互式图形或网络。阅读全文
posted @ 2014-04-23 15:07 梦想天空(山边小溪) 阅读(9969) | 评论 (4) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第3期(总第24期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-04-22 22:58 梦想天空(山边小溪) 阅读(6537) | 评论 (0) 编辑
摘要: Google Analytics(谷歌分析)不仅仅是一个流量统计工具,你还可以用它来测量广告活动的有效性,跟踪用户多远到所需的页面流,并基于用户的信息设置浏览器和语言环境支持。但是,这一切东西都不是我们开发者所需要的。今天给大家介绍一个很另类的技巧,通过自定义事件跟踪 JavaScript 错误。下面就让我们来看看如何实现的错误检查的。阅读全文
posted @ 2014-04-17 09:56 梦想天空(山边小溪) 阅读(5904) | 评论 (2) 编辑
摘要: 键盘事件是 Web 开发中最常用的事件之一,通过对键盘事件的捕获和处理可以提高网站的易用性和交互体验。下面,我们向大家介绍收集的20款优秀的 JavaScript 键盘事件处理库,帮助开发人员轻松处理各种键盘事件,赶紧收藏吧!阅读全文
posted @ 2014-04-10 15:55 梦想天空(山边小溪) 阅读(3859) | 评论 (3) 编辑
摘要: Winjs 是由微软开源技术的开发者推出的一组 JavaScript 组件,包括 ListView、ListView、Tooltip、DatePicker、Ratings 等等,帮助 Web 开发人员使用最好的网站功能解决方案。阅读全文
posted @ 2014-04-09 10:43 梦想天空(山边小溪) 阅读(1857) | 评论 (0) 编辑
摘要: ZeroClipboard 库提供了一种把文本复制到剪贴板的简单方法。Zero 表示该库是不可见的,用户界面则完全取决于你。 该库完全兼容 Flash Player 10.0.0 或以上版本,这就要求剪贴板复制操作需要通过 Flash 影片内部的用户单击事件来初始化。支持 IE7+ 和所有的现代浏览器。阅读全文
posted @ 2014-04-03 13:08 梦想天空(山边小溪) 阅读(2068) | 评论 (0) 编辑
摘要: 网站的加载速度在一定程度上来说是决定网站能否成功的关键。如果您是网站所有者,一定知道网站速度的重要性。因为没有人愿意为了打开一个网页而等老半天,换句话说,如果你的网站打开速度很慢,将流失大量的访客,甚至出现多米诺效应的不良影响。阅读全文
posted @ 2014-04-02 14:00 梦想天空(山边小溪) 阅读(12122) | 评论 (20) 编辑
摘要: EpicEditor 是一款可以嵌入到网页中的 JavaScript Markdown 编辑器,支持全屏编辑、在线预览、自动保存草稿,离线支持等等。对于开发人员,它提供了一个健壮的API,可以很容易定制主题并允许你灵活使用绑定的 Markdown 解析器。阅读全文
posted @ 2014-04-02 09:56 梦想天空(山边小溪) 阅读(6362) | 评论 (0) 编辑
摘要: JavaScriptOO.com 集合了目前 Web 开发中最常用的422(截至目前)款 JavaScript 框架,你可以根据功能类别(Ajax,动画,图表,游戏等)进行过滤和排序,快速找到你需要的框架。每个项目都有在线演示,源码下载以及 CDN 链接。阅读全文
posted @ 2014-04-01 10:30 梦想天空(山边小溪) 阅读(2657) | 评论 (0) 编辑
摘要: Web 应用程序有离线功能,如保存大量数据集和二进制文件。你甚至可以做 缓存 MP3 文件 这样的事情。浏览器技术可以保存离线数据和大量的储存。但问题是,如何选择合适技术,如何方便灵活的实现。阅读全文
posted @ 2014-03-27 14:46 梦想天空(山边小溪) 阅读(9296) | 评论 (9) 编辑
摘要: PNotify 是一个 JavaScript 通知插件,前身为 Pines Notify。它旨在提供无与伦比的灵活性,同时很容易使用。它可以提供无阻塞的通知,允许用户无需关闭通知或者提示信息就可以点击通知后面的元素。阅读全文
posted @ 2014-03-27 10:02 梦想天空(山边小溪) 阅读(9617) | 评论 (0) 编辑
摘要: Mithril 是一个客户端的 Javascript MVC 框架。它是一个工具,使应用程序代码分为数据层,UI 层和粘合层。提供了一个模板引擎与一个虚拟的 DOM diff 实现,用于高性能渲染,支持路由和组件化。阅读全文
posted @ 2014-03-26 10:48 梦想天空(山边小溪) 阅读(4306) | 评论 (1) 编辑
摘要: 使用 HTML5,CSS3 和 JavaScript 开发移动应用经过实践证明是一种可行的方式。这里收录了几款 iOS 风格的手机应用程序开发框架,帮助您使用擅长的 Web 技术来开发移动应用程序。这些工具大多都基于 HTML & CSS,而另一些则可能需要使用 JavaScript 库。阅读全文
posted @ 2014-03-25 15:09 梦想天空(山边小溪) 阅读(12255) | 评论 (14) 编辑
摘要: HTML5 Dashboard 是一个 Mozilla 推出的项目,里面展示了最前沿的 HTML5,CSS3,JavaScript 技术。每一项技术都有简洁,在线演示以及详细的文档链接。这些技术将成为未来一段时间 Web 开发的顶尖技术,如果不想落伍的话就赶紧来看看吧。阅读全文
posted @ 2014-03-25 10:28 梦想天空(山边小溪) 阅读(5726) | 评论 (3) 编辑
摘要: 一个 JavaScript 库是预先编写的 JavaScript 程序,用于简化 Web 应用程序开发,特别是对 Ajax 和其它 Web 为中心的技术。JavaScript 提供了多种方法,通过它来创建交互式网站,Web 应用程序,给您的访客一个更好的用户体验。阅读全文
posted @ 2014-03-23 14:35 梦想天空(山边小溪) 阅读(10490) | 评论 (17) 编辑
摘要: Gremlins.js 是基于 JavaScript 编写的 Monkey 测试库,支持 Node.js 平台和浏览器中使用。Gremlins.js 随机模拟用户操作:单击窗口中的任意位置,在表格中输入随机数据,或者将鼠标移动到特别的元素。阅读全文
posted @ 2014-03-22 16:45 梦想天空(山边小溪) 阅读(1271) | 评论 (0) 编辑
摘要: 今天给大家分享的优秀教程来自 Codrops 网站,实现一个内容倾斜的 3D 幻灯片效果。我们平常见到的都是那种水平或者垂直滚动的效果,这个倾斜的内容滑动效果相信会让你眼前一亮。因为使用了 CSS 3D 变换和 CSS 动画,所以支持现代浏览器。赶紧体验一下吧。阅读全文
posted @ 2014-03-21 10:26 梦想天空(山边小溪) 阅读(926) | 评论 (0) 编辑
摘要: Scroll Depth 是一个小型的 Google Analytics(谷歌分析)插件,可以让你衡量用户在页面上滚动了多远。它可以监控 25%、50%、75% 和 100% 四个滚动点,并发送谷歌分析事件。您还可以跟踪页面上的特定元素是否滚动到视图中。阅读全文
posted @ 2014-03-19 14:59 梦想天空(山边小溪) 阅读(1327) | 评论 (2) 编辑
摘要: 《Web前端开发精华文章推荐》2014年第二期(总第二十三期)和大家见面了。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀jQuery插件,展示前沿的HTML5和CSS3技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的Web开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-03-18 15:20 梦想天空(山边小溪) 阅读(6121) | 评论 (0) 编辑
摘要: 这篇文章收集了20个免费的 JavaScript 游戏引擎分享给开发者。这些游戏引擎能够帮助游戏开发人员更快速高效的开发出各种好玩的游戏。使用 HTML5、CSS3 和 Javascript 可以帮助面向对象开发者开发拥有各种特性的游戏,比如:3D 动画效果,Canvas,数学,颜色,声音,WebGL 等等。最明显的优势在于使用 HTML5 开发的游戏能在任何现代化流行的设备上运行。阅读全文
posted @ 2014-03-17 15:08 梦想天空(山边小溪) 阅读(1375) | 评论 (0) 编辑
摘要: Remodal 是一个扁平化,响应式,轻量而且容易定制的模态窗口插件,支持使用声明状态和 Hash 跟踪。您可以轻松地定义为模态弹窗定义背景景容器(如模糊效果)。支持所有现代的浏览器。阅读全文
posted @ 2014-03-12 09:40 梦想天空(山边小溪) 阅读(2499) | 评论 (0) 编辑
摘要: 虽然 CSS3 动画功能能够让我们以简单轻松的方式实现动画效果,但是浏览器兼容性问题让人头疼。不过不用担心,我们还有另外的武器——JavaScript,它同样可以帮助你实现各种各样的动画效果,而且借助已有的动画库和框架,也能够让你快速开发。这篇文章挑选了个人认为最好的15个 JavaScript 动画库和开发框架,相信其中一定会有一款是适合你的。阅读全文
posted @ 2014-03-10 14:38 梦想天空(山边小溪) 阅读(28397) | 评论 (16) 编辑
摘要: 飞扬的小鸟(Flappy Bird)无疑是2014年全世界最受关注的一款游戏。这款游戏是一位来自越南河内的独立游戏开发者阮哈东开发,形式简易但难度极高的休闲游戏,很容易让人上瘾。这里给大家分享一篇这款游戏的 HTML5 版制作教程,借助 Phaser 框架,只需65行 JavaScript 代码即可实现。阅读全文
posted @ 2014-03-05 13:34 梦想天空(山边小溪) 阅读(12253) | 评论 (0) 编辑
摘要: Node.js 是最流行的 JavaScript 服务端平台,它允许建立可扩展的 Web 应用程序。Node.js 包含不同类型的框架,如 MVC 框架、全栈框架、REST API 以及大量的服务器库,使它能够快速构建 Web 服务器。今天,我们挑选了10个最好的 Node.js MVC 框架分享给 Web 开发人员,它们能够帮助开发人员更轻松的创建 MVC 项目。阅读全文
posted @ 2014-03-03 14:49 梦想天空(山边小溪) 阅读(61050) | 评论 (15) 编辑
摘要: Sticker.js 是一个很小的 JavaScript 库,它允许您在网页中创建漂亮的贴纸效果。没有依赖关系(不需要 jQuery),可以在大多数支持 CSS3 的主流浏览器工作。下面有简单的使用示例,更多功能等着你去发现。阅读全文
posted @ 2014-03-01 16:42 梦想天空(山边小溪) 阅读(3296) | 评论 (0) 编辑
摘要: 图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等。可视化图表可以帮助开发者更容易理解复杂d数据,提高生产的效率和 Web 应用和项目的可靠性。在这篇文章中,我们收集了35款值得网站开发者收藏的 JavaScript 图形图表库,适合各种图表需求。阅读全文
posted @ 2014-02-27 15:11 梦想天空(山边小溪) 阅读(31263) | 评论 (1) 编辑
摘要: XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的 send() 方法来异步的提交表单。与普通的 Ajax 相比,使用 FormData 的最大优点就是我们可以异步上传二进制文件。阅读全文
posted @ 2014-02-26 23:39 梦想天空(山边小溪) 阅读(121277) | 评论 (11) 编辑
摘要: ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力。只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置好的动画。阅读全文
posted @ 2014-02-24 09:53 梦想天空(山边小溪) 阅读(8349) | 评论 (0) 编辑
摘要: Progress.js 是一个 JavaScript 和 CSS3 的库,它帮助开发人员为网页上的每个对象创建和管理进度条效果。你可以设计自己的模板,进度条或者干脆定制。您可以使用 Progress.js 为网页中的任何加载中内容(图片,视频等)向用户呈现进度条。它可以用在所有的元素,包括文本输入框,文本域,甚至整个页面。阅读全文
posted @ 2014-02-21 10:22 梦想天空(山边小溪) 阅读(6169) | 评论 (2) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第一期(总第二十二期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-02-18 10:00 梦想天空(山边小溪) 阅读(8695) | 评论 (8) 编辑
摘要: Mondrian 是一个免费矢量图形 Web 应用程序,类似 Adobe Illustrator 或 Inkscape。Mondrian 提供所有所需的工具来创建、修改和导出简单的 SVG 文件,过历史文件 API 来支持撤销/重做以及存储操作。整个应用程序是用 Coffeescript 写。阅读全文
posted @ 2014-02-15 15:00 梦想天空(山边小溪) 阅读(2341) | 评论 (0) 编辑
摘要: InstantClick 是一个 JavaScript 库,大大加速你的网站响应速度。在访问者点击一个链接之前,鼠标会悬停在链接上面,这两个事件之间通常有200ms~300ms的间隔,InstantClick 利用这个时间间隔预加载页面。这样当你点击页面的时候,其实页面已经加载到本地了,呈现当然也就会很快。阅读全文
posted @ 2014-02-13 14:00 梦想天空(山边小溪) 阅读(4633) | 评论 (4) 编辑
摘要: ImageLightbox.js 是一款很简洁的用于显示图片灯箱效果(Lightbox)的插件,没有字幕,导航按钮或默认背景。如果默认功能不够用的话,你可以很容易地自定义 JavaScript 函数扩展插件,更改设置或者使用一些很有用的功能函数。最重要的是,图片适应任意大小的屏幕,并提供在触摸设备中使用的支持。阅读全文
posted @ 2014-02-08 10:19 梦想天空(山边小溪) 阅读(3997) | 评论 (0) 编辑
摘要: CountUp.js 无依赖的、轻量级的 JavaScript 类,可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp,但其实可以在两个方向进行变化,这是根据你传递的 startVal 和 endVal 参数判断的。阅读全文
posted @ 2014-01-24 16:00 梦想天空(山边小溪) 阅读(35027) | 评论 (0) 编辑
摘要: CodePen 是一个在线的 HTML、CSS 和 JavaScript 代码编辑器,能够编写代码并即时预览效果。你在上面可以在线展示自己的作品,也可以看到其他人在网页中实现的各种令人惊奇的效果。今天这篇文章就为大家挑选出8个超炫的 Web 效果演示,这些 Demo 可以说都是艺术品,让小伙伴们都惊呆了!阅读全文
posted @ 2014-01-23 14:24 梦想天空(山边小溪) 阅读(35598) | 评论 (75) 编辑
摘要: 当需要在网站中添加拖放排序功能的时候,jQuery UI 的排序组件可能是最流行的解决方案。今天给大家介绍另一款简单灵活的 JavaScript 拖放排序插件——Sortable,它使用 HTML5 原生的拖放 API 来实现拖放,并支持在触屏设备上使用。阅读全文
posted @ 2014-01-22 14:20 梦想天空(山边小溪) 阅读(37077) | 评论 (1) 编辑
摘要: 这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具。对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工具对于你来说都是新的领域,那么这篇文章是非常有用的,因为这些实用的工具将让你的工作更有效率。阅读全文
posted @ 2014-01-20 14:21 梦想天空(山边小溪) 阅读(17618) | 评论 (17) 编辑
摘要: 我们通常使用鼠标和键盘(在移动端使用触摸)来操作网站,如今 Voix.js 能够让我们使用声音控制网站,很酷吧?它可以启动和停止侦听麦克风,在检测到一个给定的关键字时触发绑定的特定事件。Voix.js 使用很简单,不过目前只支持 Chrome 浏览器。阅读全文
posted @ 2014-01-20 13:47 梦想天空(山边小溪) 阅读(2124) | 评论 (0) 编辑
摘要: Magnifier.js 是一个 JavaScript 库,能够帮助你在图像上实现放大镜效果,支持使用鼠标滚轮放大/缩小功能。放大的图像可以显示在镜头本身或它的外部容器中。Magnifier.js 使用Event.js 作为跨浏览器的事件处理器。阅读全文
posted @ 2014-01-14 16:08 梦想天空(山边小溪) 阅读(3690) | 评论 (0) 编辑
摘要: 这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花了很多时间来研读网络浏览器的源代码。阅读全文
posted @ 2014-01-10 14:11 梦想天空(山边小溪) 阅读(21242) | 评论 (15) 编辑
摘要: Planetary.js 是一个 JavaScript 库,用于构建互动球体效果。它使用 D3 和 TopoJSON 解析和渲染地理数据。Planetary.js 采用了基于插件的架构,即使是默认的功能是作为插件实现的,这使得 Planetary.js 非常灵活。Planetary.js 是完全可定制,包括颜色,旋转等等。阅读全文
posted @ 2014-01-09 17:07 梦想天空(山边小溪) 阅读(3781) | 评论 (2) 编辑
摘要: 感谢大家在过去一年对《梦想天空》博客的支持,2014年我会继续向大家分享更多更好的前端开发相关的技术文章、资源和素材。祝大家在新的一年里心想事成,马到成功!这篇文章挑选了10篇2013年最受欢迎的前端开发博文,看看有没有你错过的精彩内容。阅读全文
posted @ 2014-01-02 14:35 梦想天空(山边小溪) 阅读(6759) | 评论 (10) 编辑
摘要: Harp 是一个基于 Node.js 平台的静态 Web 服务器,内置流行的预处理器,支持把 Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript 转换为 HTML、CSS、JavaScript,不需要进行任何的配置。阅读全文
posted @ 2013-12-31 11:10 梦想天空(山边小溪) 阅读(1576) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第九期(总第二十一期)和大家见面了。梦想天空博客关注前端开发技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2013-12-25 09:53 梦想天空(山边小溪) 阅读(4320) | 评论 (4) 编辑
摘要: 今天的《优秀前端教程》给大家带来的是一组扁平风格的 3D 进度按钮样式,其中的按钮本身作为一个进度指示器。3D 样式是用于在按钮的一侧展示j进度。需要注意的是,这些效果都是借助于在伪元素上使用过渡特效,因此在某些浏览器(如 Safari 和移动 Safari 浏览器等)不支持。阅读全文
posted @ 2013-12-19 14:02 梦想天空(山边小溪) 阅读(2656) | 评论 (4) 编辑
摘要: Headroom.js 是一个轻量级,高性能的JS插件(无依赖性!),允许你响应用户的滚动行为。Headroom.js 使您能够在适当的时候把元素融入视图,而其它时候让内容成为焦点。Headroom.js 简单易用,它有一个纯 JS API,以及可选的 jQuery、Zepto 和 AngularJS 兼容的插件。阅读全文
posted @ 2013-12-12 10:52 梦想天空(山边小溪) 阅读(5405) | 评论 (0) 编辑
摘要: 不同版本的 IE 浏览器支持不同的 JavaScript 元素集。标准模式(有 指令时 Internet Explorer 所有当前版本中使用的模式)支持的一组元素与突发模式(没有 指令时使用的模式)不同。 有关版本控制的更多信息,请参见Defining Document Compatibility(定义文档兼容性)。阅读全文
posted @ 2013-12-11 10:07 梦想天空(山边小溪) 阅读(7030) | 评论 (0) 编辑
摘要: heX 是网易有道团队的一个开源项目,允许你采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案。heX 是你开发桌面应用的一种新的选择,意在解决传统桌面应用开发中繁琐的UI和交互开发工作,使其变的简单而高效,特别适合于开发重UI,重交互的桌面应用软件。阅读全文
posted @ 2013-12-10 14:02 梦想天空(山边小溪) 阅读(43026) | 评论 (7) 编辑
摘要: Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库,压缩后不到1KB大小。 延迟加载是提高网页首屏显示速度的一种很有效的方法,当图片元素进入窗口可视区域的时候,它就会改变图像的 src 属性,从服务端加载所需的图片,这也是一个异步的过程。阅读全文
posted @ 2013-12-06 11:21 梦想天空(山边小溪) 阅读(15031) | 评论 (5) 编辑
摘要: 这篇文章来自 Github 上的一位开发者收集整理的 Node.js 中文学习资料和教程导航。Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念,它的目标是帮助程序员构建高度可伸缩的应用程序。这些参考资料和教程能够帮助你更好的掌握 Node.js 的应用。阅读全文
posted @ 2013-12-05 10:59 梦想天空(山边小溪) 阅读(6343) | 评论 (0) 编辑
摘要: Web 原本是扁平化的,但是现在你可以折起来。OriDomi 是一个开源的 JavaScript 库,使得 DOM 元素能够实现像纸折一样折叠的效果。在创建你所看到的场景背后,OriDomi 做了大量的 DOM 操作。阅读全文
posted @ 2013-12-02 10:31 梦想天空(山边小溪) 阅读(1515) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第八期(总第二十期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章和资源能够帮助到您。阅读全文
posted @ 2013-11-28 15:33 梦想天空(山边小溪) 阅读(5158) | 评论 (0) 编辑
摘要: 数以百万计的设计师和工程师采用 Foundation 作为他们的产品和网站设计的前端框架。Foundation 是第一个响应式、语义化和移动优先的开源框架。最近发布的 Foundation 5 建立了一个新的命令行工具,可以让你更快速的建立起 Foundation 项目,这些项目现在将使用 Libsass——后端的 Sass 编译库,这将大大加快执行速度。阅读全文
posted @ 2013-11-26 09:23 梦想天空(山边小溪) 阅读(8207) | 评论 (2) 编辑
摘要: Ideal Forms 是建立和验证响应式 HTML5 表单的终极框架。它刚刚发布 V3 版本,更小,更快,更具可扩展性。它支持实时验证,完全自适应(适应容器,没有 CSS 媒体查询需要),键盘支持,自定义复选框、单选框和文件输入,无缝集成 jQuery UI 的日期选择器,支持第三方扩展和本地化。阅读全文
posted @ 2013-11-25 09:51 梦想天空(山边小溪) 阅读(4059) | 评论 (0) 编辑
摘要: 这篇文章与大家分享优秀的 Node.js 路由(Routers)模块。Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。阅读全文
posted @ 2013-11-24 09:33 梦想天空(山边小溪) 阅读(3343) | 评论 (0) 编辑
摘要: Maplace.js是一个小的显示谷歌地图的 jQuery 插件,帮助你把谷歌地图嵌入到你的网站,快速在地图位置上创建标记和控制菜单。它需要 jQuery 和谷歌地图 API v3 支持,所以这两个都需要引入到你的页面。它支持标记和自定义图标、缩放级别和自定义控件菜单。阅读全文
posted @ 2013-11-21 11:26 梦想天空(山边小溪) 阅读(5525) | 评论 (2) 编辑
摘要: Pizza Pie Charts 是一个基于 Adobe 的 Snap SVG 框架的响应式饼图插件。它着重于集成 HTML 标记和 CSS,而不是 JavaScript 对象,当然Pizza Pie Charts 也支持 JavaScript 对象。基于 SVG 的图形显示让饼图在视网膜屏幕或任何高清屏幕的设备都很美观。另外,Pizza Pie Charts 能够自适应宽高,或者根据给出的最大宽度或最大高度显示。阅读全文
posted @ 2013-11-20 14:59 梦想天空(山边小溪) 阅读(2171) | 评论 (0) 编辑
摘要: Resumable.js 是一个 JavaScript 库,通过 HTML5 文件 API 提供,稳定和可恢复的批量上传功能。在上传大文件的时候通过每个文件分割成小块,每块在上传失败的时候,上传会不断重试直到程序完成。这允许上传到本地或服务器的网络连接丢失后能够自动恢复上传。阅读全文
posted @ 2013-11-18 09:58 梦想天空(山边小溪) 阅读(5284) | 评论 (2) 编辑
摘要: 这篇文章与大家分享优秀的 Node.js 中间件模块。Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。阅读全文
posted @ 2013-11-16 20:19 梦想天空(山边小溪) 阅读(5098) | 评论 (0) 编辑
摘要: ifvisible.js 是一个跨浏览器、轻量级的方式,用户检查用户在浏览页面或正在与它进行交互。它可以处理活动状态,如在页面上空闲或活跃。您还可以使用 ifvisible.js 智能设置您的间隔,如果用户是空闲或没有看到页面的间隔时间会自动停止。阅读全文
posted @ 2013-11-15 15:03 梦想天空(山边小溪) 阅读(3236) | 评论 (0) 编辑
摘要: Ember Charts 是一个基于 Ember.js 和 D3.js 的图表库。它包括时间序列、柱状图、饼图、点图,很容易扩展和修改。这些图表组件代表图表交互性和演示的最佳实践,是高度可定制和可扩展的。您可以添加说明、标签、提示和鼠标悬停效果。阅读全文
posted @ 2013-11-15 09:06 梦想天空(山边小溪) 阅读(3272) | 评论 (0) 编辑
摘要: 这篇文章与大家分享最流行的 Node.js Web 开发框架。Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。阅读全文
posted @ 2013-11-12 10:49 梦想天空(山边小溪) 阅读(5382) | 评论 (0) 编辑
摘要: 这篇文章与大家分享优秀的 Node.js 静态服务器模块。Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。阅读全文
posted @ 2013-11-06 07:44 梦想天空(山边小溪) 阅读(2626) | 评论 (1) 编辑
摘要: 表单元素让人爱恨交加。作为网页最重要的组成部分,表单几乎无处不在,从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能,表单都让开发者花费了大量的时间和精力去处理,以期实现好用又漂亮的表单功能。这篇文章分享几款很棒的 JavaScript 下拉列表功能增强插件。阅读全文
posted @ 2013-11-04 15:08 梦想天空(山边小溪) 阅读(41783) | 评论 (29) 编辑
摘要: RequireJS Optimizer 是 RequireJS 自带的前端优化工具,可以对 RequireJS 项目中的 JavaScript 代码使用 UglifyJS 或者 Closure Compiler 进行压缩合并,也可以对 CSS 文件进行压缩合并。这篇文章介绍RequireJS Optimizer 的使用和配置方法,帮助大家解决使用中碰到的问题。阅读全文
posted @ 2013-10-31 13:46 梦想天空(山边小溪) 阅读(17267) | 评论 (8) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第七期(总第十九期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2013-10-30 13:57 梦想天空(山边小溪) 阅读(7378) | 评论 (18) 编辑
摘要: Offline.js 是一个在用户失去互联网连接的时候自动提醒用户的 JavaScript 库,类似 Gmail 中的效果。它能够捕捉到断网时的 AJAX 请求,在网络连接恢复的时候重新发送请求,这样您的应用程序能够完美的恢复使用。阅读全文
posted @ 2013-10-30 09:22 梦想天空(山边小溪) 阅读(7348) | 评论 (0) 编辑
摘要: SVG 是一种很好的 Web 技术方案,可以用来创建互动,在任何大小的屏幕上都会很好看、与分辨率无关的矢量图形。而 Snap.svg 这个 JavaScript 可以让你像 jQuery 操作 DOM 一样操作 SVG 资源。Snap.svg 是专为现代浏览器打造,支持剪裁,遮罩,纹理,渐变,分组等功能。凭借丰富的动画库和易于的事件处理,Snap.svg 可以帮助你轻松实现 SVG 功能。阅读全文
posted @ 2013-10-29 14:34 梦想天空(山边小溪) 阅读(23059) | 评论 (0) 编辑
摘要: 这篇文章与大家分享一批优秀的 Node.js 入门教程和学习资源。Node 是一个服务器端的 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。阅读全文
posted @ 2013-10-26 22:23 梦想天空(山边小溪) 阅读(9608) | 评论 (10) 编辑
摘要: 在 Web 项目中,有时候我们需要根据程序运行的环境采取特定操作。Device.js 是一个很小的 JavaScript 库,它简化了编写和平台,操作系统或浏览器相关的条件 CSS 或 JavaScript 代码。阅读全文
posted @ 2013-10-25 15:28 梦想天空(山边小溪) 阅读(2915) | 评论 (0) 编辑
摘要: 单页滚动网站已经被广泛使用了有一段时间了,它们对于快速提供信息是很有用的。One Page Scroll 是一个 jQuery 插件,简化了创建此类网站的步骤,只需创建 HTML 结构,进行简单设置,然后调用函数就可以了。阅读全文
posted @ 2013-10-24 14:43 梦想天空(山边小溪) 阅读(8116) | 评论 (0) 编辑
摘要: Rainyday.js 是一个轻量的 JavaScript 库,利用 HTML5 Canvas 实现雨滴下落在玻璃表面的动画效果。Rainyday.js 尽可能的模拟现实的雨滴效果,几乎可以以假乱真了。赶紧来瞅瞅吧!阅读全文
posted @ 2013-10-23 23:17 梦想天空(山边小溪) 阅读(13991) | 评论 (57) 编辑
摘要: 前端开发人员大都喜欢 Underscore,它的工具函数很实用,用法简单。这里给大家推荐另外一个功能更全面的 JavaScript 工具——Lo-Dash,帮助你更好的开发网站和 Web 应用程序。阅读全文
posted @ 2013-10-23 15:22 梦想天空(山边小溪) 阅读(3717) | 评论 (0) 编辑
摘要: 选择正确的 JavaScript 框架,对于开发移动 Web 应用程序是至关重要的,也是移动应用程序开发的一项重要任务。开发人员可以使用框架实现的功能高效地达到他们的开发目标。这些预实现的组件采用优秀的设计模式和最佳实践,促进应用程序以标准化的方式开发。最重要的是,它让开人员在开发过程中得心应手。阅读全文
posted @ 2013-10-22 09:31 梦想天空(山边小溪) 阅读(8781) | 评论 (6) 编辑
摘要: 对于视差滚动(Parallax Scrolling),关注网页设计的朋友都不会陌生。在网页设计中,视差滚动是一种很特别的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果,有很强的视觉冲击力。 前阵子视差被用来提供一个漂浮在屏幕周围的元素,有很多的网站使用这种效果,有点势不可挡的趋势。阅读全文
posted @ 2013-10-21 22:34 梦想天空(山边小溪) 阅读(4150) | 评论 (5) 编辑
摘要: 来自谷歌的 Web Tracing Framework 是一组工具和脚本,用于 JavaScript 相关代码的性能分析。它是重 JavaScript 应用程序的理想选择,而 JavaScript 仅用于简单的交互的网页可能没有必要。有一个手动嵌入选项和一个 Chrome 扩展,用于获取内部浏览器的数据和处理这些数据的命令行工具。阅读全文
posted @ 2013-10-16 13:40 梦想天空(山边小溪) 阅读(1004) | 评论 (0) 编辑
摘要: Owl Carousel 是一个 jQuery 插件,使我们能够迅速地创建响应式传送带滑块。这个插件是触摸友好的,能与几乎任何的 HTML 内容兼容使用。另外,强大的选项设置支持分页/滑动速度,启用/禁用自动播放,显示子弹导航等等。阅读全文
posted @ 2013-10-15 09:59 梦想天空(山边小溪) 阅读(4836) | 评论 (0) 编辑
摘要: HTML(.js) 是一个轻量的(压缩后~2kb) JavaScript 库,简化了与 DOM 交互的方法。 这个 JavaScript 库的方法可读性很好,并具有搜索和遍历 DOM 的方法。相比 jQuery、YUI、MooTools 等 JavaScript 库已经有这样的功能,这个框架不包裹或隐藏原生 DOM,而是暴露和增强,而且非常轻量。阅读全文
posted @ 2013-10-14 13:59 梦想天空(山边小溪) 阅读(2531) | 评论 (6) 编辑
摘要: Keypress 是一个强大的 JavaScript 库,用于捕获键盘输入。这是一个有非常特殊的功能的输入捕获库,它是很容易掌握和使用,并且不依赖第三方库。在网站开发中,经常会碰到需要处理键盘输入的场景,处理起来繁琐。现在有了这个键盘输入处理的库就很方便了。阅读全文
posted @ 2013-10-12 09:49 梦想天空(山边小溪) 阅读(2667) | 评论 (7) 编辑
摘要: 正则表达式是每个程序开发人员的必备技能。任何开发项目,不管使用什么编程语言,都需要从给定的数据提取值并进行验证。例如对输入内容的验证,过滤 URL 变量等等,正则表达式处理这样的任务很容易,而且只需要很少的代码。另一方面,正则表达式被很多人认为是很难掌握的。但事实不是这样的,他们只是看起来复杂而已。这里有12个伟大的资源,能够帮助你学习和掌握正则表达式。阅读全文
posted @ 2013-10-10 14:14 梦想天空(山边小溪) 阅读(9503) | 评论 (29) 编辑
摘要: FullPage.js 是一个简单而易于使用的插件,用来创建全屏滚动网站(也被称为单页网站)。除了可以创建全屏滚动效果以外,也可以给网站添加一些水平的滑块效果。能够自适应不同的屏幕尺寸,包括平板电脑和移动设备。阅读全文
posted @ 2013-10-10 10:51 梦想天空(山边小溪) 阅读(23646) | 评论 (2) 编辑
摘要: HTML5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。这里向大家展示一个使用 Canvas 和 JavaScript 创建逼真的下雨效果。阅读全文
posted @ 2013-10-07 09:46 梦想天空(山边小溪) 阅读(4873) | 评论 (2) 编辑
摘要: BackgroundCheck 是一个轻量的 JavaScript 库,能够根据元素后面的图片的亮度自动切换元素样式。例如在图片幻灯片功能中,根据图片亮度调整导航箭头的颜色,这样让图片和导航的颜色形成一定的对比度,更清晰。类似可以使用的地方还有固定导航,在滚动下拉的时候根据文本背面的图片自动修改颜色等等。阅读全文
posted @ 2013-09-30 16:09 梦想天空(山边小溪) 阅读(1565) | 评论 (0) 编辑
摘要: TogetherJS是一个免费、开源的 JavaScript 库,来自 Mozilla 实验室,可以实现基于 Web 的在线协作功能。把 TogetherJS 添加到您的网站中,您的用户可以在实时的互相帮助!当然还有很多其它的可以应用的场合,值得一试。阅读全文
posted @ 2013-09-29 14:22 梦想天空(山边小溪) 阅读(2681) | 评论 (2) 编辑
摘要: 在页面中引入 Pace.js 和您所选择主题的 CSS 文件,就可以让你的页面拥有漂亮的加载进度和 Ajax 导航效果。不需要挂接到任何代码,自动检测进展。您可以选择颜色和多种效果,有简约,闪光灯,MAC OSX,左侧填充,顶部填充,计数器和弹跳等等。阅读全文
posted @ 2013-09-27 09:43 梦想天空(山边小溪) 阅读(23456) | 评论 (9) 编辑
摘要: 文件上传功能作为网页重要的组成部分,几乎无处不在,从简单的单个文件上传到复杂的批量上传、拖放上传,需要开发者花费大量的时间和精力去处理,以期实现好用的上传功能。这篇文章向大家推荐几款很棒的 JavaScript 文件上传功能增强插件。阅读全文
posted @ 2013-09-25 15:04 梦想天空(山边小溪) 阅读(97767) | 评论 (47) 编辑
摘要: Favico.js 在让你的网页图标显示徽章,图像或视频。你设置可以轻松地在网页图标中使用动画,可以自定义类型的动画,背景颜色和文字颜色。它支持的动画,像幻灯片,渐变,弹出等等。阅读全文
posted @ 2013-09-23 10:35 梦想天空(山边小溪) 阅读(2182) | 评论 (4) 编辑
摘要: Glide.js 是一款响应式和对触摸友好的 jQuery 滑块。基于 CSS3 转换实现,并在低版本浏览器降级处理。Glide.js 简单,重量轻,快速,适用于智能手机,平板电脑和台式机。它支持 swipe 事件,箭头和子弹导航,键盘导航,公共 API 回调,自动播放和悬停暂停功能。阅读全文
posted @ 2013-09-22 11:02 梦想天空(山边小溪) 阅读(5385) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第六期(总第十八期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2013-09-17 15:22 梦想天空(山边小溪) 阅读(7644) | 评论 (14) 编辑
摘要: Bootstrap Magic 是一款基于 Bootstrap 和 AngularJS 的主题创建工具。您可以轻松地创建您自己的 Twitter Bootstrap 主题,可以立即看到你的内容变化。您还可以添加来自 Google Webfont 的很棒的网页字体。阅读全文
posted @ 2013-09-11 10:14 梦想天空(山边小溪) 阅读(16695) | 评论 (4) 编辑
摘要: Parallax.js 是一个简单的,轻量级的的视差引擎,能够对智能设备的方向作出反应。在没有没有陀螺仪或运动检测硬件可用的时候,使用光标的位置来代替。有很多的行为,你就可以设置为任何给定的视差实例。这些行为既可以通过在标记中指定的数据属性或通过构造函数 和 JavaScript API 调用。阅读全文
posted @ 2013-09-10 11:03 梦想天空(山边小溪) 阅读(13338) | 评论 (3) 编辑
摘要: iosOverlay.js 用于在 Web 项目中实现 iOS 风格的通知和提示效果。为了防止图标加载的时候闪烁,你需要预加载的图像资源。不兼容 CSS 动画的浏览器需要 jQuery 支持。浏览器兼容:IE7+, Google Chrome, Firefox, Opera, Desktop Safari, Mobile Safari — iPhone & iPad。阅读全文
posted @ 2013-09-06 13:10 梦想天空(山边小溪) 阅读(3563) | 评论 (0) 编辑
摘要: jsPDF 是一个基于 HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。使用方法很简单,只要引入 jsPDF 库,然后调用内置的方法就可以了。浏览器兼容性: IE6+*, Firefox 3+, Chrome, Safari 3+, Opera,对于 IE9 以下的版本会使用 Downloadify 来实现文件下载功能。阅读全文
posted @ 2013-09-04 09:42 梦想天空(山边小溪) 阅读(25486) | 评论 (11) 编辑
摘要: Intention.js 提供一个轻量级的和明确的方式,帮助你动态重组 HTML,成为响应式的方式。操作方法都放在了元素自己里面,所以灵活的布局看起来就似乎不会那么的抽象和凌乱。您可以轻松地增加布局的选择和灵活性,缩短开发时间和减少样式表覆盖媒体查询驱动的必要性。你可以轻松地添加自己的上下文或者创建自己的自定义组。阅读全文
posted @ 2013-09-02 09:42 梦想天空(山边小溪) 阅读(2676) | 评论 (0) 编辑
摘要: 在 Web 项目中,浏览器兼容以及跨浏览器测试是最重要的也是最费劲的工作。DalekJS 是一个基于 JavaScript(或 Node.js) 的免费和开源的自动化测试接口。它能够同时运行测试一组流行的浏览器(Chrome,IE,Firefox 和 WebKit)。阅读全文
posted @ 2013-08-30 10:42 梦想天空(山边小溪) 阅读(2805) | 评论 (4) 编辑
摘要: SlimerJS 是一个提供给 Web 开发人员,可通过脚本编程控制的浏览器。它可以让你使用 Javascript 脚本操纵一个网页:打开一个网页,点击链接,修改的内容等,这对于做功能测试,页面自动机,网络监控,屏幕捕获等是非常有用的。事实上,它是类似 PhantomJS 的一个工具,除了它运行在 Gecko 上而不是Webkit。阅读全文
posted @ 2013-08-23 14:57 梦想天空(山边小溪) 阅读(7498) | 评论 (2) 编辑
摘要: 表单元素让人爱恨交加。作为网页最重要的组成部分,表单几乎无处不在,从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能,表单都让开发者花费了大量的时间和精力去处理,以期实现好用又漂亮的表单功能。这篇文章向大家推荐几款很棒的 JavaScript 表单美化和验证插件。阅读全文
posted @ 2013-08-22 14:13 梦想天空(山边小溪) 阅读(23274) | 评论 (14) 编辑
摘要: Twitter Bootstrap 3.0 终于正式发布了。这是一个圆滑的,直观的和强大的移动优先的前端框架,用于更快,更容易的 Web 开发。几乎一切都已经被重新设计和重建,更好的支持移动端设备。最新的 Twitter Booststrap 包含四层网格类​​——手机,平板电脑,台式机,和大型桌面,你可以做一些超级疯狂的布局。定制器进行了重新设计,现在在浏览器中编译,而不是 Heroku 上,有更好的依赖性支持,甚至有内置的错误处理。阅读全文
posted @ 2013-08-21 10:46 梦想天空(山边小溪) 阅读(22874) | 评论 (16) 编辑
摘要: Codrops 给我们分享了一个多层菜单的实现教程。他们试图探索创建一个嵌套的多级菜单,是非常有用的东西,可以有很多的内容,如网上商店的导航菜单。 这个 Push Menu 效果理论上可以包含无限嵌套的子菜单。阅读全文
posted @ 2013-08-20 10:22 梦想天空(山边小溪) 阅读(2242) | 评论 (0) 编辑
摘要: 今天,我们想与您分享一个实验性的3D效果。它涉及到一个3D移动设备和一些移动应用程序截图。点击切换按钮时,我们将让移动设备转动并移动每个画面,使我们能看到一个分层的视图。你可能之前没见过这种应用程序演示模式,使用 CSS 来实现这样的效果是十分有趣的事情。阅读全文
posted @ 2013-08-19 14:10 梦想天空(山边小溪) 阅读(3100) | 评论 (0) 编辑
摘要: 在本教程中我将告诉你如何使用 CSS 变换来创建圆形导航。教程逐一讲解实现这个样式将要涉及一些基本的数学知识并配合 CSS 变换来创建这些样式。不过不用担心,这里用到的数学知识真的是很简单的。教程使用浅显易懂的语言来介绍数学逻辑,让你能够清晰的理解背后的技术。阅读全文
posted @ 2013-08-17 14:34 梦想天空(山边小溪) 阅读(2918) | 评论 (0) 编辑
摘要: 最近,我需要做一个非常基本的网页内容编辑功能。我不想使用 iframe ,我也不想要一个功能特别多的复杂编辑器,只需要很基本的内容编辑功能,例如粗体,斜体,列表,对齐等等。这篇文章介绍一种方法,借助 HTML5 特性,使用10行 JavaScript 实现世界上最简单的文本编辑器。阅读全文
posted @ 2013-08-12 14:09 梦想天空(山边小溪) 阅读(46792) | 评论 (81) 编辑
摘要: 前端开发并不容易,除了掌握基本的 HTML、CSS 和 Javascript 之外,因为不同版本的浏览器和平台,你需要知道如何做一个跨浏览器的网站。而最新的发展趋势——响应式设计,它不仅使 Web 项目开发更难,也需要花费更多的开发时间。不过,有很多优秀的框架可以帮助到你,这篇文章挑选了14个响应式的前端框架。我列出了它的 UI 组件和 Javascript 插件,几乎所有的都使用了响应式网格系统。阅读全文
posted @ 2013-08-07 14:48 梦想天空(山边小溪) 阅读(23061) | 评论 (25) 编辑
摘要: Chance 是一个基于 JavaScript 的随机数工具类。可以生成随机数字,名称,地址,域名,邮箱,时间等等,几乎网站中使用的任何形式的内容都能够生成。这个随机数工具可以帮助减少单调的测试数据编写工作,特别是编写自动化测试的时候。阅读全文
posted @ 2013-08-02 10:47 梦想天空(山边小溪) 阅读(3100) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第五期(总第十七期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2013-07-25 14:45 梦想天空(山边小溪) 阅读(26193) | 评论 (21) 编辑
摘要: 在 Web 开发中,经常会需要一些测试数据来测试接口或者功能时候正确。JSON Generator 就是这样一款生成随机 JSON 数据的在线工具,Web 开发人员必备,记得收藏和分享啊。阅读全文
posted @ 2013-07-03 09:33 梦想天空(山边小溪) 阅读(24131) | 评论 (8) 编辑
摘要: Cytoscape.js 是一个开源的 JavaScript 图形库,您可以使用 Cytoscape.js 进行数据分析和可视化。Cytoscape.js 可以轻松的继承到你的网站或者 Web 应用中,实现交互的可视化图形。阅读全文
posted @ 2013-07-01 15:05 梦想天空(山边小溪) 阅读(8607) | 评论 (0) 编辑
摘要: 在 PC 端,我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用。但是,当我们想在移动端调试站点或者应用的时候,这些工具就派不上用场了。因此,移动开发人员都希望能有 Mobile 版本的 Firebug 或者 Chrome 开发人员工具。Weinre 就是这样一款工具,可以帮助我们调试移动网站及 PhoneGap 应用。阅读全文
posted @ 2013-06-19 09:51 梦想天空(山边小溪) 阅读(15246) | 评论 (10) 编辑
摘要: JSbooks 收集了32本优秀的 JavaScript 免费电子书,分为初级、中级、高级三个类比,大家可以根据自身的情况需要下载。实实在在的干货!记得收藏和分享啊:)阅读全文
posted @ 2013-06-17 10:02 梦想天空(山边小溪) 阅读(12192) | 评论 (34) 编辑
摘要: Fries 是一个移动开发框架,让开发者仅使用 HTML,CSS 和 Javascript 创建出 Android 应用程序界面。Fries 的灵感来自于 Ratchet(开发 iPhone 应用原型的优秀框架),作者把根据 Ratchet 的思路把一些很酷的东西引入到 Android 开发中。令人惊讶的是,Fries 能够很好的兼容 PhoneGap。Fries 旨在使 Android 应用程序开发更快速,更容易。阅读全文
posted @ 2013-06-08 09:43 梦想天空(山边小溪) 阅读(4167) | 评论 (0) 编辑
摘要: PathFinding.js 是一个综合性的 JavaScript 路径查找库库。这个项目的目的是提供一个可以很容易地纳入网页游戏的路径查找库。它可以运行上在 Node.js 或浏览器中。提供的在线演示展示了算法是如何执行的。当实例化路径查找器的时候,你可以传递额外的参数来表示具体的策略。阅读全文
posted @ 2013-06-07 11:18 梦想天空(山边小溪) 阅读(2786) | 评论 (4) 编辑
摘要: 转眼又已过去了一年,在这一年里,Firefox 和 Chrome 在拼升级,版本号不断飙升;IE10 随着 Windows 8 在去年10月底正式发布,在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《五大主流浏览器 HTML5 和 CSS3 兼容性大比拼》,让我们一起看看2013年的浏览器现状。阅读全文
posted @ 2013-06-05 15:41 梦想天空(山边小溪) 阅读(47880) | 评论 (32) 编辑
摘要: FlipClock.js 被创建出来是因为其他的解决方案不够抽象,不能够在不重写的代码的情况下提供了深层次的自定义。有些库的参数过多,而另外一些则是脚本中的硬编码太多,不够灵活。在参考许多现有的解决方案的基础上,FlipClock.js 提供可扩展的 API ,能够创建任何形式的时钟、计数器或者倒计时功能,而且翻页效果很酷。阅读全文
posted @ 2013-06-04 09:47 梦想天空(山边小溪) 阅读(7611) | 评论 (2) 编辑
摘要: Ratchet 让移动开发人员仅使用简单 HTML,CSS 和 Javascript 组件就能够快速的制作出 iPhone 应用程序的原型。Ratchet 提供了众多效果类似原生应用的界面组件,另外 Push.js 可以帮助开发人员把页面链接起来并在 iPhone 上预览。阅读全文
posted @ 2013-06-03 10:09 梦想天空(山边小溪) 阅读(6941) | 评论 (2) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第四期(总第十六期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。阅读全文
posted @ 2013-05-22 14:20 梦想天空(山边小溪) 阅读(12805) | 评论 (20) 编辑
摘要: 有时候,我们不知道我们的 SQL 查询是怎样的,因为大部分时候这些语句都是动态创建的。或者,你也正在寻找一个解决方案,使 SQL 查询更可读。Squel.js,一个轻量级的 JavaScript 库,通过一个面向对象的 API 轻松建立 SQL 查询字符串。阅读全文
posted @ 2013-05-16 09:58 梦想天空(山边小溪) 阅读(6542) | 评论 (0) 编辑
摘要: FPSMeter 是一个简单的 JavaScript 库,用于实现速度快,主题化的 FPS 数据仪表。它可以测量每秒的帧数,帧间的毫秒数。FPSMeter 支持多个实例在同一个页面上,提供了显示/隐藏仪表的方法以及使主题更漂亮的彩色热图。阅读全文
posted @ 2013-05-08 09:56 梦想天空(山边小溪) 阅读(2572) | 评论 (2) 编辑
摘要: SublimeLinter 是前端编码利器——Sublime Text 的一款插件,用于高亮提示用户编写的代码中存在的不规范和错误的写法,支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。阅读全文
posted @ 2013-05-02 14:55 梦想天空(山边小溪) 阅读(48200) | 评论 (17) 编辑
摘要: 简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站?是的,LayoutIt 是一个 Twitter Bootstrap 界面生成器,能够帮助你快速制作出网站和界面模型,同时能够下载生成的网站代码。阅读全文
posted @ 2013-05-02 09:13 梦想天空(山边小溪) 阅读(33147) | 评论 (29) 编辑
摘要: 创建,测试和维护大型的 JavaScript 代码库是很困难的,而且这边的资料和教程非常难找。Superhero.js 集合这方面的最好的文章,视频和演示文稿资料。这个列表的文中是持续更新的,可以随时来关注!阅读全文
posted @ 2013-04-25 10:14 梦想天空(山边小溪) 阅读(4770) | 评论 (2) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第三期(总第十五期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。阅读全文
posted @ 2013-04-23 09:36 梦想天空(山边小溪) 阅读(11404) | 评论 (28) 编辑
摘要: Sails.js 可以帮助你很容易的构建企业级的 Node.js 应用程序。它被设计成类似 Ruby on Rails 的 MVC 架构,但风格更现代,支持面向数据的 Web 应用程序开发,特别适合用于实时的功能实现,如聊天。Sails.js API 的脚手架和 Rails 的脚手架不同。它会为你的模型自动生成一个 RESTful JSON API,它支持 HTTP 和 WebSocket。默认情况下,你创建的每个控制器,都会获得自动创建的基本 CRUD 操作。阅读全文
posted @ 2013-04-23 09:28 梦想天空(山边小溪) 阅读(8807) | 评论 (1) 编辑
摘要: 设计和开发者社区发展飞快,以致于我们的步伐很难跟上发生在我们身边的这一切。这就是为什么我喜欢聚集最新发布的优秀资源和工具,以使我们的工作和生活更轻松。这篇文章也是这样的,从文本编辑器到帮助你构建网格系统的插件,我敢肯定这些你会发现这些工具非常有用。阅读全文
posted @ 2013-04-19 09:01 梦想天空(山边小溪) 阅读(7192) | 评论 (3) 编辑
摘要: Sublime Text 是一款优秀的跨平台编辑器,拥有漂亮的用户界面和强大的功能。Sublime Text 插件众多,通过包管理工具可以方便安装和管理。本文介绍的 Sublime Web Inspector 便是众多插件中一款非常出色的开发辅助插件,可以帮助 Web 开发人员直接在 Sublime Text 中调试 JavaScript 代码。阅读全文
posted @ 2013-04-18 09:27 梦想天空(山边小溪) 阅读(12724) | 评论 (15) 编辑
摘要: Metro UI 是一种界面展示技术,是 Windows 8 的主要界面显示风格。Metro 界面和 iOS、Android 界面最大的区别在于:后两种都是以应用为主要呈现对象,而 Metro 界面强调的是信息本身,而不是冗余的界面元素。同时在视觉效果方面,这有助于形成一种身临其境的感觉。如果你的下一个设计的网站或Web 应用程序想使用新的Windows 8 Metro 风格,那么下面列表中收集的10套流行的 Metro UI 风格的 Bootstrap 主题和模板一定不能错过。Enjoy !阅读全文
posted @ 2013-04-11 09:35 梦想天空(山边小溪) 阅读(220705) | 评论 (75) 编辑
摘要: 有的时候,我们想要在页面上向用户展示某个元素的细节或者引导用户进行操作。Chardin.js 是一款 jQuery 插件,可以帮助我们实现别致的遮罩介绍效果。它使用给定的元素的自定义数据属性“中的信息,一旦触发便会激活用于指引和介绍的遮罩效果。阅读全文
posted @ 2013-04-10 09:09 梦想天空(山边小溪) 阅读(6082) | 评论 (5) 编辑
摘要: Bootstrap 和 Foundation 是目前使用最广发的前端开发框架,不过有的时候我们需要的是一个更轻量的方案,IVORY 也许就是你需要的。IVORY 基于12列的响应式网格布局,包含表格,按钮,表格,分页,拨动开关,工具提示,手风琴,选项卡等网站中常用的组件和样式。阅读全文
posted @ 2013-04-09 16:23 梦想天空(山边小溪) 阅读(5110) | 评论 (0) 编辑
摘要: zoom.js 提供的 JavaScript API 让网站开发人员能够给页面内容添加缩放效果。在页面上点击,目标处的内容会放大,再次点击或者按 ESC 键即可恢复原始大小。zoom.js 提供了两个缩放模式,按目标元素缩放和按坐标缩放。阅读全文
posted @ 2013-04-05 11:55 梦想天空(山边小溪) 阅读(24119) | 评论 (2) 编辑
摘要: -prefix-free 是一个 JavaScript 工具库,用于帮助你从 CSS 前缀的地狱中解脱出来。你编写的 CSS 代码无需填写浏览器前缀,在需要的时候,-prefix-free 会帮助你自动添加当前浏览器需要的前缀。阅读全文
posted @ 2013-04-01 11:09 梦想天空(山边小溪) 阅读(10363) | 评论 (4) 编辑
摘要: 分步指南用于向首页使用网站或者移动应用添加漂亮的分布指南效果。支持使用键盘的前后方向键导航,使用 Enter 和 ESC 键推出指南。Intro.js 是 GitHub 上的开源项目,目前仅支持 Chrome、Firefox、Safari 浏览器,其它浏览器的兼容已加入 Roadmap 中。阅读全文
posted @ 2013-03-29 15:59 梦想天空(山边小溪) 阅读(8355) | 评论 (5) 编辑
摘要: Bespoke.js 是一个非常轻量的 JavaScript 框架,用于实现效果精美的自定义幻灯片演示文稿和内容滑块。提供了 JavaScript API 与所有主要事件,如Next,Prev,获取一个特定的幻灯片等,有一个插件系统来扩展它的功能。官方提供了五套风格各异的演示文稿主题,超级炫丽!阅读全文
posted @ 2013-03-28 17:30 梦想天空(山边小溪) 阅读(2386) | 评论 (0) 编辑
摘要: 2013年第一期(总第十三期)《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。阅读全文
posted @ 2013-03-25 14:45 梦想天空(山边小溪) 阅读(14491) | 评论 (21) 编辑
摘要: Formula.js 是一个实现 Microsoft Excel 和 Google Spreadsheets 等类似的电子表格应用程序具有的强大公式的功能库,带给 Web 开发人员最常用的日期/时间,文本,逻辑,金融等各个类别的公式。阅读全文
posted @ 2013-03-25 09:32 梦想天空(山边小溪) 阅读(4924) | 评论 (0) 编辑
摘要: 不管你是多么优秀的程序员,你都不可能记住一切。在你编写程序的过程中碰到问题需要查阅手册的时候,若有现成的在线手册可参考则可以为你节省很多时间。为了方便各位朋友,我向大家推荐一个非常棒的在线手册索引网站——overapi.com,这个网站收集了众多对开发人员非常有用的手册,记得分享和推荐一下哦。阅读全文
posted @ 2013-03-21 17:01 梦想天空(山边小溪) 阅读(17650) | 评论 (34) 编辑
摘要: Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于 5KB。颜色,字体,边框和它们的尺寸都可以定制,图表可以动画的形式加载,非常炫。阅读全文
posted @ 2013-03-19 16:25 梦想天空(山边小溪) 阅读(38807) | 评论 (3) 编辑
摘要: Candy 是一个基于 JavaScript 的开源的多用户聊天室客户端,使用 Jabber(XMPP)来实现实时通信。它支持多个房间,用户可以在多个房间活动,可以公开或私下聊天,拥有漂亮的标签式界面。阅读全文
posted @ 2013-03-18 15:13 梦想天空(山边小溪) 阅读(3541) | 评论 (2) 编辑
摘要: Fabric.js 是一个简单而强大的 JavaScript Canvas 库,在 HTML5 Canvas 元素之上提供了互动的对象模型,同时还包含 Canvas-to-SVG 解析器。使用 Fabric.js 你可以创建和填充画布上的对象,从简单的几何图形到成百上千路径组成的复杂图形。你可以通过鼠标轻松的移动、缩放和旋转这些对象,修改它们的属性(颜色、透明度,层叠顺序)等等。阅读全文
posted @ 2013-03-14 16:04 梦想天空(山边小溪) 阅读(25683) | 评论 (6) 编辑
摘要: 《JavaScript Enlightenment》是著名的 Web 开发专家 Cody Lindley 所著,如果你是 JavaScrip 初学者或中级开发者,那么此书非常必备。《JavaScript Enlightenment》是一本让 JavaScript 库使用者变成真正的 JavaScript 开发者的书籍。这本书不关注 JavaScript 设计模式或者面向对象的 JavaScript 编程,不讨论 JavaScript 语言的优缺点,也不是新手入门指南,因为这样书已经有很多了。作者打算向读者介绍一个准确的 JavaScript 世界,解密原生的 JavaScript 对象。阅读全文
posted @ 2013-03-12 10:22 梦想天空(山边小溪) 阅读(3300) | 评论 (7) 编辑
摘要: 浏览器渲染页面的方式各不相同,甚至同一浏览器的不同版本(“杰出代表”是 IE)也有差异。因此,浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册,那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack,记得推荐和分享啊!阅读全文
posted @ 2013-03-11 09:58 梦想天空(山边小溪) 阅读(28696) | 评论 (64) 编辑
摘要: 我们都很喜欢移动设备上的“下拉刷新”功能,那么如果这个效果应用到传统网页上怎么样?嗯,Hook.js 可以实现。他们采取了手机和平板电脑中的这个创新,只要向下滚动了一下,然后弹回到顶部,页面就会自动刷新。阅读全文
posted @ 2013-03-08 15:12 梦想天空(山边小溪) 阅读(47662) | 评论 (5) 编辑
摘要: Conditioniz 是一个快速、轻量级(3KB)的 JavaScript 工具,用于浏览器和分辨率,并根据条件加载 JavaScript 和 CSS 文件。浏览器嗅探通常被认为是不可靠的,Conditionizr 的建立就是为了克服这个问题。Conditionizr 的核心功能是检测和实现IE浏览器条件加载脚本和样式。考虑到这一点,使用类似 Google Analytics 检测浏览器的方法。阅读全文
posted @ 2013-03-06 15:27 梦想天空(山边小溪) 阅读(2047) | 评论 (0) 编辑
摘要: Zepto 是为现代浏览器打造的轻量级 JavaScript 库,最新发布的 V1.0 正式版压缩后只有 9.7K。兼容 jQuery 语法,如果你会 jQuery,那么也就会使用 Zepto 了。jQuery 的设计初衷是提供一个具有更快的下载和执行速度的模块库,而不是完全覆盖 jQuery 的功能。阅读全文
posted @ 2013-03-05 16:10 梦想天空(山边小溪) 阅读(20132) | 评论 (14) 编辑
摘要: 这篇文章,我们一起探索一下 JavaScript 中的 Deferred 和 Promise 的概念,它们是 JavaScript 工具包(如Dojo和MochiKit)中非常重要的一个功能,最近也首次亮相于 流行的 JavaScript 库 jQuery(已经是1.5版本的事情了)。 Deferred 提供了一个抽象的非阻塞的解决方案(如 Ajax 请求的响应),它创建一个 “promise” 对象,其目的是在未来某个时间点返回一个响应。阅读全文
posted @ 2013-03-05 12:23 梦想天空(山边小溪) 阅读(19068) | 评论 (6) 编辑
摘要: 这篇文章是前端优秀讲座和讨论列表系列连载第七篇,介绍前端性能优化技巧。前端领域发展迅速,只有时刻掌握前端发展趋势和技术动态,学习前沿的开发思想和理念才能让自己跟上时代的步伐,保持自己的技术优势。阅读全文
posted @ 2013-03-04 09:52 梦想天空(山边小溪) 阅读(4317) | 评论 (2) 编辑
摘要: Docverter 让你无需建立自己的文档转换工具就能够进行文件转换。Docverter 包装了几个开源项目,使您的文档能够进行完美的转换。借助一个简单的 HTTP API ,把使用 HTML,Markdown, 或者 LaTeX 编写的纯文本文件转换为 DOCX,PDF,RTF 和 ePub 格式文件。阅读全文
posted @ 2013-02-28 09:13 梦想天空(山边小溪) 阅读(2191) | 评论 (0) 编辑
摘要: 今天在国外的博客转悠,发现一款超好用的正则表达式可视化调试工具——Debuggex,推荐推荐给大家。正则表达式通常被用来检索或替换符合某个模式的文本内容,编写正则是开发人员的必备技能。简单的正则表达式一下就能看懂含义,但是复杂的正则理解起来就很困难了。有了这款可视化的正则调试工具,以后编写正则表达式就轻松多了,赶紧试试。阅读全文
posted @ 2013-02-27 10:58 梦想天空(山边小溪) 阅读(11183) | 评论 (3) 编辑
摘要: 2013年第一期(总第十三期)《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。阅读全文
posted @ 2013-02-25 10:02 梦想天空(山边小溪) 阅读(13796) | 评论 (33) 编辑
摘要: Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5,CSS & JavaScript 工具包。使用 Groundwork,您可以快速构建 Web 应用程序,能在各种设备上工作。Groundwork 拥有一个令人难以置信的灵活,可嵌套,流体的网格系统,是 Github 上的开源项目。阅读全文
posted @ 2013-02-20 13:55 梦想天空(山边小溪) 阅读(3680) | 评论 (0) 编辑
摘要: Web 浏览器正变得越来越强大,而 JavaScript 则让 Web 变得更加有趣。在这篇文章中,向大家推荐最有趣的 JavaScript 框架,工具和技术帮助你创造杀手级的应用和网站。记得收藏和推荐啊:)阅读全文
posted @ 2013-02-17 14:32 梦想天空(山边小溪) 阅读(12009) | 评论 (35) 编辑
摘要: Grunt 是一个基于任务的 JavaScript 项目命令行构建工具,运行于 Node.js 平台。Grunt 能够从模板快速创建项目,合并、压缩和校验 CSS & JS 文件,运行单元测试以及启动静态服务器。上一篇文章《Grunt:基于任务的 JavaScript 项目构建工具》介绍了 Grunt 安装和创建项目框架步骤,这篇文章介绍如何使用 Grunt 合并文件。阅读全文
posted @ 2013-01-31 10:10 梦想天空(山边小溪) 阅读(11600) | 评论 (9) 编辑
摘要: 这篇文章收集了Google 前端工程师 Addy Osmani 分享在 Speaker Deck 的15个精彩幻灯片,每个都是精华中的精华,真正的干货!相信你认真阅读之后一定会有收获!Addy Osmani 创建了 TodoMVC、jQuery UI Bootstrap、jQuery Plugin Patterns 和 Backbone Paginator,出版了《Learning JavaScript Design Patterns》和《Developing Backbone.js Applications》两本书籍,还是著名 jQuery、Modernizr 以及 Backbone.js 框架的贡献者。阅读全文
posted @ 2013-01-29 09:51 梦想天空(山边小溪) 阅读(14613) | 评论 (32) 编辑
摘要: Grunt 是一个基于任务的 JavaScript 项目命令行构建工具,运行于 Node.js 平台。Grunt 能够从模板快速创建项目,合并、压缩和校验 CSS & JS 文件,运行单元测试以及运行静态服务器。上一篇文章《JavaScript 项目构建工具 Grunt 实践:安装和创建项目框架》介绍了 Grunt 安装和创建项目框架步骤,这篇文章介绍 Grunt 中的任务和指令。阅读全文
posted @ 2013-01-28 10:42 梦想天空(山边小溪) 阅读(5044) | 评论 (2) 编辑
摘要: 这篇文章是前端优秀讲座和讨论列表系列连载第三篇,分享 JavaScript 开发和编码技巧以及构建大规模 Web 应用程序的经验。前端领域发展迅速,只有时刻掌握前端发展趋势和技术动态,学习前沿的开发思想和理念才能让自己跟上时代的步伐,保持自己的技术优势。阅读全文
posted @ 2013-01-26 14:34 梦想天空(山边小溪) 阅读(4069) | 评论 (4) 编辑
摘要: Grunt 是一个基于任务的 JavaScript 项目命令行构建工具,运行于 Node.js 平台。Grunt 能够从模板快速创建项目,合并、压缩和校验 CSS & JS 文件,运行单元测试以及启动静态服务器。推荐 Windows 用户使用 Git Shell 来进行命令行操作。安装 Windows 桌面版 GitHub 的时候会自动安装 Git Shell。阅读全文
posted @ 2013-01-24 10:15 梦想天空(山边小溪) 阅读(30257) | 评论 (16) 编辑
摘要: gRaphael 是一个致力于帮助开发人员在网页中绘制各种精美图表的 Javascript 库,基于强大的 Raphael 矢量图形库。你只需要编写几行简单的代码就能创建出精美的条形图、饼图、点图和曲线图。gRaphael 使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及 Internet Explorer 6.0+。阅读全文
posted @ 2013-01-09 13:42 梦想天空(山边小溪) 阅读(16133) | 评论 (10) 编辑
摘要: Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以用 Javascript 操作Dom 轻松创建各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制热议形状的图形,可以进行图表或图像的裁剪和旋转等复杂操作。Raphaël 是跨浏览器的矢量图形库,目前支持 Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及 Internet Explorer 6.0+。阅读全文
posted @ 2013-01-08 14:49 梦想天空(山边小溪) 阅读(93021) | 评论 (29) 编辑
摘要: 正则表达式通常被用来检索或替换符合某个模式的文本内容,编写正则是开发人员的必备技能。简单的正则表达式一下就能看懂含义,但是复杂的正则理解起来就很困难了。Jeff Avallone 开发了一款 JavaScript 正则表达式可视化工具,是 GitHub 上的开源项目,它能够让正则表达式字符串以 Railroad 形式图形化,便于阅读和理解。阅读全文
posted @ 2013-01-05 11:48 梦想天空(山边小溪) 阅读(11090) | 评论 (9) 编辑
摘要: 2012年,Web 开发领域继续在快速的发展,HTML5 仍然在展示其跨平台的优越性,CSS3 被人们更多的应用到实际项目中,响应式设计(Responsive Design)技巧也被人越来越多的人熟知和使用。技术的快速发展让 Web 开发人员学习起来不知所措,幸运的是,很多优秀的开发者和设计人员在努力寻找各种有特色的解决方案。 因此,我们有了很多优秀的小工具和库,每一个都是用来解决特定的问题或维护一组特定的项目。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架,这是一个非常值得收藏的工具列表。阅读全文
posted @ 2012-12-28 10:06 梦想天空(山边小溪) 阅读(14597) | 评论 (24) 编辑
摘要: 2012年,Web 开发领域继续在快速的发展,HTML5 仍然在展示其跨平台的优越性,CSS3 被人们更多的应用到实际项目中,响应式设计(Responsive Design)技巧也被人越来越多的人熟知和使用。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架,这是一个非常值得收藏的工具列表,从功能全面的 IDE 到美观、充满异国情调的小框架,小工具等等。他们能够帮助你降低 Web 开发过程中的复杂度,节省时间和精力。阅读全文
posted @ 2012-12-18 15:15 梦想天空(山边小溪) 阅读(31647) | 评论 (83) 编辑
摘要: amMap 是一个工具,你可以​​轻松地使用它在您的网页和基于JavaScript 的应用程序中添加互动地图功能。您可以使用此工具来显示您的办公室的位置,你的旅行路线,创建您的经销商地图,照片或插图,可作为图层和背景的地图,这样就可以实现各种界面效果,电子学习工具等等。支持所有现代浏览器,包括 Firefox,Chrome,Safari,Opera 和 Internet Explorer。它也可以在搭载 iOS 和 Android 的移动设备上运行。您可以免费下载和使用所有的 amMap 产品,唯一的限制是在您的地图右上角的会显示一个链接到官方网站的小链接。阅读全文
posted @ 2012-12-18 09:26 梦想天空(山边小溪) 阅读(5458) | 评论 (10) 编辑
摘要: Collie 是一个 JavaScript 库,用于创建高度优化的 HTML5 动画和游戏。Collie 可以运行在 PC 和手机上,使用 HTML5 Canvas 和 DOM。Collie 能够多线程稳定的处理多个对象,支持很多实用的功能,包括精灵动画和用户事件。稳定支持 iOS 和 Android,并为每个平台的渲染提供优化的方法。阅读全文
posted @ 2012-12-17 12:28 梦想天空(山边小溪) 阅读(13221) | 评论 (6) 编辑
摘要: 2012年12月12日,【《Web 前端开发人员和设计师必读文章》系列十二】和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。阅读全文
posted @ 2012-12-12 14:30 梦想天空(山边小溪) 阅读(63589) | 评论 (46) 编辑
摘要: 倒计时功能是非常有用的一个小功能,可以告诉用户多久以后您的网站将会发布或者关闭进行维护,还可以用于举办活动的开始和停止的倒计时。今天,在这篇文章中收集了12优秀的倒计时脚本,有一天你可能会用到的。阅读全文
posted @ 2012-12-05 14:09 梦想天空(山边小溪) 阅读(56621) | 评论 (24) 编辑
摘要: 在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,例如类似发表微博时候显示剩余的可输入字数等等。如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。因此,这篇文章介绍一种完美的解决方案:使用 oninput & onpropertychange 来监听输入框值变化。阅读全文
posted @ 2012-11-30 10:06 梦想天空(山边小溪) 阅读(151309) | 评论 (88) 编辑
摘要: 这篇文章继续给大家带来最近两个月发布在《梦想天空》的优秀文章,特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术,展示前沿 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的 网页设计 案例,共享精美的 设计素材 和优秀的 Web 开发工具。希望这些文章能帮助到您。阅读全文
posted @ 2012-11-06 09:22 梦想天空(山边小溪) 阅读(9416) | 评论 (29) 编辑
摘要: Google 的 Chrome 浏览器实验室展示了很多基于 HTML5 和 JavaScript 的创意实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。其中很多实验项目使用了前沿的 WebGL 技术,为了能体验到绚丽的效果,建议在最新的 Chrome 浏览器中浏览(部分 WebGL 实验项目需要显卡支持)。阅读全文
posted @ 2012-10-26 10:30 梦想天空(山边小溪) 阅读(22747) | 评论 (33) 编辑
摘要: 今天这篇文章向大家分享12款精心挑选的优秀 JavaScript 日历和时间选择插件,都带有详细的使用教程和效果演示。这些插件能够帮助 Web 开发人员更快速的实现各种精美的日历和时间选择效果。同时推荐阅读的博文中还有更多实现各种网站功能的 jQuery 优秀插件,欢迎大家可以去淘金。阅读全文
posted @ 2012-10-16 09:12 梦想天空(山边小溪) 阅读(201249) | 评论 (46) 编辑
摘要: 如今,网上有各种各样的 JavaScript 框架用来简化 Web 应用开发。这些框架都提供了一些核心的特性,例如 DOM 操作,动画,事件处理以及 Ajax 交互,但不是都带有 UI 组件。今天这篇文章向大家推荐的10个 JavaScript 框架提供了丰富的 Web UI 组件,帮助你构建一致,可靠以及高度交互的用户界面。阅读全文
posted @ 2012-09-17 10:28 梦想天空(山边小溪) 阅读(39547) | 评论 (71) 编辑
摘要: Bootstrap 是基于 HTML,CSS,JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的开发文档,Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。为了能够充分利用 Bootstrap 的强大功能,下面向打击推荐12款各种各样工具和资源来配合 Bootstrap 使用。阅读全文
posted @ 2012-09-11 14:11 梦想天空(山边小溪) 阅读(112550) | 评论 (61) 编辑
摘要: 关于 HTML5 和 Flash 之间的战争,网上讨论的文章很多很多,尽管 HTML5 还有很长的路要走,但 Flash 正在走下坡路是不争的事实。以前效果精美的 Flash 网站非常流行,如今已经很少见到了。借助 JavaScript ,使用纯HTML/CSS就可以实现媲美 Flash 的精美网站。阅读全文
posted @ 2012-08-27 13:56 梦想天空(山边小溪) 阅读(14188) | 评论 (23) 编辑
摘要: 这篇文章给大家带来最近两个月发布在《梦想天空》的优秀文章,特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的 网页设计 案例,共享精美的 设计素材 和优秀的 Web 开发工具。希望这些文章能帮助到您。阅读全文
posted @ 2012-08-15 09:34 梦想天空(山边小溪) 阅读(15480) | 评论 (47) 编辑
摘要: 互联网经过这么多年的发展,已经出现了众多的 Web 开发技术,像 .Net/Java/PHP/Python/Ruby 等等。对于 Web 开发人员来说,不管是初学者还是有一定经验的开发人员都需要时刻学习新的开发技术。如今,网上有各种开发技术的相关网站,有大量开发资料可以参考。下面是我收集的15个非常优秀的学习 Web 开发技术的国外网站,如果大家有收藏更好的网站,欢迎推荐!阅读全文
posted @ 2012-08-10 09:17 梦想天空(山边小溪) 阅读(55085) | 评论 (54) 编辑
摘要: Bootstrap 是基于HTML,CSS,JAVASCRIPT的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的使用帮助文档,热心的 @TV来客开发者 翻译成了中文,讨厌英文的朋友有福了。阅读全文
posted @ 2012-07-26 16:04 梦想天空(山边小溪) 阅读(89794) | 评论 (3) 编辑
摘要: 本文向大家推荐来自 isobar(全球顶级数字公司)的前端开发编码标准和最佳实践。这份文档涵盖 HTML、CSS 和 JavaScript 编码标准,可访问性,性能优化,浏览器兼容和测试和搜索引擎优化支持等众多内容,下面是全文目录:阅读全文
posted @ 2012-07-24 13:06 梦想天空(山边小溪) 阅读(3018) | 评论 (1) 编辑
摘要: 这篇文章向大家分享9个很酷的挑选自 DemoStudio 的 CSS3 和 JavaScript 实现的精美效果。DemoStudio 是 Mozilla Developer Network(MDN)用于展示一些非常优秀的 CSS3 和 JavaScript 效果的网站,Google 也有一个 Chrome Experiment,用于展示最新的 Web 技术应用。相信下面展示的这些效果会给你留下非常深刻的印象,让你体会到Web的美妙!阅读全文
posted @ 2012-07-06 09:37 梦想天空(山边小溪) 阅读(11649) | 评论 (13) 编辑
摘要: 《JavaScript 每周导读》第七期继续向大家分享最新的 JavaScript 重点资讯、技术文章、开发工具以及新出炉的各种开发框架,让 JavaScript 开发人员了解领域内的技术发展趋势,详细内容如下:阅读全文
posted @ 2012-07-02 09:38 梦想天空(山边小溪) 阅读(4011) | 评论 (2) 编辑
摘要: 这篇文章主要收录了最近两个个月发布在梦想天空的优秀文章,特别推荐给Web开发人员和设计师阅读。梦天空博客关注 前端开发 技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。阅读全文
posted @ 2012-06-19 09:02 梦想天空(山边小溪) 阅读(10905) | 评论 (28) 编辑
摘要: 《JavaScript 每周导读》第六期继续向大家分享最新的 JavaScript 重点资讯、技术文章、开发工具以及新出炉的各种开发框架,让 JavaScript 开发人员了解领域内的技术发展趋势,详细内容如下:阅读全文
posted @ 2012-05-03 08:33 梦想天空(山边小溪) 阅读(4413) | 评论 (4) 编辑
摘要: 《JavaScript 每周导读》第五期继续向大家分享最新的 JavaScript 重点资讯、技术文章、开发工具以及新出炉的各种开发框架,让 JavaScript 开发人员了解领域内的技术发展趋势。本周头条是《jQuery Mobile 1.1 发布》和《免费电子书:JavaScript 启蒙》,详细内容如下:阅读全文
posted @ 2012-04-25 09:00 梦想天空(山边小溪) 阅读(4297) | 评论 (4) 编辑
摘要: 《JavaScript 每周导读》第四期继续向大家分享最新的 JavaScript 重点资讯、技术文章、开发工具资源以及新出炉的各种开发框架,让 JavaScript 开发人员了解领域内的技术发展趋势。本周头条是《PhoneGap 1.6 发布》和《CoffeeScript 1.3.1 发布》,详细内容如下:阅读全文
posted @ 2012-04-17 09:10 梦想天空(山边小溪) 阅读(3743) | 评论 (2) 编辑
摘要: 《JavaScript 每周导读》第三期继续向大家分享最新的 JavaScript 重点资讯、技术文章、开发工具资源以及新出炉的各种开发框架,让 JavaScript 开发人员了解领域内的技术发展趋势。本周头条是《201年JS1K竞赛获胜作品:"Autumn Evening"》和《雅虎开源 JavaScript MVC 框架:Mojito》,详细内容如下:阅读全文
posted @ 2012-04-12 08:45 梦想天空(山边小溪) 阅读(4344) | 评论 (8) 编辑
摘要: 之前使用 JSlint 来校验 JavaScript 代码,发现灵活性不够,因此改用 JSHint。按照官方的说法,JSHint 是一个社区驱动(community-driven)的工具,用于检测JavaScript代码中的错误和潜在的问题,规范编码风格,确保代码的质量。JSHint在JSLint的基础上做了很多改进,让开发人员可以自己定义校验选项。阅读全文
posted @ 2012-04-11 09:15 梦想天空(山边小溪) 阅读(8844) | 评论 (0) 编辑
摘要: 这篇文章主要收录了最近三个月发布在梦想天空的优秀文章,特别推荐给Web开发人员和设计师阅读。梦天空博客关注前端开发技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。阅读全文
posted @ 2012-04-09 09:04 梦想天空(山边小溪) 阅读(6127) | 评论 (7) 编辑
摘要: 这篇是《JavaScript 每周导读》第二期,继续向大家分享最新的 JavaScript 重点资讯、技术文章、开发工具资源以及新出炉的各种开发框架,让 JavaScript 开发人员能够了解领域内的技术发展趋势。阅读全文
posted @ 2012-04-05 09:08 梦想天空(山边小溪) 阅读(4183) | 评论 (4) 编辑
摘要: 《JavaScript 每周导读》旨在分享最新的 JavaScript 重点资讯、技术文章、开发工具资源以及新出炉的各种开发框架,让 JavaScript 开发人员能够了解领域内的技术发展趋势。这篇是《JavaScript 每周导读》第一期,以后会每周发布一期,欢迎大家关注。阅读全文
posted @ 2012-03-28 09:05 梦想天空(山边小溪) 阅读(8201) | 评论 (12) 编辑
摘要: 这篇文章主要收录了十二月份发布在梦想天空的优秀文章,特别推荐给Web开发人员和设计师阅读。梦天空博客关注前端开发技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。阅读全文
posted @ 2012-01-05 09:00 梦想天空(山边小溪) 阅读(17431) | 评论 (14) 编辑
摘要: 近年来,JavaScript 越来越受到重视,早已不单单只是写写网页特效的脚本语言了,如今广泛用于网站的前端交互。值得一提的是,当下 Web 开发者们追捧的 Node.js 使得 JavaScript 能够在更多环境下运行,甚至是服务器端,使得这门语言再次受到大家的关注。今天,本文向 JavaScript 开发者推荐十款超级有用的工具。阅读全文
posted @ 2011-12-07 09:04 梦想天空(山边小溪) 阅读(8796) | 评论 (13) 编辑
摘要: 这篇文章收录了十一月份发布在梦想天空博客的优秀文章,特别推荐给Web开发人员和设计师阅读。梦天空博客关注前端开发技术,展示最新HTML5和CSS3技术应用,分享实用的jQuery插件,推荐优秀的网页设计案例,共享精美的设计素材和优秀的Web开发工具。希望这些文章能帮助到您。阅读全文
posted @ 2011-12-06 09:00 梦想天空(山边小溪) 阅读(7715) | 评论 (9) 编辑
摘要: 本文继续向Web开发人员和设计师推荐优秀文章。梦想天空博客关注前端开发技术,展示最新HTML5和CSS3技术应用,分享实用的jQuery插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的Web开发工具。本文特别推荐给Web设计师和开发人员阅读,希望这些资源能帮助到您。阅读全文
posted @ 2011-11-11 10:11 梦想天空(山边小溪) 阅读(8895) | 评论 (18) 编辑
摘要: 梦想天空博客专注于分享 Web 开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的 Web 开发工具。分享快乐,快乐分享,希望这些资源能帮助到您。阅读全文
posted @ 2011-09-19 09:13 梦想天空(山边小溪) 阅读(6330) | 评论 (8) 编辑
摘要: 作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域作一个简单的介绍,希望能帮助大家更好的学习JavaScript。阅读全文
posted @ 2011-09-06 00:02 梦想天空(山边小溪) 阅读(83133) | 评论 (49) 编辑
摘要: 梦想天空博客专注于分享 Web 开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的 Web 开发工具。分享快乐,快乐分享,希望这些资源能帮助到您。阅读全文
posted @ 2011-08-31 08:04 梦想天空(山边小溪) 阅读(6802) | 评论 (15) 编辑
摘要: 这篇文章向大家展示8个惊艳的 HTML5 和 JavaScript 特效。作为下一代网页语言,HTML5 拥有很多让人期待已久的新特性,越来越多的开发人员开始使用 HTML5 来制作各种交互性强、效果丰富的 Web 应用。下面这些惊艳的示例带您体验 Web 技术的魅力,相信你看完这些例子后会对未来的 Web 发展充满无限期待。为了有更好的效果,建议在 Chrome 浏览器中浏览。阅读全文
posted @ 2011-08-09 09:06 梦想天空(山边小溪) 阅读(132460) | 评论 (39) 编辑
摘要: 梦想天空博客专注于分享 Web 开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的 Web 开发工具。分享快乐,快乐分享,希望这些资源能帮助到您。阅读全文
posted @ 2011-07-13 08:06 梦想天空(山边小溪) 阅读(13891) | 评论 (28) 编辑
摘要: 很多人认为编程语言只是用于工作,没有什么乐趣,其实,只要我们发挥奇思妙想,再死板的东西也有有趣的一面。这篇文章告诉大家:使用JavaScript,可以做很多很多有趣的事情。以下代码拷贝到地址栏回车即可运行,赶紧试试吧。阅读全文
posted @ 2011-07-10 14:51 梦想天空(山边小溪) 阅读(22483) | 评论 (51) 编辑
摘要: 作为下一代网页语言,HTML5 拥有很多让人期待已久的新特性。如今,很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果,让你体验下一代 Web 技术的魅力,相信你看完这些例子后会对未来的 Web 发展充满无限期待。阅读全文
posted @ 2011-06-30 08:18 梦想天空(山边小溪) 阅读(44314) | 评论 (23) 编辑
摘要: 梦想天空博客专注于分享 Web 开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的 Web 开发工具。分享快乐,快乐分享,希望这些资源能帮助到您。阅读全文
posted @ 2011-06-20 00:11 梦想天空(山边小溪) 阅读(54550) | 评论 (45) 编辑
摘要: 这篇文章与大家分享的是10款非常有用的 Ajax 插件,有用于图片的,用于分页的,还有用于导航的。这些作者的想法特别新颖,希望你能从中找到自己需要的插件。阅读全文
posted @ 2011-06-10 09:10 梦想天空(山边小溪) 阅读(6901) | 评论 (17) 编辑
摘要: 在开发中借助一些非常好用的工具可以帮助你节省大量的时间和精力。本文收集了20个非常有用的Web开发工具和框架,分享给大家,希望对你有帮助。阅读全文
posted @ 2011-06-10 00:09 梦想天空(山边小溪) 阅读(7590) | 评论 (15) 编辑
摘要: 这篇文章列举了当下最流行的16个 JavaScript 框架。这个列表包含 jQuery 和 Mootools 等常规框架,也包括Zepo这种支持智能手机触摸功能的移动JavaScript框架,如果你有更好的框架推荐,欢迎分享。阅读全文
posted @ 2011-05-29 00:07 梦想天空(山边小溪) 阅读(8659) | 评论 (11) 编辑
摘要: 流行的 JavaScript 库有jQuery,MooTools,Prototype,Dojo和YUI等,这些 JavaScript 库功能丰富,加上它们众多的插件,几乎能实现任何你需要的功能,然而需要实现一些特定的功能,则可以选择功能更专一的轻量库,今天这篇文章与大家分享16个很有用的 JavaScript 库。阅读全文
posted @ 2011-05-13 00:04 梦想天空(山边小溪) 阅读(7883) | 评论 (9) 编辑
摘要: 在开发中,借助得力的工具可以事半功倍。今天这篇文章与大家分享最近发现的一些有用的 JavaScript 和 jQuery 的开发工具,库和插件。希望这些工具在你你即将到来的项目中能用得上。阅读全文
posted @ 2011-05-11 00:27 梦想天空(山边小溪) 阅读(36902) | 评论 (22) 编辑
摘要: WebGL 是一项在网页浏览器呈现 3D 画面的技术,有别于过去需要安装浏览器插件,通过 WebGL 的技术,只需要编写网页代码即可实现 3D 图像的展示。WebGL可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了。今天,本文向大家展示8个惊艳的 WebGL 应用实验。阅读全文
posted @ 2011-05-09 09:18 梦想天空(山边小溪) 阅读(12423) | 评论 (8) 编辑
摘要: 随着JavaScript结合HTML5开发越来越受欢迎,很多浏览器支持的新功能正被用户使用,与此同时,许多新的游戏正在使用JavaScript进行开发。基于JavaScript开发的游戏是唯一一个能够跨桌面,Web和移动三种平台的。今天,本文向大家推荐一些非常棒的JavaScript游戏开发框架。阅读全文
posted @ 2011-04-25 07:59 梦想天空(山边小溪) 阅读(25960) | 评论 (8) 编辑
摘要: JavaScript 早已不只是一门写写网页特效的脚本语言了,现如今广泛用于网站的前端交互。值得一提的是,当下Web开发者们追捧的 Node.js 使得 JavaScript 能够在更多环境下运行,甚至是网站的服务器端,使得这门语言再次受到关注。今天,本文与大家分享25个好玩的 JavaScript 小游戏,感受一下 JavaScript 的魅力。阅读全文
posted @ 2011-04-21 23:36 梦想天空(山边小溪) 阅读(4799) | 评论 (3) 编辑
摘要: Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么神奇的效果。今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议使用Chrome浏览器浏览。阅读全文
posted @ 2011-04-07 09:14 梦想天空(山边小溪) 阅读(134091) | 评论 (63) 编辑
摘要: JSLint是大牛Douglas Crockford提供的一个语法检测工具,用来检测是否使用了Javascript中“不好的部分”,避免隐含的错误,规范代码书写习惯。在线检测地址为www.jslint.com。每次将代码复制到浏览器中检测,还是有点麻烦,在比较紧急的情况下,甚至忽略或忘记。在IDE中集成这个作为插件,在提交测试前运行一下,更加方便快捷。鉴于目前的国内网络环境,本地检测更是一种永久可行的方法。阅读全文
posted @ 2011-03-08 09:19 梦想天空(山边小溪) 阅读(2119) | 评论 (0) 编辑
摘要: 本文转载自一位做前端开发的朋友的博客【岁月如歌】,他向学习JavaScript的朋友推荐了很多非常不错的书籍及在线教程,适合英语能力不错的朋友参阅,欢迎分享更多更好的资源。阅读全文
posted @ 2011-03-04 13:23 梦想天空(山边小溪) 阅读(6161) | 评论 (0) 编辑
摘要: 有人说喜欢一个人,没必要了解她的过去,然而想读懂一个人,却需要了解她的过去。JavaScript自1995年诞生以来已过去了16个年头,如今全世界无数的网页在依靠她完成各种关键任务,JavaScript曾在Tiobe发布的编程语言排行榜中排到了第8名,紧随C#,JavaScript从过去装饰性的一种脚本语言转变为主流的编程语言,人们用它来开发更大更复杂的程序,这就需要Web开发人员更深入的了解JavaScript,了解它的过去、现在和未来。阅读全文
posted @ 2011-01-16 16:48 梦想天空(山边小溪) 阅读(10560) | 评论 (17) 编辑
摘要: 每种语言都有它特别的地方,对于Javascript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了Javascript初学者应该注意的七个细节,与大家分享。阅读全文
posted @ 2011-01-10 19:20 梦想天空(山边小溪) 阅读(37388) | 评论 (127) 编辑
摘要: 国外技术站点Mashable.com评出了开发人员在2011年应该关注的5项Web开发技术,包括jQuery Mobile(jQuery移动版)、Hardware-Accelerated Web Browsers(基于硬件加速的浏览器)、Node.js(服务器端JavaScript)、Real-Time Clickstream Sharing(实时点击流分享)、NoSQL Databases(NoSQL数据库)入选。阅读全文
posted @ 2011-01-07 19:55 梦想天空(山边小溪) 阅读(1683) | 评论 (0) 编辑
摘要: 下面提到的这些工具包括各种实用工具,优化器,测试和调试工具,它们可以提高开发者创建Web站点的效率。阅读全文
posted @ 2010-12-19 22:33 梦想天空(山边小溪) 阅读(3112) | 评论 (0) 编辑
摘要: 前两天IE9 Beta版发布了,对于从事Web开发的朋友们来说真是个好消息啊,希望将来有一天各个浏览器都能遵循统一的标准。今天要和大家分享的是JavaScript中的Get和Set访问器,和C#中的访问器非常相似。阅读全文
posted @ 2010-09-19 08:37 梦想天空(山边小溪) 阅读(12021) | 评论 (6) 编辑
摘要: 互联网越来越重要,我们可以用它来工作、学习和娱乐,在娱乐方面,我们在互联网上玩游戏,搜索,收听和下载最喜欢的歌曲,视频和电影。互联网也是个非常好的学习环境,有利于我们查找资料,帮助我们解决碰到的问题,还可以得到其他人的支持和帮助,这在计算机领域非常普遍,特别是程序开发,很多人认为编程语言只是用于工作,没有什么乐趣,其实,只要我们发挥奇思妙想,再死板的东西也有有趣的一面。我写这篇文章的目的,就是想告诉所有人:使用JavaScript,可以做很多很多有趣的事情。阅读全文
posted @ 2010-08-22 18:51 梦想天空(山边小溪) 阅读(12740) | 评论 (22) 编辑
摘要: 尽管我使用Javascript来做开发有很多年了,但它常有一些让我很惊讶的小特性。对于我来说,Javascript是需要持续不断的学习的。在这篇文章中,我将列出10个Javascript使用小技巧,主要面向Javascript新手和中级开发者。希望每个读者都能至少从中学到一个有用的技巧。阅读全文
posted @ 2010-08-12 00:16 梦想天空(山边小溪) 阅读(16655) | 评论 (58) 编辑
摘要: Blackbird 是一个开源的 Javascript 调试工具,默认提供一种非常酷的方式展现 Javascript 调试信息,如下图,效果如何呢? 在我们的日常的学习或工作中,经常都会接触到 Javascript,有时为了进行一些简单的调试,我们也许会采用 alert(),但有时也是很麻烦的,比如在一个循环中,我们可能就要点击 n 次的弹出窗口了。但现在有了 Blackbird,我们就可以和 alert() 说拜拜了。虽然有人说会很多 Javascript 类库都有类似功能,但我可不想因为进行一些简单的调试而去加载一个框架,因为 Blackbird 足够简洁和小巧了,就 4 个文件,20 多阅读全文
posted @ 2010-08-08 15:34 梦想天空(山边小溪) 阅读(1599) | 评论 (3) 编辑
摘要: 其实这篇文章不是这里的,只是,后台很傻B地进不了了。也不知道是什么乱七八糟的问题。先写在这里,当做这么久没更新的偷懒好了。(而且,挑出来的这些都是精华呢!),大家各取所需吧:1. 默认Web字体样式 & 再谈 Web 默认字体这两篇文章是要联一起看的,总的来说,前者的精华在两句话(行高:1.5倍中的第2点和第3点),而玉伯的文章,在秦歌的文章后看,相信可以让你更好地知道如何选择排版中的字体。2. jquery、prototype、mootools、YUI的继承的实现继承、原型,两个难搞的东西,看看这些天才们是怎么来解决的。看看作者的理解和你的理解是不是一致的。3. Pixel Perfect 阅读全文
posted @ 2010-07-27 12:37 梦想天空(山边小溪) 阅读(1102) | 评论 (0) 编辑
摘要: Web 设计与开发师的一个重要工作环节是跨浏览器测试,谁让我们生活在这个既幸福又痛苦的时代,有那么多浏览器摆在我们面前,还有那个噩梦般总也摆脱不掉的 IE6。本文讲述了与跨浏览器测试有关的各种问题与知识,包括渲染,平台,设备以及 JavaScript 引擎。梦幻五组合IE 独霸天下的那些日子,Web 设计师不时陷入 IE 同它竞争者的口水战,然而,当一些新的,注重 Web 标准的浏览器出现时,事情...阅读全文
posted @ 2010-06-19 11:46 梦想天空(山边小溪) 阅读(475) | 评论 (0) 编辑
摘要: 几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。LivePipeLivePipe UI 基于 Prototype Javascript 框架,包含了一整套经严格测试并高度可扩展的 UI 控件,拥有很好的文档,在不支持 JavaScript 的环境中,可以无缝降级使用。包括 Tab, 窗体,文本框,多选框,评分控件,进度条,滚动条,右键菜单等多种控件。LivePipe 首页与阅读全文
posted @ 2010-05-19 15:47 梦想天空(山边小溪) 阅读(1251) | 评论 (2) 编辑
摘要: JavaScript 的成功让人津津乐道,为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 JavaScript 程序员,也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。简略语句JavaScript 可以使用简略语句快速创建对象和数组,比如下面的代码:可以使用简略语句如下:对象 car 就此创建,不过需要特别注意,结束花括号前一定不要加 ";" 否则在 IE 会遇到很大麻烦。创建数组的传统方法是:使用简略语句则:另一个可以使用简略语句的地方是条件判断语句:可以简略阅读全文
posted @ 2010-04-25 23:51 梦想天空(山边小溪) 阅读(1299) | 评论 (0) 编辑
摘要: JavaScript 可算是世界上最流行的编程语言,它曾被 Web 开发设计师贴上噩梦的标签,虽然真正的噩梦其实是 DOM API,这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言,如今越来越被重视,虽则如此,JavaScript 仍然拥有很多让人费解的东西。1. 它以 Java 命名,但并不是 Java它最初叫 Mocha, 接着改名为 LiveScript,最后才确定命名为 JavaScript,根据历史记录,Java 的命名与 Netscape 和 Sun 之间的合作有关,作为交换条件,Netscape 在他们备受欢迎的浏览器中创建了 Java 运行时。值得一提的是,这阅读全文
posted @ 2010-02-20 14:13 梦想天空(山边小溪) 阅读(497) | 评论 (0) 编辑
摘要: 大家都很喜欢Lightbox弹框效果,这种效果在很多地方都很有用。而原始的Lightbox脚本已经被无数次的克隆到了所有的流行Javascript库中。本文特别收集了10个最佳的Lightbox效果插件,所以收藏本文吧,阅读全文
posted @ 2010-01-03 15:12 梦想天空(山边小溪) 阅读(1366) | 评论 (3) 编辑
摘要: 1. SproutCoreSproutCore 苹果对SproutCore的解释为“开源,平台无关,类Cocoa的JavaScript框架,用于创建具有桌面应用程序外观和操作感的Web应用程序。”SproutCore demonstrations: Photos, Sample Controls2. SprySpry 是Adobe 的 Ajax framework. Spry的目的是成为实现Ajax的一种简单方式,对HTML、CSS和JavaScript体验据有入门级水平的设计人员应该能够发现Spry是一种整合内容的简单方法。Spry demonstrations: Photo Gallery阅读全文
posted @ 2009-12-01 16:57 梦想天空(山边小溪) 阅读(1147) | 评论 (0) 编辑
摘要: JavaScript 是 Web 开发与设计中不可或缺的东西,不管是一个简单的网页还是一个专业的站点,也不管你是高手还是菜鸟,如今 JavaScript 库越来越强大,可以胜任许多复杂的工作,然而同时,人们在众多 JavaScript 库面前又觉得无所适从,本文,我们将使用 Google 搜索出排名前 10 位的 JavaScript 库,并对它们逐一进行介绍。1. jQuery: The Write Less, Do More, JavaScript LibraryjQuery 是一个很新的 JavaScript 库,它的口号是“几行代码,能干大事”(Write Less, Do More)阅读全文
posted @ 2009-12-01 14:15 梦想天空(山边小溪) 阅读(1280) | 评论 (0) 编辑
摘要: JavaScript 是用来向 Web 页面添加动态内容的一种功能强大的脚本语言。它尤其特别有助于一些日常任务,比如验证密码和创建动态菜单组件。JavaScript 易学易用,但却很容易在某些浏览器中引起内存的泄漏。在这个介绍性的文章中,我们解释了 JavaScript 中的泄漏由何引起,展示了常见的内存泄漏模式,并介绍了如何应对它们。注意本文假设您已经非常熟悉使用 JavaScript 和 DOM 元素来开发 Web 应用程序。本文尤其适合使用 JavaScript 进行 Web 应用程序开发的开发人员,也可供有兴趣创建 Web 应用程序的客户提供浏览器支持以及负责浏览器故障排除的人员参考。阅读全文
posted @ 2009-08-09 20:20 梦想天空(山边小溪) 阅读(1639) | 评论 (0) 编辑
摘要: Cheat Sheet 一词在中文中并没有很贴切的对译,大概是考试作弊条一类的东西,这要求 Cheat Sheet 必须短小精悍又覆盖广泛,作为 Web 开发与设计师,免不了在工作时查询大量资料,某个 Web 色值,某个 JavaScript 库的核心语法,这类资料如果攒齐了,怕有半间屋子那么多,如果用 Cheet Sheet 也许几十页纸就够了,本文收集了近百份用于 Web 开发与设计的 Cheet Sheet,你会发现他们非常实用。HTML, XHTML, CSS2CSS2 Cheat Sheet 不仅是一份完整的 CSS2 速查手册,还让你了解每个属性该怎么用。预览 | 下载 (PDF)阅读全文
posted @ 2009-07-09 14:34 梦想天空(山边小溪) 阅读(1114) | 评论 (0) 编辑
摘要: 在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器,它们有的是基于 jQuery 框架,有点则不是。MarkitUp - jQueryOfficial Website | Demo功能不是很多,但很轻量,很灵活。打包后只有6.5K大小。jWYSIWYG - jQueryOfficial Website | Demo非常基本的编辑器,简单为本。打包后只有7K。Lightw阅读全文
posted @ 2009-07-08 23:40 梦想天空(山边小溪) 阅读(541) | 评论 (0) 编辑
摘要: 这个例子使用setTimeout实现非常简单的动画效果。Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><styletype="text/css">div{height:200px;width:600px;background-color:#CCCCCC;}#test1{background:#99CC00;position:fixed;left:300px;filter:alpha(opacity=0);}&阅读全文
posted @ 2009-06-16 21:58 梦想天空(山边小溪) 阅读(977) | 评论 (0) 编辑
摘要: 最近在看《PPK谈JavaScript》以及《精通JavaScript》,对这门脚本语言的理解深了很多,相信将来会变得更加的强大![代码]阅读全文
posted @ 2009-06-10 22:39 梦想天空(山边小溪) 阅读(719) | 评论 (0) 编辑
摘要: 你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。 几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他。以后,咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱,Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言,我们可以通阅读全文
posted @ 2009-04-18 02:27 梦想天空(山边小溪) 阅读(1043) | 评论 (0) 编辑
摘要: 这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助!阅读全文
posted @ 2009-03-12 00:17 梦想天空(山边小溪) 阅读(96754) | 评论 (15) 编辑
摘要: JavaScript函数调用规则一 (1)全局函数调用: function makeArray( arg1, arg2 ){ return [this , arg1 , arg2 ]; } 这是一个最常用的定义函数方式。相信学习JavaScript的人对它的调用并不陌生。 调用代码如下: makeArray('one', 'two'); // => [ window, 'one', 'two' ] 这种方式可以说是全局的函数调用。 为什么说是全局的函数? 因为它是全局对象window 的一个方法, 我们可以用如下方法验证: alert( typeof window.methodThatDoe阅读全文
posted @ 2009-03-12 00:08 梦想天空(山边小溪) 阅读(3335) | 评论 (1) 编辑
摘要: ASP是一种使用脚本语言来编写动态网页的技术,除了能使用VBscript来编写外,还可以使用JavaScript来编写。[代码]阅读全文
posted @ 2009-01-19 12:54 梦想天空(山边小溪) 阅读(1178) | 评论 (0) 编辑
摘要: [代码]阅读全文
posted @ 2009-01-06 11:23 梦想天空(山边小溪) 阅读(1190) | 评论 (2) 编辑
摘要: JS处理代码:[代码]HTML部分:[代码]事件结果:阅读全文
posted @ 2009-01-03 22:22 梦想天空(山边小溪) 阅读(531) | 评论 (0) 编辑
摘要: //这是一个计算x+y的函数,但是它和常规函数的不同之处在于 //它是被Currying的 function add(x, y) { //当x,y都有值得时候,计算并返回x+y的值 if(x!=null && y!=null) return x + y; //否则,若x有值y没有值 else if(x!=null && y==null) return function(y) { //返回一个等待y参数进行后续计算的闭包 return x + y; } //若x没有值y有值 else if(...阅读全文
posted @ 2008-08-31 12:05 梦想天空(山边小溪) 阅读(953) | 评论 (0) 编辑
摘要: 在程序语言中,所谓闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义(或创建)时的值 (深连结)。[代码]阅读全文
posted @ 2008-08-31 11:54 梦想天空(山边小溪) 阅读(1240) | 评论 (0) 编辑
摘要: BookInfo.csCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Text;namespaceClassProj{[Serializable]publicclassBookInfo{publicBookInfo(){}//在VS2008中可使用如下简化方式定义属性,是不是很简单了呢?!publi阅读全文
posted @ 2008-07-29 16:22 梦想天空(山边小溪) 阅读(2655) | 评论 (3) 编辑
摘要: 在VS2008里已经集成了AJAX的功能,不用像VS2005那样需要单独安装。另外VS2008终于是有JS提示了,哈哈,好玩!HelloService.asmxCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->usingSystem;usingSystem.Collections;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Linq;usingSystem.Web;usingS阅读全文
posted @ 2008-07-24 15:59 梦想天空(山边小溪) 阅读(828) | 评论 (0) 编辑