随笔分类 - JavaScript

前端技术
摘要: 在当今时代,SVG是最流行的和正在被众多的设计人员和开发人员使用,创建支持视网膜和响应式的网页设计。绘制SVG不是一个艰巨的任务,因为大量的 JavaScript 库可与 SVG 图像搭配使用。这些JS库帮助设计师和开发人员可以轻松地为他们的项目和Web应用程序创建创新和逼真的图形。阅读全文
posted @ 2016-06-14 12:59 梦想天空(山边小溪) 阅读(528) | 评论 (0) 编辑
摘要: SVG 是一种分辨率无关的图形(矢量图形)。这意味着它在任何类型的屏幕都不会遭受任何质量损失。除此之外,你可以让 SVG 灵活现一些动画效果。这篇文章就给大家推荐8个实现 SVG 动画的 JavaScript 库。阅读全文
posted @ 2016-05-22 22:56 梦想天空(山边小溪) 阅读(794) | 评论 (0) 编辑
摘要: 之前给大家分了很多的在线工具和参考文档,这里又为大家搜集了前端开发必备的20个在线工具和指南。新的一周,你需要计划学习新的东西或者能够提升你的能力。相信你会在这个列表中发现对你很有用的资料。阅读全文
posted @ 2016-04-08 12:35 梦想天空(山边小溪) 阅读(3374) | 评论 (0) 编辑
摘要: 这里和搜集了前端开发者必备的20个在线工具和指南。新的一周,你需要计划学习新的东西或者能够提升你的能力。在平常的搜索中,我碰到过很多实用的工具,应用程序和参考文档,我把它们整理在下面这个列表。相信你会在这个列表中发现对你很有用的资料。阅读全文
posted @ 2016-03-27 22:04 梦想天空(山边小溪) 阅读(1718) | 评论 (2) 编辑
摘要: TouchPoint.js 是一个用于 HTML 原型展示的 JavaScript 库(作为UX过程的一部分),通过视觉表现用户在屏幕上的点击。TouchPoint 是高度可定制,非常适合屏幕录制,用户测试和演示。阅读全文
posted @ 2016-03-16 12:47 梦想天空(山边小溪) 阅读(1122) | 评论 (0) 编辑
摘要: JavaScript 代码压缩是指去除源代码里的所有不必要的字符,而不改变其功能的过程。这些不必要的字符通常包括空格字符,换行字符,注释以及块分隔符等用来增加可读性的代码,但并不需要它来执行。在这篇文章中,我们选择了15个最好用的 JavaScript 压缩工具,有简单的在线转换器,GUI工具和命令行界面等。阅读全文
posted @ 2016-02-18 08:55 梦想天空(山边小溪) 阅读(1144) | 评论 (0) 编辑
摘要: OS.js 是一个开源的 Web OS 系统,可以在浏览器中运行,提供了窗口管理器,应用程序API,用户界面开发套件和抽象的文件系统等。可以部署在 Node 或者 PHP 环境中运行。OS.js is 是完全免费和开源的,你可以参与开发或者使用这套代码。阅读全文
posted @ 2016-01-21 12:47 梦想天空(山边小溪) 阅读(1548) | 评论 (2) 编辑
摘要: jQuery.my 这个插件用于实时双向数据绑定。它发生变异给出的数据源对象,反映了用户与用户界面之间的相互作用。jQuery.my 提供了全面的验证,条件格式,复杂的依赖关系,运行形式结构操作。阅读全文
posted @ 2015-12-11 12:34 梦想天空(山边小溪) 阅读(1975) | 评论 (2) 编辑
摘要: Codrops 分享了一个有趣的颜色提取实验。这个想法是创建图像的调色板,既有图像本身的潜移默化的影响,也有一些花哨的颜色延伸。通过使用 Vibrant.js 来提取图像中的颜色,并通过 CSS 过滤器将图像转换为黑色和白色版本,还有一个“幕布”滑动的效果。阅读全文
posted @ 2015-11-18 09:14 梦想天空(山边小溪) 阅读(1431) | 评论 (0) 编辑
摘要: Popmotion 是一个只有12KB的 JavaScript 运动引擎,可以用来实现动画,物理效果和输入跟踪。原生的DOM支持:CSS,SVG,SVG路径和DOM属性的支持,开箱即用。Popmotion 网站上有很多很赞的效果,赶紧去体验一下。阅读全文
posted @ 2015-10-25 19:26 梦想天空(山边小溪) 阅读(1937) | 评论 (0) 编辑
摘要: Codrops 发布了一个如何创建一个基于弹性效果的 SVG 加载进度条教程,基于 SVG 和 TweenMax 实现。按钮开始的时候是一个带有箭头的图标,一旦它被点击,动画成一个有趣的小金属丝和一个标签,该标签指示下载百分比。如果你想使用这部分代码在你的项目,到 Github 页面并按照说明进行操作即可。阅读全文
posted @ 2015-10-08 09:04 梦想天空(山边小溪) 阅读(1974) | 评论 (1) 编辑
摘要: Content Tools是一个用于构建所见即所得编辑器(WYSIWYG)的 JavaScript 库。ContentTools 所见即所得的编辑器只需要几个简单的步骤就可以加入到任何的 HTML 页面。有一步一步的指南,常见的使用场景以及更高级的主题。ContentTools 是免费开源的,在 GitHub 上托管,开发和维护。阅读全文
posted @ 2015-10-03 22:18 梦想天空(山边小溪) 阅读(1992) | 评论 (0) 编辑
摘要: 前端开发人员和设计师一般使用 CSS 来创建HTML元素动画。然而,由于HTML在创建图案,形状,和其他方面的局限性,它们自然的转向了SVG,它提供了更多更有趣的能力。借助SVG,我们有更多的方式来创建新的动画。您可以同时使用内置的SVG动画功能和CSS3动画。阅读全文
posted @ 2015-09-21 07:44 梦想天空(山边小溪) 阅读(2939) | 评论 (1) 编辑
摘要: 米老鼠是大家非常熟悉的迪斯尼动画形象。这是一个可爱的效果,结合 CSS & SVG 图形实现的米老鼠钟表效果。Web 技术让很多生活中的事物都能搬到网上去,后面的推荐阅读也有很多的效果,感兴趣的可以去看看。阅读全文
posted @ 2015-08-13 08:47 梦想天空(山边小溪) 阅读(2921) | 评论 (1) 编辑
摘要: 曾经,jQuery 无疑是最受欢迎的开源的 JavaScript 库,如今它有了很多的竞争对手,像 AngularJS、React、KnockoutJS 等等。在这里,我想重点关注一下 AngularJS,它最初的学习曲线比较陡,如果入门之后就容易多了。在这里,我收集了包括钻研 AngularJS 在内的20个资源教程和免费的在线代码分享给大家。阅读全文
posted @ 2015-07-27 15:08 梦想天空(山边小溪) 阅读(3534) | 评论 (2) 编辑
摘要: CamanJS 是一个基于 Canvas 处理图片的 Javascript 库,结合简单易用的接口和先进高效的图像编辑技术。CamanJS 很容易扩展新的过滤器和插件,并伴随着一系列广泛的图像编辑功能。它是完全独立的库,支持工作在 NodeJS 和浏览器。阅读全文
posted @ 2015-07-09 09:05 梦想天空(山边小溪) 阅读(3297) | 评论 (0) 编辑
摘要: Dynamics.js 是一个用来创建物理动画 JavaScript 库。你只需要把dynamics.js引入你的页面,然后就可以激活任何 DOM 元素的 CSS 属性动画,也可以用户 SVG 属性。阅读全文
posted @ 2015-07-06 10:05 梦想天空(山边小溪) 阅读(2635) | 评论 (0) 编辑
摘要: Codyhouse 收集了一组页面滚动效果,就是目前大家很常见的用户在浏览网页的时候。一些效果虽然极端,但如果你的目标是创建一个身临其境的用户体验,他们是非常有用的。所有的动画都使用 Velocity.js 创建。阅读全文
posted @ 2015-07-02 12:17 梦想天空(山边小溪) 阅读(2611) | 评论 (5) 编辑
摘要: JavaScript 可以通过多种方式来创建交互式的网站和 Web 应用程序。利用 JavaScript,可以让你移动 HTML 元素,创建各种各样的自定义动画,给你的访问者更好的终端用户体验。对于开发人员你来说,有无数的 JavaScript 框架可选择,往往是很难选择最适合您需要的。所以在这篇文章中,我收集了15个有用的和流行的 JavaScript 框架,旨在简化前端应用程序开发。阅读全文
posted @ 2015-06-25 09:15 梦想天空(山边小溪) 阅读(3338) | 评论 (3) 编辑
摘要: 当你在开发一个内容很多的 Web 项目的时候,最具挑战性的部分之一是为了如果更方便用户浏览这些内容。我们都能想到的一个例子是 Amazon,无限的类别以及它们的子类别。Mega Dropdown 是带二级分类的响应式下拉菜单组件,简单易用。阅读全文
posted @ 2015-06-08 13:36 梦想天空(山边小溪) 阅读(2226) | 评论 (0) 编辑
摘要: BasicModal 是为现代 Web 应用程序打造的弹窗系统。它包括所有你需要显示的信息,问题或接收用户的输入。这里的弹窗还可以链接起来,所以你可以很容易地建立一个预定义顺序的安装帮助或显示对话框。无效输入可以使用包含突出显示和处理功能。阅读全文
posted @ 2015-06-03 13:11 梦想天空(山边小溪) 阅读(2587) | 评论 (0) 编辑
摘要: Restive.js 是一个 jQuery 插件,可以帮助您轻松快捷地添加响应式功能到你网站,适应几乎所有拥有 Web 功能的设备。使用设备检测,高级管理断点,以及方向管理的组合,Restive.js 会给你的网站提供一种不可思议的能力。阅读全文
posted @ 2015-05-28 09:34 梦想天空(山边小溪) 阅读(3403) | 评论 (0) 编辑
摘要: 今天这篇文章为大家挑选了15个超炫的 CSS 动画效果的例子,这些 Demo 可以说都是艺术品。CodePen 是一个在线的前端代码编辑和展示网站,能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品,也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。阅读全文
posted @ 2015-05-26 09:50 梦想天空(山边小溪) 阅读(4425) | 评论 (5) 编辑
摘要: CodePen 是一个在线的前端代码编辑和展示网站,能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品,也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。今天这篇文章为大家挑选了15个超炫的 CSS 动画效果的例子,这些 Demo 可以说都是艺术品。阅读全文
posted @ 2015-05-25 13:37 梦想天空(山边小溪) 阅读(6882) | 评论 (12) 编辑
摘要: 为了让我们的信息能够有效地沟通,我们需要创建用户和我们的媒体之间的强有力的联系。今天我们就来探讨在网络上呈现故事的新方法,并为此创造了一个开源和免费使用的 JavaScript 库称为 space.js。该库是 HTML 驱动的,这意味着你不需要在网站上写一行 JavaScript 代码就可以,仍然有很大的灵活性。阅读全文
posted @ 2015-05-20 09:21 梦想天空(山边小溪) 阅读(2407) | 评论 (0) 编辑
摘要: T3 是一个用于构建大型 Web 应用程序的客户端 JavaScript 框架。T3 和大多数的 JavaScript 框架不同。它的意思是一小部分的整体架构,它允许你建立可扩展的客户端代码。T3 应用程序是由应用程序对象管理,主要任务是管理模块,服务和行为。这是这三种类型的对象,允许你建立一个可扩展的 JavaScript 前端的组合。阅读全文
posted @ 2015-05-14 09:59 梦想天空(山边小溪) 阅读(1994) | 评论 (0) 编辑
摘要: Awesomplete 是一款超轻量级的,可定制的,简单的自动完成插件,零依赖,使用现代化标准构建。你可以简单地添加 awesomplete 样式,让它自动处理(你仍然可以通过指定 HTML 属性配置更多选项),您可以用几行 JS 代码,提供更多的自定义。阅读全文
posted @ 2015-05-13 09:49 梦想天空(山边小溪) 阅读(1848) | 评论 (0) 编辑
摘要: 一个小实验,探索 SVG 线图动画的使用情况,以前沿的展示形式呈现图形或网站元素的外观,模拟它们的加载。SVG 成为一个有趣的网站组件,它真的很强大,有许多创造性和可能性,使用 SVG 可以制作各种有趣的网站交互效果。今天,我们想分享一组实验 SVG 绘制动画的例子。阅读全文
posted @ 2015-05-12 11:45 梦想天空(山边小溪) 阅读(1261) | 评论 (0) 编辑
摘要: DOM 动画是一个极好的 JavaScript 库,用来在页面的 DOM 注释中显示小的 ASCII 动画。这对于那些检查你的代码的人是一个小彩蛋,仅此而已。它是一个独立的库,不依赖 jQuery 或者其它库,所以使用是非常简单的。您不需要任何 CSS 或 HTML,只是 JavaScript 而已。阅读全文
posted @ 2015-05-11 12:21 梦想天空(山边小溪) 阅读(1613) | 评论 (0) 编辑
摘要: 互动拖放着色概念是一个有趣的小实验,你可以通过从调色板中拖放颜色水滴来给网站原型配色。我们的想法是简单地从调色板拖动一个颜色到网站原型的颜色指定区域的部分或文本。你可能以前也遇到过类似的颜色定制工具,但 Codrops 想添加一些有趣的想法,并使你能够更愉快的使用。阅读全文
posted @ 2015-05-05 10:20 梦想天空(山边小溪) 阅读(1718) | 评论 (0) 编辑
摘要: Rainyday.js 背后的想法是创建一个 JavaScript 库,利用 HTML5 Canvas 渲染一个雨滴落在玻璃表面的动画。Rainyday.js 有功能可扩展的 API,例如碰撞检测和易于扩展自己的不同的动画组件的实现。它是一个使用 HTML5 特性纯 JavaScript 库,支持大部分现代浏览器。阅读全文
posted @ 2015-04-28 09:32 梦想天空(山边小溪) 阅读(3053) | 评论 (0) 编辑
摘要: Lazyr.js 是一个小的、快速的、现代的、相互间无依赖的图片延迟加载库。通过延迟加载图片,让图片出现在(或接近))视窗才加载来提高页面打开速度。这个库通过保持最少选项并最大化速度。阅读全文
posted @ 2015-04-24 10:31 梦想天空(山边小溪) 阅读(2540) | 评论 (0) 编辑
摘要: Kickoff 是一个轻量级的前端框架,用于创建可扩展的,响应式的网站。作为前端开发人员,我们工作的类型越来越多样化。Kickoff 旨在帮助您在所有项目保持一致的结构和风格,无需添加其他框架。阅读全文
posted @ 2015-04-21 09:44 梦想天空(山边小溪) 阅读(1762) | 评论 (0) 编辑
摘要: Swiper 是移动 Web 开发中最常用的滑块插件,是一款免费的,最现代化的移动触摸滑块,支持硬件加速的转换和惊人的原生表现。它的目的是在移动网站,移动 Web 应用程序和 Hygrid 混合应用程序中使用。最初的设计主要是为 iOS,但同时也支持最新的 Android,Windows Phone 8 和现代的桌面浏览器。阅读全文
posted @ 2015-04-16 14:53 梦想天空(山边小溪) 阅读(2535) | 评论 (0) 编辑
摘要: 今天这篇是2015年第3期(总第34期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。阅读全文
posted @ 2015-04-15 13:48 梦想天空(山边小溪) 阅读(11272) | 评论 (3) 编辑
摘要: 前不久,Facebook 在F8开发者大会上正式开源了 React Native。不过目前只有 iOS 版,Android 版还需要再等一段时间,这是最新的用 JavaScript 语言开发原生 App 的尝试,其示例代码相当简洁,内置控件也不少。Facebook 同时还为 React Native 开发了一款基于 Atom 的IDE——Nuclide,也已开源。阅读全文
posted @ 2015-04-09 09:46 梦想天空(山边小溪) 阅读(2408) | 评论 (3) 编辑
摘要: Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单。它没有依赖,自由搭配简单的标记,支持原生的滚动,您可以轻松地定制它。它支持不同的 CSS 转换和过渡。最重要的是,它只是4KB 。阅读全文
posted @ 2015-04-01 11:16 梦想天空(山边小溪) 阅读(4694) | 评论 (0) 编辑
摘要: Type.js 是一款很好的网页字体排版工具。它可以让你使用新的 CSS 属性,在网页上试下更精细的排版控制。设置很简单。上传 type.js 到您的网站,并在你的 HTML 链接中引用。接下来,你就可以用新的 CSS 属性了,就像编写任何其他的样式一样。阅读全文
posted @ 2015-03-30 14:31 梦想天空(山边小溪) 阅读(2100) | 评论 (0) 编辑
摘要: 不可变数据是指一旦创建就不能被修改的数据,使得应用开发更简单,允许使用函数式编程技术,比如惰性评估。Immutable JS 提供一个惰性 Sequence,允许高效的队列方法链,类似 map 和 filter ,不用创建中间代表。Immutable.js 提供持久化的列表、堆栈、Map, 以及 OrderedMap 等,最大限度地减少需要复制或缓存数据。阅读全文
posted @ 2015-03-27 16:03 梦想天空(山边小溪) 阅读(2564) | 评论 (0) 编辑
摘要: 使用 NativeScript,你可以用现有的 JavaScript 和 CSS 技术来编写 iOS、Android 和 Windows Phone 原生移动应用程序。由原生平台的呈现引擎呈现界面而不是 WebView,正因为如此,应用程序的整个使用体验都是原生的。阅读全文
posted @ 2015-03-26 10:28 梦想天空(山边小溪) 阅读(6463) | 评论 (4) 编辑
摘要: Nunchuck.js 是对用于移动设备上的浏览器应用程序的控制库,通过浏览器轻松实现多设备数据同步。他们提供了一个库,很容易使开发人员能够整合移动浏览器控件到桌面的基于浏览器的 JavaScript 游戏,只需少量的代码。阅读全文
posted @ 2015-03-24 15:11 梦想天空(山边小溪) 阅读(1407) | 评论 (0) 编辑
摘要: Aurelia 是下一代 JavaScript 客户端框架,利用简单的约定来激发你的创造力。凭借其强大的专注于开发经验, Aurelia 可以使您不仅创造惊人的应用程序,同时也享受这个过程。它经过精心设计,是可插拔和可定制的。阅读全文
posted @ 2015-03-18 09:52 梦想天空(山边小溪) 阅读(1642) | 评论 (0) 编辑
摘要: 在这篇文章中,分享一组网页设计中手风琴效果的20个最佳实践。当你想在有限的页面空间内展示多个内容片段的时候,手风琴(Accordion)效果就显得非常有用,它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换。阅读全文
posted @ 2015-03-16 16:21 梦想天空(山边小溪) 阅读(2436) | 评论 (0) 编辑
摘要: Webpack 是一个 CommonJs & AMD 模块打包器。可以把你的 JavaScript 代码分离为多个包,在需要的时候进行加载,支持预处理文件,例如 json, jade, coffee, css, less 等等。阅读全文
posted @ 2015-03-13 13:44 梦想天空(山边小溪) 阅读(4290) | 评论 (0) 编辑
摘要: 今天这篇是2015年第2期(总第33期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。阅读全文
posted @ 2015-03-12 13:47 梦想天空(山边小溪) 阅读(6297) | 评论 (4) 编辑
摘要: 使用 Intercooler,你可以添加 AJAX 到你的应用程序,而无需使用客户端模式的路由,认证,渲染,工厂或依赖注入。事实上,你不需要写任何的 JavaScript 代码。Intercooler 是 HTML 的自然延伸:一个熟悉的语法,简单的属性就可以把 AJAX 请求添加到您的应用程序中。阅读全文
posted @ 2015-03-12 10:23 梦想天空(山边小溪) 阅读(1471) | 评论 (0) 编辑
摘要: Riot 是一个类似 Facebook React 的用户界面库,只有3.5KB,非常轻量。支持IE8+浏览器的自定义标签,虚拟 DOM,语法简洁。Riot 给前端开发人员提供了除 React 和 Ploymer 之外的新选择,值得一试。阅读全文
posted @ 2015-03-06 10:01 梦想天空(山边小溪) 阅读(3012) | 评论 (3) 编辑
摘要: Spirit 并不是一个具体的框架或者工具,但是她是移动端一系列解决方案的整合与聚拢。她是腾讯 Alloyteam 开发团队在移动开发项目中通过大量实践、归纳、总结提炼而成,最终沉淀下来的一个体系,真正建立一套移动 Web 开发的集成解决方案。Spirit 主要由5个部分组成:移动 Web 开发规范、JM、JMUI、Mobug、Mars。阅读全文
posted @ 2015-03-05 11:52 梦想天空(山边小溪) 阅读(1481) | 评论 (0) 编辑
摘要: FormatJS 是一个模块化的集合,保护各种 JavaScript 国际化库,例如格式化数字,日期和字符串。它包括一组建立在 JavaScript 的国际内置插件和全行业的国际化标准,再加上一套集成的通用模板和组件库。阅读全文
posted @ 2015-02-12 13:54 梦想天空(山边小溪) 阅读(2403) | 评论 (0) 编辑
摘要: 今天,我们想给大家分享一些全屏遮罩效果的灵感。像任何其它的UI组件一样,网页设计不断有新的趋势和风格出现,我们想尝试的遮罩有一些微妙的,还有奇特的效果。这些遮罩的特别之处在于,他们没有像模态窗口那样固定大小而是占据整个屏幕,因此创建效果时,人们必须考虑到这一点。阅读全文
posted @ 2015-01-30 10:48 梦想天空(山边小溪) 阅读(5755) | 评论 (0) 编辑
摘要: Libscore 扫描网络上成千上万的网站,收集统计 JavaScript 库的使用数据。在搜索框中,输入关键词,例如 jQuery, Modernizr, $.ui 或者 $.fn.fancybox。Libscore 汇总这些数据来提供给开源开发者,他们需要评估修改插件时候可能影响的人数。阅读全文
posted @ 2015-01-29 13:29 梦想天空(山边小溪) 阅读(1332) | 评论 (0) 编辑
摘要: 梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2015-01-28 15:06 梦想天空(山边小溪) 阅读(5390) | 评论 (3) 编辑
摘要: Codrops 分享了一些给SVG元素加上弹性动画的灵感。实现的思路是把一个SVG元素整合成一个组件,然后从一个路径弹性动画到另一个。这种效果可以应用到像菜单,按钮或其它元素,使得交互更有趣,看起更原生与自然的感觉。阅读全文
posted @ 2015-01-27 09:53 梦想天空(山边小溪) 阅读(2046) | 评论 (0) 编辑
摘要: 在去年,我给大家分享了《基于 CSS3 的精美模态窗口效果》,而今天我要与大家分享一些新鲜的想法。风格和趋势变化,要求更加适合现代UI的不同的效果。这组新模态窗口效果包含了一些微妙的动画,还有一些应用了SVG变形技术。阅读全文
posted @ 2015-01-26 09:51 梦想天空(山边小溪) 阅读(4920) | 评论 (0) 编辑
摘要: ECMAScript 6 是下一代的 ECMAScript 标准。ECMAScript 6的目标,是使得JavaScript可以用来编写复杂的应用程序、函数库和代码的自动生成器。 ES6 是这门语言的重大更新,也是自2009年ES5标准化之后的第一个更新。6to5可以将 ES6+ 的代码转换为 ES5,让你现在就能使用下一代的功能。阅读全文
posted @ 2015-01-22 13:05 梦想天空(山边小溪) 阅读(1937) | 评论 (3) 编辑
摘要: Face++ 是一个小巧,功能强大,跨平台的服务,由Megvii公司建立,致力于建立一个新的视觉平台。它使用计算机视觉尖端科技和数据挖掘,提供3个核心视觉服务(探测,识别和分析)。基于 Face++ 庞大的数据库,开发人员可以将脸部识别技术应用到自己的网站,移动应用和智能电视,增加了令人难以置信的用户体验。阅读全文
posted @ 2015-01-20 16:51 梦想天空(山边小溪) 阅读(2933) | 评论 (0) 编辑
摘要: ECharts 基于 Canvas 的纯 Javascript 图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。阅读全文
posted @ 2015-01-20 10:32 梦想天空(山边小溪) 阅读(3322) | 评论 (0) 编辑
摘要: Snabbt.js 是一个简约的 JavaScript 动画库。它会平移,旋转,缩放,倾斜和调整你的元素。通过矩阵乘法运算,变换等可以任何你想要的方式进行组合。最终的结果通过 CSS3 变换矩阵设置。阅读全文
posted @ 2015-01-16 13:41 梦想天空(山边小溪) 阅读(3409) | 评论 (0) 编辑
摘要: PhotoSwipe 是一个专门针对移动设备的图像画廊,它的灵感来自 iOS 的图片浏览器和谷歌移动端图像。 PhotoSwipe 提供您的访客熟悉和直观的界面,使他们能够与您的移动网站上的图像进行交互。阅读全文
posted @ 2015-01-14 10:40 梦想天空(山边小溪) 阅读(3004) | 评论 (0) 编辑
摘要: 产品的用户体验是否被用户所接受,很大一部分取决于交互界面的设计,交互界面设计是整个产品设计中的核心,对于产品品质有着决定性的影响。Web 界面上交互的方式很多,只要你去探索,你会发现很多让你眼前一亮的想法。这里集合了12个来自 Codrops 的创新的界面交互和动画效果,值得我们去研究和使用。阅读全文
posted @ 2015-01-06 14:14 梦想天空(山边小溪) 阅读(6702) | 评论 (6) 编辑
摘要: Wami 地图项目把 OSM 数据分享给所有的人,很容易使用。他们利用 MongoDB 的潜力进行大数据管理来实现从 OSM 数据来源搜索相关的数据。它们的 API 使人们有可能检索不同格式的 POI,包括GeoJSON。OSM(OpenStreetMap)地图由用户根据手提GPS装置、航空摄影照片、其他自由内容甚至单靠地方智慧绘制。阅读全文
posted @ 2014-12-26 14:17 梦想天空(山边小溪) 阅读(1546) | 评论 (0) 编辑
摘要: L20n是 Mozilla 开发的用于 Web 开发的本地化框架。它允许本地化开发者把逻辑细分为本地化的资源。 L20n 的框架不再需要开发人员深入理解自然语言的具体细节,并提供了机会为本地化创造更好的翻译。L20n 重塑软件本地化,用户应该能够从自然语言的整个表现力中受益。阅读全文
posted @ 2014-12-26 11:55 梦想天空(山边小溪) 阅读(1297) | 评论 (0) 编辑
摘要: JuliusJS 是用于在网页中的语音识别库。这是 Julius(由日本京都大学和日本IPA联合开发的一个实用高效双通道的大词汇连续语音识别引擎)的 JavaScript 实现。它实时侦听用户的语音并通过回调转录说的话。阅读全文
posted @ 2014-12-23 11:58 梦想天空(山边小溪) 阅读(3054) | 评论 (0) 编辑
摘要: 在CSS中,我们使用 ::first-line 选择器来给元素第一行内容应用样式。但目前还没有像 ::nth-line、::nth-last-line 甚至 ::last-line 这样的选择器。实际上这期选择器在某些情况下是非常有用的,Lining.js 提供了这样的功能。阅读全文
posted @ 2014-12-18 15:38 梦想天空(山边小溪) 阅读(1329) | 评论 (0) 编辑
摘要: Charted 是一个让数据自动生成可视化图表的工具。只需要提供一个数据文件的链接,它就能返回一个美丽的,可共享的图表。Charted 不会存储任何数据。它只是获取和让链接提供的数据可视化。阅读全文
posted @ 2014-12-15 16:10 梦想天空(山边小溪) 阅读(1877) | 评论 (0) 编辑
摘要: 众多周知,图形和图表要比文本更具表现力和说服力。图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等。在这篇文章中,我们收集了15款值得网站开发者收藏的 JavaScript 图形图表库,可以帮助你实现各种功能的图表。阅读全文
posted @ 2014-12-11 15:11 梦想天空(山边小溪) 阅读(21931) | 评论 (10) 编辑
摘要: MetricsGraphics.js 是建立在D3的基础上,被用于可视化和布局的时间序列数据进行了优化。它提供以产生一个原则性的,一致的和响应式的方式的图形常见类型的简单方法。该库目前支持折线图,散点图和直方图,以及地毯地块和基本线性回归功能。阅读全文
posted @ 2014-12-05 16:39 梦想天空(山边小溪) 阅读(1660) | 评论 (1) 编辑
摘要: Web 界面上交互的方式很多,只要你去探索,你会发现很多让你眼前一亮的想法。Codrops 最近发布了一组悬停效果,总共分为两组,多达30种不同的风格。为了让效果尽可能的平滑,最好不要在元素上使用变换以免影响布局。在第二组中采用了 SVG 动画,这也是目前比较流行的方式。阅读全文
posted @ 2014-12-05 10:27 梦想天空(山边小溪) 阅读(5652) | 评论 (3) 编辑
摘要: 《水果忍者》是一款非常受喜欢的手机游戏,刚看到新闻说《水果忍者》四周年新版要上线了。网页版的切水果游戏由百度 JS 小组开发,采用 vml + svg 绘图,使用了 Raphael,效果很赞,赶紧来膜拜一下。阅读全文
posted @ 2014-12-03 09:54 梦想天空(山边小溪) 阅读(3809) | 评论 (6) 编辑
摘要: 《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来,历经三年半,总共发布了30期。今天这篇是2014年第10期(总第31期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用。阅读全文
posted @ 2014-12-02 09:28 梦想天空(山边小溪) 阅读(6049) | 评论 (8) 编辑
摘要: Codrops 分享了一些界面拖放的交互设计想法。基本的思路是在拖动一个项目的时候,为特定的操作呈现出可投掷的区域。这节省了大量的界面空间 ,并给出了一个有趣的动态的互动。有很多应用场景,例如分类和组织内容(像 Pinterest 的面板),或在邮件应用程序或内容管理系统中执行一些操作。阅读全文
posted @ 2014-12-01 10:21 梦想天空(山边小溪) 阅读(1889) | 评论 (0) 编辑
摘要: Vue.js 是用于构建交互式的 Web 界面的库。它提供了MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。阅读全文
posted @ 2014-11-28 13:02 梦想天空(山边小溪) 阅读(53586) | 评论 (4) 编辑
摘要: 在这个列表中挑选了9个物理和重力实验,用来展示 Javascript 的强大。几年前,所有这些实验都必须使用 Java 或 Flash 才能做。在下面这些惊人的例子中,就个人而言,我比较喜欢仿真布料的那个,我简直不敢相信它是使用 JavaScript 做出来的。阅读全文
posted @ 2014-11-26 14:47 梦想天空(山边小溪) 阅读(10685) | 评论 (21) 编辑
摘要: ProgressBar.js 是一个借助动态 SVG 路径的漂亮的,响应式的进度条效果。使用 ProgressBar.js 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条,圆形和方形等几个内置的形状,但你可使用 Illustrator 或任何其它的矢量图形编辑器创建自己的进度条效果。阅读全文
posted @ 2014-11-24 10:36 梦想天空(山边小溪) 阅读(10454) | 评论 (0) 编辑
摘要: 通过 JavaScript 实现 SVG 路径动画,我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框,使用伪元素创造更具吸引力的样式,输入框被选中的时候执行 SVG 动画。阅读全文
posted @ 2014-11-20 10:39 梦想天空(山边小溪) 阅读(2404) | 评论 (5) 编辑
摘要: Converse.js 是一个运行在浏览器的免费和开源的聊天客户端。它可以集成到任何网页。类似于 Facebook 的聊天,它也支持多用户聊天室。Converse.js 可以连接到任何可访问的 XMPP/Jabber 服务器。阅读全文
posted @ 2014-11-08 12:49 梦想天空(山边小溪) 阅读(3347) | 评论 (2) 编辑
摘要: Walkway.js 是一个使用线条和路径元素组成 SVG 动画图像的简单方法。只需根据提供的配置对象创建一个新的 Walkway 实例就可以了。这种效果特别适合那些崇尚简约设计风格的网页。目前, Walkway.js 仅适用于路径和线条元素。阅读全文
posted @ 2014-11-06 09:44 梦想天空(山边小溪) 阅读(4046) | 评论 (0) 编辑
摘要: GifShot 是一个可以创建流媒体,视频或图像的 GIF 动画的 JavaScript 库。该库的客户端特性使其非常便携,易于集成到几乎任何网站。利用最先进的浏览器 API ,包括 WebRTC ,文件系统,视频,Canvas,Web Workers,类型化数组和 Base 64 编码,支持超过20个选项。阅读全文
posted @ 2014-10-28 10:03 梦想天空(山边小溪) 阅读(2346) | 评论 (0) 编辑
摘要: ClockPicker 是国内前端开发者发布的一个时钟样式 Timepicker,可以用于 Bootstrap 和 jQuery。所有主流浏览器都支持,包括 IE9+,支持移动设备,能够在触摸屏设备很好的工作。 ClockPicker 在设计之初是用于 Bootstrap 项目的,因此,Bootstrap 和 jQuery 是唯一的依赖。阅读全文
posted @ 2014-10-27 09:37 梦想天空(山边小溪) 阅读(7288) | 评论 (2) 编辑
摘要: Hello.js 是一个客户端的 Javascript SDK,用于实现 OAuth2 认证(或者基于 OAuth 代理实现的 OAuth1)的 Web 服务和查询 REST API。 HelloJS 标准化路径和对通用的 API 响应 ,如谷歌的数据服务, Facebook 的图形和 Windows Live 连接。HelloJS 也可以在 PhoneGap 应用程序中运行。阅读全文
posted @ 2014-10-17 16:04 梦想天空(山边小溪) 阅读(2230) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第9期(总第30期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-10-16 15:05 梦想天空(山边小溪) 阅读(6218) | 评论 (0) 编辑
摘要: 在平常的搜索中,我碰到过很多有趣的信息,应用程序和文档,我把它们整理在下面这个列表。这是收藏的遇到的有用内容的一个伟大的方式,可以在你需要的时候方便查阅。相信你会在这个列表中发现对你很有用的资料。阅读全文
posted @ 2014-10-14 13:45 梦想天空(山边小溪) 阅读(14820) | 评论 (2) 编辑
摘要: Sweet Alert 是一个替代传统的 JavaScript Alert 的漂亮提示效果。SweetAlert 自动居中对齐在页面中央,不管您使用的是台式电脑,手机或平板电脑看起来效果都很棒。另外提供了丰富的自定义配置选择,可以灵活控制。阅读全文
posted @ 2014-10-14 09:38 梦想天空(山边小溪) 阅读(14345) | 评论 (7) 编辑
摘要: Ocrad.js 相当于是 Ocrad 项目的纯 JavaScript 版本,使用 Emscripten 自动转换。这是一个简单的 OCR (光学字符识别)程序,可以扫描图像中的文字回文本。不像 GOCR.js,Ocrad.js 被设计成一个端口,而不是围绕可执行的包装。因此它需要的时间仅为 GOCR.js 的八分之一。阅读全文
posted @ 2014-10-08 23:02 梦想天空(山边小溪) 阅读(3321) | 评论 (0) 编辑
摘要: BitcoinJS 是一个干净,可读的 JavaScript 开发库,用于比特币交易。支持 Node.js 平台和浏览器端。已有超过150万的钱包用户在使用, BitcoinJS 是几乎所有的 Web 端比特币钱包交易最重要的库。它支持先进的功能,如多SIG ,速度快以及优化的代码。阅读全文
posted @ 2014-09-26 12:56 梦想天空(山边小溪) 阅读(1389) | 评论 (0) 编辑
摘要: Sequence.js 功能齐全,除了能实现之前分享过的现代的图片滑动效果,还可以融合当前非常流行的视差滚动(Parallax Scrolling)效果。让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。阅读全文
posted @ 2014-09-22 19:15 梦想天空(山边小溪) 阅读(1655) | 评论 (0) 编辑
摘要: 苹果发布 iPhone 6 和 iPhone 6 Plus 有一段时间了,据说首日预定量达到了创纪录的1600万部,真是不可思议。苹果已经创建了一些指引,让开发者可以受益。他们已经发布了一组苹果官方的 iPhone 6 & Plus 产品图片。阅读全文
posted @ 2014-09-22 12:55 梦想天空(山边小溪) 阅读(1906) | 评论 (0) 编辑
摘要: FingerprintJS 是一个快速的浏览器指纹库,纯 JavaScript 实现,没有依赖关系。默认情况下,使用 Murmur Hash 算法返回一个32位整数。Hash 函数可以很容易地更换。FingerprintJS可以匿名识别 Web 浏览器,准确率高达94%。阅读全文
posted @ 2014-09-16 10:20 梦想天空(山边小溪) 阅读(9064) | 评论 (5) 编辑
摘要: imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度,还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。阅读全文
posted @ 2014-09-05 09:42 梦想天空(山边小溪) 阅读(5406) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第8期(总第29期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-09-01 23:06 梦想天空(山边小溪) 阅读(3952) | 评论 (0) 编辑
摘要: Heatmap 是用来呈现一定区域内的统计度量,最常见的网站访问热力图就是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。Heatmap.js 这个 JavaScript 库可以帮助你实现各种动态热力图的网页。这个 JavaScript 库将帮助您研究和可视化用户的行为。阅读全文
posted @ 2014-08-29 10:52 梦想天空(山边小溪) 阅读(6641) | 评论 (2) 编辑
摘要: Ampersand.js 是一个高度模块化,松耦合,用于构建先进的 JavaScript 应用程序的框架。通过良好定义的方法,结合了一系列微小的 CommonJS 模块。条理清晰,没有多余的冗余代码。阅读全文
posted @ 2014-08-18 09:51 梦想天空(山边小溪) 阅读(2110) | 评论 (0) 编辑
摘要: Papa Parse 是一个与众不同的,在网页上运行的第一个多线程的 CSV 解析器。它可以解析千兆字节大小文件而不会导致浏览器崩溃。它能够正确地处理格式不正确或边缘的情况下的 CSV 文本。它可以分析在本地文件系统文件,或者通过网络下载。阅读全文
posted @ 2014-08-14 09:20 梦想天空(山边小溪) 阅读(1543) | 评论 (3) 编辑
摘要: 今天我们要为您展示如何使用 CSS 动画, SVG 和 JavaScript 创建一个简单的页面预加载效果。对于网站来说,这些预载入得画面提供了一种创造性的方法,使用户在等待内容加载的时候不会那么无聊。阅读全文
posted @ 2014-08-07 13:17 梦想天空(山边小溪) 阅读(4897) | 评论 (0) 编辑
摘要: Trumbowyg 是一个轻量,可定制的 jQuery 所见即所得(WYSIWYG)的编辑器插件。美丽的设计,生成语义化代码,带有功能强大的 API 。编辑器和生成的代码进行了优化以支持 HTML5。兼容大部分浏览器,如 IE8+、Chrome、Opera 和 Firefox 。阅读全文
posted @ 2014-07-31 13:01 梦想天空(山边小溪) 阅读(2731) | 评论 (0) 编辑
摘要: Vanilla Masker 是一个纯 JavaScript 实现的输入内容过滤和自动转换插件。现在你可以使用一个简单而纯粹的 JavaScript 库来控制你的 input 元素,而不需要加载 jQuery,Zepto 或者其它框架。不用担心兼容性,因为这是一个跨浏览器和跨设备的库。阅读全文
posted @ 2014-07-25 10:53 梦想天空(山边小溪) 阅读(1713) | 评论 (0) 编辑
摘要: 逗号分隔值(CSV )文件用于以以纯文本的形式存储表格化数据(数字和文本)。 CSV 文件包含任意数量的记录,通过某种换行符分隔,每条记录由字段,其他一些字符或字符串分隔,最常用的是文字逗号或制表符。CSV.js 是一个简单,超快的 CSV 解析 JavaScript 工具库,兼容浏览器,AMD 和 NodeJS 环境。阅读全文
posted @ 2014-07-18 16:09 梦想天空(山边小溪) 阅读(3603) | 评论 (0) 编辑
摘要: 作为一个前沿的 Web 开发者,对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手。这篇文章挑选了8个前沿的 HTML5 & CSS3 效果,记得收藏哦:)阅读全文
posted @ 2014-07-17 15:12 梦想天空(山边小溪) 阅读(11676) | 评论 (23) 编辑
摘要: visualCaptcha 是一个可配置的验证码解决方案,专注于可访问性和简单性,同时保持安全性。它也支持移动,视网膜设备,并有一个创新的可访问性的解决方案。 visualCaptcha 现在可以跨多个后端语言,不管你是使用 JavaScript ,Ruby 或 PHP,都可以使用 visualCaptcha。阅读全文
posted @ 2014-07-16 15:20 梦想天空(山边小溪) 阅读(1794) | 评论 (0) 编辑
摘要: 如果你想在网页中实现灵活的固定导航功能,那么 Smart Fixed Navigation 这个 JavaScript 脚本可以帮助轻松实现一个固定的导航,让用户在访问你的网站的时候可以随时使用菜单。它比全宽度的固定导航更小,并一个聪明UX的解决方案来取代回到顶部按钮功能。阅读全文
posted @ 2014-07-11 09:58 梦想天空(山边小溪) 阅读(3112) | 评论 (4) 编辑
摘要: Intense Images 是一个独立的 JavaScript 库,用于查看全屏图像。使用触摸/鼠标来实现图片位置的平移。图像元素的所有样式都是可以自定义的,Intense.js 只处理图像浏览器和字幕的制作。阅读全文
posted @ 2014-07-09 09:44 梦想天空(山边小溪) 阅读(3446) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第7期(总第28期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-07-01 23:11 梦想天空(山边小溪) 阅读(4983) | 评论 (4) 编辑
摘要: Boba.js 是一个小的,易于扩展的 JavaScript 库,让谷歌分析(Google Analytics)的更灵活,更容易。它同时支持旧的 ga.js 库以及新的 analytics.js 库。它有一个开箱即用功能——trackLinks ,并使得一切跟踪功能都变得小菜一碟。阅读全文
posted @ 2014-06-26 16:28 梦想天空(山边小溪) 阅读(1603) | 评论 (0) 编辑
摘要: 今天,我们想向您展示如何创建平铺背景图像的幻灯片效果。其灵感来自于国外的一个工作室网站(围观),这个网站充满了各种有趣和创意效果,一定记得去看看。这个幻灯片效果是由四个区域的独立移动构成,通过画面分割,同时显示出新的图片。这里需要组合使用 CSS3 的3D转换、过渡和动画功能。阅读全文
posted @ 2014-06-25 10:02 梦想天空(山边小溪) 阅读(7222) | 评论 (5) 编辑
摘要: JS Nice 是一款让经过混淆处理的 JavaScript 代码可读更好的工具。它使用一种新型的用于 JavaScript 代码美化的去混淆和去压缩引擎。JSNice 采用先进的机器学习和程序分析技术,从可用的开源项目学习命名和类型规律。阅读全文
posted @ 2014-06-20 14:50 梦想天空(山边小溪) 阅读(3505) | 评论 (5) 编辑
摘要: 视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能够让原本平面的网页界面产生动感的立体效果。下面分享的这个图片滑块效果是难得一见的结合视差滚动的例子,之前的文章给大家分享过,这里再推荐一下。美女很养眼吧 :)阅读全文
posted @ 2014-06-19 10:38 梦想天空(山边小溪) 阅读(3252) | 评论 (2) 编辑
摘要: Ouibounce 是一个微小的库,用于实现在用户离开你的网站的时候显示一个模式窗口。这个库可以帮助你增加着陆页的转换率。 Ouibounce 会在当鼠标光标移动到接近(或通过)视口(viewport)的顶部的时候触发。您可以自定义多远的时候让 Ouibounce 触发,值越高,越敏感。阅读全文
posted @ 2014-06-16 15:46 梦想天空(山边小溪) 阅读(1616) | 评论 (2) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第6期(总第27期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-06-11 23:38 梦想天空(山边小溪) 阅读(7101) | 评论 (2) 编辑
摘要: Shine.js 是一个用于实现漂亮阴影的 JS 库。您可以设置动态光的位置,可定制的阴影。不依赖于第三方库,兼容 AMD。能在支持 textShadow 或 boxShadow 的浏览器中正常使用,如果有需要会自动添加前缀。阅读全文
posted @ 2014-06-09 16:16 梦想天空(山边小溪) 阅读(2829) | 评论 (2) 编辑
摘要: MagicSuggest 是专为 Bootstrap 主题开发的多选组合框。它支持自定义呈现,数据通过 Ajax 异步获取,使用组件自动过滤。它允许空间免费项目,也有动态加载固定的建议。阅读全文
posted @ 2014-06-06 11:04 梦想天空(山边小溪) 阅读(7767) | 评论 (5) 编辑
摘要: Fort.js 是一款用于时尚、现代的表单填写进度提示效果的 JavaScript 库,你需要做的就是添加表单,剩下的任务就交给 Fort.js 算法了,真的非常简单。提供了Default、Gradient、Sections 以及 Flash 四种效果,满足开发的各种场合需要。阅读全文
posted @ 2014-06-04 13:21 梦想天空(山边小溪) 阅读(3977) | 评论 (7) 编辑
摘要: Numeral.js 是一个用于格式化和操作数字的 JavaScript 库。数字可以格式化为货币,百分比,时间,甚至是小数,千位,和缩写格式,功能十分强大。支持包括中文在内的17种语言。阅读全文
posted @ 2014-06-03 09:58 梦想天空(山边小溪) 阅读(2577) | 评论 (2) 编辑
摘要: JSCapture 是用纯 JavaScript 和 HTML5 实现的屏幕捕捉库。它可以让从您的浏览器中截图和记录在桌面的视频。JSCapture 使用 getUserMedia 来实现屏幕捕获。目前的屏幕捕捉的 API 仅支持 Chrome 浏览器。阅读全文
posted @ 2014-05-30 10:53 梦想天空(山边小溪) 阅读(3762) | 评论 (2) 编辑
摘要: Draggabilly 是一个很小的 JavaScript 库,专注于拖放功能。只需要简单的设置参数就可以在你的网站用添加拖放功能。兼容 IE8+ 浏览器,支持多点触摸。可以灵活绑定事件,支持 RequireJS 以及 Bower 安装。阅读全文
posted @ 2014-05-29 10:03 梦想天空(山边小溪) 阅读(2502) | 评论 (0) 编辑
摘要: 如果你看过三星企业设计中心网站,你肯定已经注意到了时尚的网格加载效果。在这篇文章中,我们想向您展示了如何使用 Masonry 网格砌体插件,结合 CSS 动画重现这种效果。另外在这里,我们还借助了 ColorFinder 来获得的图像的最突出的颜色来作为初始的加载背景色使用。阅读全文
posted @ 2014-05-27 09:39 梦想天空(山边小溪) 阅读(8901) | 评论 (12) 编辑
摘要: PourOver 是一个用于对大数据集合进行快速过滤的 JavaScript 库。它可以在60fps下运行,允许您构建数据研究应用和档案,即不必等待一个数据库调用来呈现查询结果。PourOver 基于可以彼此任意地构成,而不必重新计算其结果的简单查询的理想。阅读全文
posted @ 2014-05-26 15:27 梦想天空(山边小溪) 阅读(1613) | 评论 (0) 编辑
摘要: Quill 的建立是为了解决现有的所见即所得(WYSIWYG)的编辑器本身就是所见即所得(指不能再扩张)的问题。如果编辑器不正是你想要的方式,这是很难或不可能对其进行自定义以满足您的需求。Quill 旨在通过把自身组织成模块,并提供了强大的 API 来构建额外的模块来解决这个问题。阅读全文
posted @ 2014-05-23 10:14 梦想天空(山边小溪) 阅读(3667) | 评论 (1) 编辑
摘要: Photopile JS 是模拟照片散布堆叠在一起的 JavaScript/jQuery 图片库。点击缩略图,照片会弹出放大 ,再次点击照片会返回。缩略图是可拖动的,允许照片深深的堆在一起而不被覆盖,提高好的使用体验。阅读全文
posted @ 2014-05-22 15:34 梦想天空(山边小溪) 阅读(3371) | 评论 (1) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第5期(总第26期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-05-22 09:35 梦想天空(山边小溪) 阅读(3549) | 评论 (7) 编辑
摘要: Shepherd 是一个指导用户使用应用程序的 JavaScript 库。它使用 Tether——另一个开源库,实现所有的步骤。Tether 确保你的步骤不会溢出屏幕或被剪裁。你可以很容易地指导用户使用您的应用程序。阅读全文
posted @ 2014-05-21 15:51 梦想天空(山边小溪) 阅读(895) | 评论 (0) 编辑
摘要: Masonry 是一款 JavaScript 网格布局插件,可以实现类似 Pinterest 模式的砌体布局效果。通过把元素自动填充在垂直的空白区域,就像墙上堆砌的石头一样。这个库还可以作为 jQuery 插件使用,帮助你轻松实现这种效果。阅读全文
posted @ 2014-05-19 09:49 梦想天空(山边小溪) 阅读(4410) | 评论 (4) 编辑
摘要: 有的时候,在我们的应用程序中,我们希望能够显示特定任务的百分比进度。这里分享的这款小巧的 JavaSript 插件就是实现这个功能,易于使用和定制,而且是是免费开源的。阅读全文
posted @ 2014-05-18 14:33 梦想天空(山边小溪) 阅读(3657) | 评论 (4) 编辑
摘要: 一款好的图表插件不是那么容易找到的。最近项目里需要实现统计图表功能,所以在网上搜罗了一圈,找到一些不错的图表插件,分享大家。众多周知,图形和图表要比文本更具表现力和说服力。这里精心推荐几款实用的 JavaScript 图形图表库,可以帮助你实现各种功能的图表。阅读全文
posted @ 2014-05-15 10:01 梦想天空(山边小溪) 阅读(6601) | 评论 (19) 编辑
摘要: Debug 是一个跟踪调试消息的 JavaScript 库。因为它只是对 console.log 的包装,所以支持 Node 和浏览器。它允许你过滤日志输出而不需要改变你的源代码,也输出时间差异,可以让您轻松地告诉你日志消息间隔多少时间。阅读全文
posted @ 2014-05-13 14:11 梦想天空(山边小溪) 阅读(2109) | 评论 (2) 编辑
摘要: 对于我来说,Web 前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西。唯一的问题是,你需要跟上这个领域的发展脚本,因此,你必须不断的学习,不断的前进。本文将分享能够帮助您快速掌握 HTML5 的实例教程,值得好好学习。阅读全文
posted @ 2014-05-13 10:08 梦想天空(山边小溪) 阅读(9674) | 评论 (12) 编辑
摘要: 今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果。虽然有些效果非常简单,只是简单的滑动动作,但另外的一些则是利用了视角和 3D 转换来创造一些立体动感的效果。阅读全文
posted @ 2014-05-08 14:09 梦想天空(山边小溪) 阅读(31319) | 评论 (47) 编辑
摘要: Treed 是一个功能强大的树型编辑组件。Treed 使用 MVC 模式,简单的构造可以帮助你轻松创建一个完全不同的树形视图。您也可以创建自己的“节点”类,如果你想要做的不仅仅是单一的文本输入。阅读全文
posted @ 2014-05-07 14:58 梦想天空(山边小溪) 阅读(3215) | 评论 (0) 编辑
摘要: Twitter Bootstrap 自从2011年最初发布到网上后,迅速成为 Web 领域最流行的响应式前端开发框架之一,是网页设计的优秀实践。Twitter Bootstrap 框架包含了众多的预定义风格的组件,插件和加载项。在这篇文章中,我们想向大家介绍15款最好的 Twitter Bootstrap 开发工具以更好地满足要求以及帮助提高他们的 Web 开发的生产力。阅读全文
posted @ 2014-05-05 14:46 梦想天空(山边小溪) 阅读(14396) | 评论 (21) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第4期(总第25期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-05-05 09:31 梦想天空(山边小溪) 阅读(5527) | 评论 (7) 编辑
摘要: Seen.js 渲染3D场景为 SVG 或者 HTML5 画布。Seen.js 包含对于 SVG 和 HTML5 Canvas 元素的图形功能的最简单的抽象。所有这个库的其它组件都是不用关心将要渲染的上下文的类型。阅读全文
posted @ 2014-05-04 09:51 梦想天空(山边小溪) 阅读(3564) | 评论 (0) 编辑
摘要: At.js 是一个自动完成库,用来实现自动完成提示,表情等,就像你在 Github 或 Twitter 上看到的一样。它支持 HTML5 contentEditable 元素。你可以听任何字符,而不仅仅是 '@' 符号,可为不同的字符设置多个监听器以实现不同的行为和数据。阅读全文
posted @ 2014-05-01 17:40 梦想天空(山边小溪) 阅读(3929) | 评论 (2) 编辑
摘要: 你可能已经无意中听说过 Promises,很多人都在讨论它,使用它,但你不知道为什么它们如此特别。难道你不能使用回调么?有什么了特别的?在本文中,我们一起来看看 Promises 是什么以及如何使用它们写出更好的 JavaScript 代码。阅读全文
posted @ 2014-04-29 22:07 梦想天空(山边小溪) 阅读(2718) | 评论 (2) 编辑
摘要: Fixed Responsive Nav 是一个响应式的,固定的,触摸友好的单页网站导航插件,响应式导航,流畅的动画滚动。该项目采用渐进增强构建,支持工作在 IE6 及以上版本的浏览器。 你可以给导航打开的内容添加一个遮罩,自动突出显示当前位置。你可以自由地使用提供的 JavaScript,风格和图标字体用于商业或非商业项目。阅读全文
posted @ 2014-04-28 14:42 梦想天空(山边小溪) 阅读(2604) | 评论 (0) 编辑
摘要: 今天我们想与大家分享另一套过渡效果。这一次,我们将探讨如何实现侧边栏的过渡动画,就像我们已经在多级推出菜单中使用的。我们的想法是,以细微的过渡动画显示一些隐藏的侧边栏,其余的内容也是。通常侧边栏滑入,把其他内容推到一边。这个可过程中可以加入很多微妙而奇特的效果,而今天这篇文章能够给你一些启示。阅读全文
posted @ 2014-04-28 09:47 梦想天空(山边小溪) 阅读(14622) | 评论 (35) 编辑
摘要: 如果您曾经访问过 Nicolas Zezuka 和 Active Theory 的出色的设计网站,你可能已经注意到在显示新内容之前动感的页面加载动画。这种风格的动画效果最近非常流行,这篇文章想给你带来一些启示。这个效果的核心是让一个形状在页面窗口中动画显示并有展示活动的指示。当新内容被加载时,形状将以动画显示返回显示的页面。阅读全文
posted @ 2014-04-25 09:15 梦想天空(山边小溪) 阅读(21087) | 评论 (12) 编辑
摘要: Vis.js 是一个动态的,基于浏览器的可视化库。该库被设计为易于使用,能处理大量的动态数据。该库由以下几部分组成:一是数据集和数据视图,基于灵活的键/值数据集,可以添加,更新和删除项目,订阅数据集变化;二是时间轴,用于显示不同类型的时间轴数据,在时间轴上项目可以交互移动,缩放和操纵;三是图形,使用节点和边显示一个交互式图形或网络。阅读全文
posted @ 2014-04-23 15:07 梦想天空(山边小溪) 阅读(3908) | 评论 (4) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第3期(总第24期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-04-22 22:58 梦想天空(山边小溪) 阅读(6385) | 评论 (0) 编辑
摘要: Google Analytics(谷歌分析)不仅仅是一个流量统计工具,你还可以用它来测量广告活动的有效性,跟踪用户多远到所需的页面流,并基于用户的信息设置浏览器和语言环境支持。但是,这一切东西都不是我们开发者所需要的。今天给大家介绍一个很另类的技巧,通过自定义事件跟踪 JavaScript 错误。下面就让我们来看看如何实现的错误检查的。阅读全文
posted @ 2014-04-17 09:56 梦想天空(山边小溪) 阅读(4795) | 评论 (2) 编辑
摘要: 键盘事件是 Web 开发中最常用的事件之一,通过对键盘事件的捕获和处理可以提高网站的易用性和交互体验。下面,我们向大家介绍收集的20款优秀的 JavaScript 键盘事件处理库,帮助开发人员轻松处理各种键盘事件,赶紧收藏吧!阅读全文
posted @ 2014-04-10 15:55 梦想天空(山边小溪) 阅读(2225) | 评论 (3) 编辑
摘要: Winjs 是由微软开源技术的开发者推出的一组 JavaScript 组件,包括 ListView、ListView、Tooltip、DatePicker、Ratings 等等,帮助 Web 开发人员使用最好的网站功能解决方案。阅读全文
posted @ 2014-04-09 10:43 梦想天空(山边小溪) 阅读(1736) | 评论 (0) 编辑
摘要: ZeroClipboard 库提供了一种把文本复制到剪贴板的简单方法。Zero 表示该库是不可见的,用户界面则完全取决于你。 该库完全兼容 Flash Player 10.0.0 或以上版本,这就要求剪贴板复制操作需要通过 Flash 影片内部的用户单击事件来初始化。支持 IE7+ 和所有的现代浏览器。阅读全文
posted @ 2014-04-03 13:08 梦想天空(山边小溪) 阅读(1665) | 评论 (0) 编辑
摘要: 网站的加载速度在一定程度上来说是决定网站能否成功的关键。如果您是网站所有者,一定知道网站速度的重要性。因为没有人愿意为了打开一个网页而等老半天,换句话说,如果你的网站打开速度很慢,将流失大量的访客,甚至出现多米诺效应的不良影响。阅读全文
posted @ 2014-04-02 14:00 梦想天空(山边小溪) 阅读(10804) | 评论 (20) 编辑
摘要: EpicEditor 是一款可以嵌入到网页中的 JavaScript Markdown 编辑器,支持全屏编辑、在线预览、自动保存草稿,离线支持等等。对于开发人员,它提供了一个健壮的API,可以很容易定制主题并允许你灵活使用绑定的 Markdown 解析器。阅读全文
posted @ 2014-04-02 09:56 梦想天空(山边小溪) 阅读(3885) | 评论 (0) 编辑
摘要: JavaScriptOO.com 集合了目前 Web 开发中最常用的422(截至目前)款 JavaScript 框架,你可以根据功能类别(Ajax,动画,图表,游戏等)进行过滤和排序,快速找到你需要的框架。每个项目都有在线演示,源码下载以及 CDN 链接。阅读全文
posted @ 2014-04-01 10:30 梦想天空(山边小溪) 阅读(2426) | 评论 (0) 编辑
摘要: Web 应用程序有离线功能,如保存大量数据集和二进制文件。你甚至可以做 缓存 MP3 文件 这样的事情。浏览器技术可以保存离线数据和大量的储存。但问题是,如何选择合适技术,如何方便灵活的实现。阅读全文
posted @ 2014-03-27 14:46 梦想天空(山边小溪) 阅读(5738) | 评论 (9) 编辑
摘要: PNotify 是一个 JavaScript 通知插件,前身为 Pines Notify。它旨在提供无与伦比的灵活性,同时很容易使用。它可以提供无阻塞的通知,允许用户无需关闭通知或者提示信息就可以点击通知后面的元素。阅读全文
posted @ 2014-03-27 10:02 梦想天空(山边小溪) 阅读(4868) | 评论 (0) 编辑
摘要: Mithril 是一个客户端的 Javascript MVC 框架。它是一个工具,使应用程序代码分为数据层,UI 层和粘合层。提供了一个模板引擎与一个虚拟的 DOM diff 实现,用于高性能渲染,支持路由和组件化。阅读全文
posted @ 2014-03-26 10:48 梦想天空(山边小溪) 阅读(3232) | 评论 (1) 编辑
摘要: 使用 HTML5,CSS3 和 JavaScript 开发移动应用经过实践证明是一种可行的方式。这里收录了几款 iOS 风格的手机应用程序开发框架,帮助您使用擅长的 Web 技术来开发移动应用程序。这些工具大多都基于 HTML & CSS,而另一些则可能需要使用 JavaScript 库。阅读全文
posted @ 2014-03-25 15:09 梦想天空(山边小溪) 阅读(10973) | 评论 (14) 编辑
摘要: HTML5 Dashboard 是一个 Mozilla 推出的项目,里面展示了最前沿的 HTML5,CSS3,JavaScript 技术。每一项技术都有简洁,在线演示以及详细的文档链接。这些技术将成为未来一段时间 Web 开发的顶尖技术,如果不想落伍的话就赶紧来看看吧。阅读全文
posted @ 2014-03-25 10:28 梦想天空(山边小溪) 阅读(3757) | 评论 (3) 编辑
摘要: 一个 JavaScript 库是预先编写的 JavaScript 程序,用于简化 Web 应用程序开发,特别是对 Ajax 和其它 Web 为中心的技术。JavaScript 提供了多种方法,通过它来创建交互式网站,Web 应用程序,给您的访客一个更好的用户体验。阅读全文
posted @ 2014-03-23 14:35 梦想天空(山边小溪) 阅读(9365) | 评论 (17) 编辑
摘要: Gremlins.js 是基于 JavaScript 编写的 Monkey 测试库,支持 Node.js 平台和浏览器中使用。Gremlins.js 随机模拟用户操作:单击窗口中的任意位置,在表格中输入随机数据,或者将鼠标移动到特别的元素。阅读全文
posted @ 2014-03-22 16:45 梦想天空(山边小溪) 阅读(893) | 评论 (0) 编辑
摘要: 今天给大家分享的优秀教程来自 Codrops 网站,实现一个内容倾斜的 3D 幻灯片效果。我们平常见到的都是那种水平或者垂直滚动的效果,这个倾斜的内容滑动效果相信会让你眼前一亮。因为使用了 CSS 3D 变换和 CSS 动画,所以支持现代浏览器。赶紧体验一下吧。阅读全文
posted @ 2014-03-21 10:26 梦想天空(山边小溪) 阅读(785) | 评论 (0) 编辑
摘要: Scroll Depth 是一个小型的 Google Analytics(谷歌分析)插件,可以让你衡量用户在页面上滚动了多远。它可以监控 25%、50%、75% 和 100% 四个滚动点,并发送谷歌分析事件。您还可以跟踪页面上的特定元素是否滚动到视图中。阅读全文
posted @ 2014-03-19 14:59 梦想天空(山边小溪) 阅读(1207) | 评论 (2) 编辑
摘要: 《Web前端开发精华文章推荐》2014年第二期(总第二十三期)和大家见面了。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀jQuery插件,展示前沿的HTML5和CSS3技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的Web开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-03-18 15:20 梦想天空(山边小溪) 阅读(5893) | 评论 (0) 编辑
摘要: 这篇文章收集了20个免费的 JavaScript 游戏引擎分享给开发者。这些游戏引擎能够帮助游戏开发人员更快速高效的开发出各种好玩的游戏。使用 HTML5、CSS3 和 Javascript 可以帮助面向对象开发者开发拥有各种特性的游戏,比如:3D 动画效果,Canvas,数学,颜色,声音,WebGL 等等。最明显的优势在于使用 HTML5 开发的游戏能在任何现代化流行的设备上运行。阅读全文
posted @ 2014-03-17 15:08 梦想天空(山边小溪) 阅读(1186) | 评论 (0) 编辑
摘要: Remodal 是一个扁平化,响应式,轻量而且容易定制的模态窗口插件,支持使用声明状态和 Hash 跟踪。您可以轻松地定义为模态弹窗定义背景景容器(如模糊效果)。支持所有现代的浏览器。阅读全文
posted @ 2014-03-12 09:40 梦想天空(山边小溪) 阅读(2007) | 评论 (0) 编辑
摘要: 虽然 CSS3 动画功能能够让我们以简单轻松的方式实现动画效果,但是浏览器兼容性问题让人头疼。不过不用担心,我们还有另外的武器——JavaScript,它同样可以帮助你实现各种各样的动画效果,而且借助已有的动画库和框架,也能够让你快速开发。这篇文章挑选了个人认为最好的15个 JavaScript 动画库和开发框架,相信其中一定会有一款是适合你的。阅读全文
posted @ 2014-03-10 14:38 梦想天空(山边小溪) 阅读(17507) | 评论 (16) 编辑
摘要: 飞扬的小鸟(Flappy Bird)无疑是2014年全世界最受关注的一款游戏。这款游戏是一位来自越南河内的独立游戏开发者阮哈东开发,形式简易但难度极高的休闲游戏,很容易让人上瘾。这里给大家分享一篇这款游戏的 HTML5 版制作教程,借助 Phaser 框架,只需65行 JavaScript 代码即可实现。阅读全文
posted @ 2014-03-05 13:34 梦想天空(山边小溪) 阅读(5667) | 评论 (0) 编辑
摘要: Node.js 是最流行的 JavaScript 服务端平台,它允许建立可扩展的 Web 应用程序。Node.js 包含不同类型的框架,如 MVC 框架、全栈框架、REST API 以及大量的服务器库,使它能够快速构建 Web 服务器。今天,我们挑选了10个最好的 Node.js MVC 框架分享给 Web 开发人员,它们能够帮助开发人员更轻松的创建 MVC 项目。阅读全文
posted @ 2014-03-03 14:49 梦想天空(山边小溪) 阅读(28899) | 评论 (15) 编辑
摘要: Sticker.js 是一个很小的 JavaScript 库,它允许您在网页中创建漂亮的贴纸效果。没有依赖关系(不需要 jQuery),可以在大多数支持 CSS3 的主流浏览器工作。下面有简单的使用示例,更多功能等着你去发现。阅读全文
posted @ 2014-03-01 16:42 梦想天空(山边小溪) 阅读(2620) | 评论 (0) 编辑
摘要: 图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等。可视化图表可以帮助开发者更容易理解复杂d数据,提高生产的效率和 Web 应用和项目的可靠性。在这篇文章中,我们收集了35款值得网站开发者收藏的 JavaScript 图形图表库,适合各种图表需求。阅读全文
posted @ 2014-02-27 15:11 梦想天空(山边小溪) 阅读(15876) | 评论 (1) 编辑
摘要: XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的 send() 方法来异步的提交表单。与普通的 Ajax 相比,使用 FormData 的最大优点就是我们可以异步上传二进制文件。阅读全文
posted @ 2014-02-26 23:39 梦想天空(山边小溪) 阅读(40609) | 评论 (6) 编辑
摘要: ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力。只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置好的动画。阅读全文
posted @ 2014-02-24 09:53 梦想天空(山边小溪) 阅读(5489) | 评论 (0) 编辑
摘要: Progress.js 是一个 JavaScript 和 CSS3 的库,它帮助开发人员为网页上的每个对象创建和管理进度条效果。你可以设计自己的模板,进度条或者干脆定制。您可以使用 Progress.js 为网页中的任何加载中内容(图片,视频等)向用户呈现进度条。它可以用在所有的元素,包括文本输入框,文本域,甚至整个页面。阅读全文
posted @ 2014-02-21 10:22 梦想天空(山边小溪) 阅读(4353) | 评论 (2) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第一期(总第二十二期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-02-18 10:00 梦想天空(山边小溪) 阅读(7706) | 评论 (8) 编辑
摘要: Mondrian 是一个免费矢量图形 Web 应用程序,类似 Adobe Illustrator 或 Inkscape。Mondrian 提供所有所需的工具来创建、修改和导出简单的 SVG 文件,过历史文件 API 来支持撤销/重做以及存储操作。整个应用程序是用 Coffeescript 写。阅读全文
posted @ 2014-02-15 15:00 梦想天空(山边小溪) 阅读(1826) | 评论 (0) 编辑
摘要: InstantClick 是一个 JavaScript 库,大大加速你的网站响应速度。在访问者点击一个链接之前,鼠标会悬停在链接上面,这两个事件之间通常有200ms~300ms的间隔,InstantClick 利用这个时间间隔预加载页面。这样当你点击页面的时候,其实页面已经加载到本地了,呈现当然也就会很快。阅读全文
posted @ 2014-02-13 14:00 梦想天空(山边小溪) 阅读(2904) | 评论 (4) 编辑
摘要: ImageLightbox.js 是一款很简洁的用于显示图片灯箱效果(Lightbox)的插件,没有字幕,导航按钮或默认背景。如果默认功能不够用的话,你可以很容易地自定义 JavaScript 函数扩展插件,更改设置或者使用一些很有用的功能函数。最重要的是,图片适应任意大小的屏幕,并提供在触摸设备中使用的支持。阅读全文
posted @ 2014-02-08 10:19 梦想天空(山边小溪) 阅读(2984) | 评论 (0) 编辑
摘要: CountUp.js 无依赖的、轻量级的 JavaScript 类,可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp,但其实可以在两个方向进行变化,这是根据你传递的 startVal 和 endVal 参数判断的。阅读全文
posted @ 2014-01-24 16:00 梦想天空(山边小溪) 阅读(10166) | 评论 (0) 编辑
摘要: CodePen 是一个在线的 HTML、CSS 和 JavaScript 代码编辑器,能够编写代码并即时预览效果。你在上面可以在线展示自己的作品,也可以看到其他人在网页中实现的各种令人惊奇的效果。今天这篇文章就为大家挑选出8个超炫的 Web 效果演示,这些 Demo 可以说都是艺术品,让小伙伴们都惊呆了!阅读全文
posted @ 2014-01-23 14:24 梦想天空(山边小溪) 阅读(28777) | 评论 (75) 编辑
摘要: 当需要在网站中添加拖放排序功能的时候,jQuery UI 的排序组件可能是最流行的解决方案。今天给大家介绍另一款简单灵活的 JavaScript 拖放排序插件——Sortable,它使用 HTML5 原生的拖放 API 来实现拖放,并支持在触屏设备上使用。阅读全文
posted @ 2014-01-22 14:20 梦想天空(山边小溪) 阅读(11144) | 评论 (0) 编辑
摘要: 这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具。对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工具对于你来说都是新的领域,那么这篇文章是非常有用的,因为这些实用的工具将让你的工作更有效率。阅读全文
posted @ 2014-01-20 14:21 梦想天空(山边小溪) 阅读(11958) | 评论 (16) 编辑
摘要: 我们通常使用鼠标和键盘(在移动端使用触摸)来操作网站,如今 Voix.js 能够让我们使用声音控制网站,很酷吧?它可以启动和停止侦听麦克风,在检测到一个给定的关键字时触发绑定的特定事件。Voix.js 使用很简单,不过目前只支持 Chrome 浏览器。阅读全文
posted @ 2014-01-20 13:47 梦想天空(山边小溪) 阅读(1284) | 评论 (0) 编辑
摘要: Magnifier.js 是一个 JavaScript 库,能够帮助你在图像上实现放大镜效果,支持使用鼠标滚轮放大/缩小功能。放大的图像可以显示在镜头本身或它的外部容器中。Magnifier.js 使用Event.js 作为跨浏览器的事件处理器。阅读全文
posted @ 2014-01-14 16:08 梦想天空(山边小溪) 阅读(2825) | 评论 (0) 编辑
摘要: 这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花了很多时间来研读网络浏览器的源代码。阅读全文
posted @ 2014-01-10 14:11 梦想天空(山边小溪) 阅读(8608) | 评论 (11) 编辑
摘要: Planetary.js 是一个 JavaScript 库,用于构建互动球体效果。它使用 D3 和 TopoJSON 解析和渲染地理数据。Planetary.js 采用了基于插件的架构,即使是默认的功能是作为插件实现的,这使得 Planetary.js 非常灵活。Planetary.js 是完全可定制,包括颜色,旋转等等。阅读全文
posted @ 2014-01-09 17:07 梦想天空(山边小溪) 阅读(2381) | 评论 (2) 编辑
摘要: 感谢大家在过去一年对《梦想天空》博客的支持,2014年我会继续向大家分享更多更好的前端开发相关的技术文章、资源和素材。祝大家在新的一年里心想事成,马到成功!这篇文章挑选了10篇2013年最受欢迎的前端开发博文,看看有没有你错过的精彩内容。阅读全文
posted @ 2014-01-02 14:35 梦想天空(山边小溪) 阅读(6333) | 评论 (10) 编辑
摘要: Harp 是一个基于 Node.js 平台的静态 Web 服务器,内置流行的预处理器,支持把 Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript 转换为 HTML、CSS、JavaScript,不需要进行任何的配置。阅读全文
posted @ 2013-12-31 11:10 梦想天空(山边小溪) 阅读(1426) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第九期(总第二十一期)和大家见面了。梦想天空博客关注前端开发技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2013-12-25 09:53 梦想天空(山边小溪) 阅读(4128) | 评论 (4) 编辑
摘要: 今天的《优秀前端教程》给大家带来的是一组扁平风格的 3D 进度按钮样式,其中的按钮本身作为一个进度指示器。3D 样式是用于在按钮的一侧展示j进度。需要注意的是,这些效果都是借助于在伪元素上使用过渡特效,因此在某些浏览器(如 Safari 和移动 Safari 浏览器等)不支持。阅读全文
posted @ 2013-12-19 14:02 梦想天空(山边小溪) 阅读(2290) | 评论 (4) 编辑
摘要: Headroom.js 是一个轻量级,高性能的JS插件(无依赖性!),允许你响应用户的滚动行为。Headroom.js 使您能够在适当的时候把元素融入视图,而其它时候让内容成为焦点。Headroom.js 简单易用,它有一个纯 JS API,以及可选的 jQuery、Zepto 和 AngularJS 兼容的插件。阅读全文
posted @ 2013-12-12 10:52 梦想天空(山边小溪) 阅读(4543) | 评论 (0) 编辑
摘要: 不同版本的 IE 浏览器支持不同的 JavaScript 元素集。标准模式(有 指令时 Internet Explorer 所有当前版本中使用的模式)支持的一组元素与突发模式(没有 指令时使用的模式)不同。 有关版本控制的更多信息,请参见Defining Document Compatibility(定义文档兼容性)。阅读全文
posted @ 2013-12-11 10:07 梦想天空(山边小溪) 阅读(5313) | 评论 (0) 编辑
摘要: heX 是网易有道团队的一个开源项目,允许你采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案。heX 是你开发桌面应用的一种新的选择,意在解决传统桌面应用开发中繁琐的UI和交互开发工作,使其变的简单而高效,特别适合于开发重UI,重交互的桌面应用软件。阅读全文
posted @ 2013-12-10 14:02 梦想天空(山边小溪) 阅读(16024) | 评论 (7) 编辑
摘要: Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库,压缩后不到1KB大小。 延迟加载是提高网页首屏显示速度的一种很有效的方法,当图片元素进入窗口可视区域的时候,它就会改变图像的 src 属性,从服务端加载所需的图片,这也是一个异步的过程。阅读全文
posted @ 2013-12-06 11:21 梦想天空(山边小溪) 阅读(9663) | 评论 (5) 编辑
摘要: 这篇文章来自 Github 上的一位开发者收集整理的 Node.js 中文学习资料和教程导航。Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念,它的目标是帮助程序员构建高度可伸缩的应用程序。这些参考资料和教程能够帮助你更好的掌握 Node.js 的应用。阅读全文
posted @ 2013-12-05 10:59 梦想天空(山边小溪) 阅读(5143) | 评论 (0) 编辑
摘要: Web 原本是扁平化的,但是现在你可以折起来。OriDomi 是一个开源的 JavaScript 库,使得 DOM 元素能够实现像纸折一样折叠的效果。在创建你所看到的场景背后,OriDomi 做了大量的 DOM 操作。阅读全文
posted @ 2013-12-02 10:31 梦想天空(山边小溪) 阅读(1406) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第八期(总第二十期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章和资源能够帮助到您。阅读全文
posted @ 2013-11-28 15:33 梦想天空(山边小溪) 阅读(4848) | 评论 (0) 编辑
摘要: 数以百万计的设计师和工程师采用 Foundation 作为他们的产品和网站设计的前端框架。Foundation 是第一个响应式、语义化和移动优先的开源框架。最近发布的 Foundation 5 建立了一个新的命令行工具,可以让你更快速的建立起 Foundation 项目,这些项目现在将使用 Libsass——后端的 Sass 编译库,这将大大加快执行速度。阅读全文
posted @ 2013-11-26 09:23 梦想天空(山边小溪) 阅读(6394) | 评论 (2) 编辑
摘要: Ideal Forms 是建立和验证响应式 HTML5 表单的终极框架。它刚刚发布 V3 版本,更小,更快,更具可扩展性。它支持实时验证,完全自适应(适应容器,没有 CSS 媒体查询需要),键盘支持,自定义复选框、单选框和文件输入,无缝集成 jQuery UI 的日期选择器,支持第三方扩展和本地化。阅读全文
posted @ 2013-11-25 09:51 梦想天空(山边小溪) 阅读(2938) | 评论 (0) 编辑
摘要: 这篇文章与大家分享优秀的 Node.js 路由(Routers)模块。Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。阅读全文
posted @ 2013-11-24 09:33 梦想天空(山边小溪) 阅读(2370) | 评论 (0) 编辑
摘要: Maplace.js是一个小的显示谷歌地图的 jQuery 插件,帮助你把谷歌地图嵌入到你的网站,快速在地图位置上创建标记和控制菜单。它需要 jQuery 和谷歌地图 API v3 支持,所以这两个都需要引入到你的页面。它支持标记和自定义图标、缩放级别和自定义控件菜单。阅读全文
posted @ 2013-11-21 11:26 梦想天空(山边小溪) 阅读(4110) | 评论 (2) 编辑
摘要: Pizza Pie Charts 是一个基于 Adobe 的 Snap SVG 框架的响应式饼图插件。它着重于集成 HTML 标记和 CSS,而不是 JavaScript 对象,当然Pizza Pie Charts 也支持 JavaScript 对象。基于 SVG 的图形显示让饼图在视网膜屏幕或任何高清屏幕的设备都很美观。另外,Pizza Pie Charts 能够自适应宽高,或者根据给出的最大宽度或最大高度显示。阅读全文
posted @ 2013-11-20 14:59 梦想天空(山边小溪) 阅读(1785) | 评论 (0) 编辑
摘要: Resumable.js 是一个 JavaScript 库,通过 HTML5 文件 API 提供,稳定和可恢复的批量上传功能。在上传大文件的时候通过每个文件分割成小块,每块在上传失败的时候,上传会不断重试直到程序完成。这允许上传到本地或服务器的网络连接丢失后能够自动恢复上传。阅读全文
posted @ 2013-11-18 09:58 梦想天空(山边小溪) 阅读(3567) | 评论 (2) 编辑
摘要: 这篇文章与大家分享优秀的 Node.js 中间件模块。Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。阅读全文
posted @ 2013-11-16 20:19 梦想天空(山边小溪) 阅读(3639) | 评论 (0) 编辑
摘要: ifvisible.js 是一个跨浏览器、轻量级的方式,用户检查用户在浏览页面或正在与它进行交互。它可以处理活动状态,如在页面上空闲或活跃。您还可以使用 ifvisible.js 智能设置您的间隔,如果用户是空闲或没有看到页面的间隔时间会自动停止。阅读全文
posted @ 2013-11-15 15:03 梦想天空(山边小溪) 阅读(2321) | 评论 (0) 编辑
摘要: Ember Charts 是一个基于 Ember.js 和 D3.js 的图表库。它包括时间序列、柱状图、饼图、点图,很容易扩展和修改。这些图表组件代表图表交互性和演示的最佳实践,是高度可定制和可扩展的。您可以添加说明、标签、提示和鼠标悬停效果。阅读全文
posted @ 2013-11-15 09:06 梦想天空(山边小溪) 阅读(2314) | 评论 (0) 编辑
摘要: 这篇文章与大家分享最流行的 Node.js Web 开发框架。Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。阅读全文
posted @ 2013-11-12 10:49 梦想天空(山边小溪) 阅读(4725) | 评论 (0) 编辑
摘要: 这篇文章与大家分享优秀的 Node.js 静态服务器模块。Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。阅读全文
posted @ 2013-11-06 07:44 梦想天空(山边小溪) 阅读(2243) | 评论 (1) 编辑
摘要: 表单元素让人爱恨交加。作为网页最重要的组成部分,表单几乎无处不在,从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能,表单都让开发者花费了大量的时间和精力去处理,以期实现好用又漂亮的表单功能。这篇文章分享几款很棒的 JavaScript 下拉列表功能增强插件。阅读全文
posted @ 2013-11-04 15:08 梦想天空(山边小溪) 阅读(23930) | 评论 (29) 编辑
摘要: RequireJS Optimizer 是 RequireJS 自带的前端优化工具,可以对 RequireJS 项目中的 JavaScript 代码使用 UglifyJS 或者 Closure Compiler 进行压缩合并,也可以对 CSS 文件进行压缩合并。这篇文章介绍RequireJS Optimizer 的使用和配置方法,帮助大家解决使用中碰到的问题。阅读全文
posted @ 2013-10-31 13:46 梦想天空(山边小溪) 阅读(12335) | 评论 (8) 编辑