随笔分类 - JavaScript
前端技术
摘要：Magnifier.js 是一个 JavaScript 库，能够帮助你在图像上实现放大镜效果，支持使用鼠标滚轮放大/缩小功能。放大的图像可以显示在镜头本身或它的外部容器中。Magnifier.js 使用Event.js 作为跨浏览器的事件处理器。
阅读全文
摘要：这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见资源），并花了很多时间来研读网络浏览器的源代码。
阅读全文
摘要：Planetary.js 是一个 JavaScript 库，用于构建互动球体效果。它使用 D3 和 TopoJSON 解析和渲染地理数据。Planetary.js 采用了基于插件的架构，即使是默认的功能是作为插件实现的，这使得 Planetary.js 非常灵活。Planetary.js 是完全可定制，包括颜色，旋转等等。
阅读全文
摘要：感谢大家在过去一年对《梦想天空》博客的支持，2014年我会继续向大家分享更多更好的前端开发相关的技术文章、资源和素材。祝大家在新的一年里心想事成，马到成功！这篇文章挑选了10篇2013年最受欢迎的前端开发博文，看看有没有你错过的精彩内容。
阅读全文
摘要：Harp 是一个基于 Node.js 平台的静态 Web 服务器，内置流行的预处理器，支持把 Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript 转换为 HTML、CSS、JavaScript，不需要进行任何的配置。
阅读全文
摘要：《Web 前端开发精华文章推荐》2013年第九期（总第二十一期）和大家见面了。梦想天空博客关注前端开发技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的网页设计案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：今天的《优秀前端教程》给大家带来的是一组扁平风格的 3D 进度按钮样式，其中的按钮本身作为一个进度指示器。3D 样式是用于在按钮的一侧展示j进度。需要注意的是，这些效果都是借助于在伪元素上使用过渡特效，因此在某些浏览器（如 Safari 和移动 Safari 浏览器等）不支持。
阅读全文
摘要：Headroom.js 是一个轻量级，高性能的JS插件（无依赖性！），允许你响应用户的滚动行为。Headroom.js 使您能够在适当的时候把元素融入视图，而其它时候让内容成为焦点。Headroom.js 简单易用，它有一个纯 JS API，以及可选的 jQuery、Zepto 和 AngularJS 兼容的插件。
阅读全文
摘要：不同版本的 IE 浏览器支持不同的 JavaScript 元素集。标准模式（有 指令时 Internet Explorer 所有当前版本中使用的模式）支持的一组元素与突发模式（没有 指令时使用的模式）不同。 有关版本控制的更多信息，请参见Defining Document Compatibility（定义文档兼容性）。
阅读全文
摘要：heX 是网易有道团队的一个开源项目，允许你采用前端技术（HTML，CSS，JavaScript）开发桌面应用软件的跨平台解决方案。heX 是你开发桌面应用的一种新的选择，意在解决传统桌面应用开发中繁琐的UI和交互开发工作，使其变的简单而高效，特别适合于开发重UI，重交互的桌面应用软件。
阅读全文
摘要：Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库，压缩后不到1KB大小。 延迟加载是提高网页首屏显示速度的一种很有效的方法，当图片元素进入窗口可视区域的时候，它就会改变图像的 src 属性，从服务端加载所需的图片，这也是一个异步的过程。
阅读全文
摘要：这篇文章来自 Github 上的一位开发者收集整理的 Node.js 中文学习资料和教程导航。Node 是一个服务器端 JavaScript 解释器，它将改变服务器应该如何工作的概念，它的目标是帮助程序员构建高度可伸缩的应用程序。这些参考资料和教程能够帮助你更好的掌握 Node.js 的应用。
阅读全文
摘要：Web 原本是扁平化的，但是现在你可以折起来。OriDomi 是一个开源的 JavaScript 库，使得 DOM 元素能够实现像纸折一样折叠的效果。在创建你所看到的场景背后，OriDomi 做了大量的 DOM 操作。
阅读全文
摘要：《Web 前端开发精华文章推荐》2013年第八期（总第二十期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章和资源能够帮助到您。
阅读全文
摘要：数以百万计的设计师和工程师采用 Foundation 作为他们的产品和网站设计的前端框架。Foundation 是第一个响应式、语义化和移动优先的开源框架。最近发布的 Foundation 5 建立了一个新的命令行工具，可以让你更快速的建立起 Foundation 项目，这些项目现在将使用 Libsass——后端的 Sass 编译库，这将大大加快执行速度。
阅读全文
摘要：Ideal Forms 是建立和验证响应式 HTML5 表单的终极框架。它刚刚发布 V3 版本，更小，更快，更具可扩展性。它支持实时验证，完全自适应（适应容器，没有 CSS 媒体查询需要），键盘支持，自定义复选框、单选框和文件输入，无缝集成 jQuery UI 的日期选择器，支持第三方扩展和本地化。
阅读全文
摘要：这篇文章与大家分享优秀的 Node.js 路由（Routers）模块。Node 是一个服务器端 JavaScript 解释器，它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序，编写能够处理数万条同时连接到一个（只有一个）物理机的连接代码。
阅读全文
摘要：Maplace.js是一个小的显示谷歌地图的 jQuery 插件，帮助你把谷歌地图嵌入到你的网站，快速在地图位置上创建标记和控制菜单。它需要 jQuery 和谷歌地图 API v3 支持，所以这两个都需要引入到你的页面。它支持标记和自定义图标、缩放级别和自定义控件菜单。
阅读全文
摘要：Pizza Pie Charts 是一个基于 Adobe 的 Snap SVG 框架的响应式饼图插件。它着重于集成 HTML 标记和 CSS，而不是 JavaScript 对象，当然Pizza Pie Charts 也支持 JavaScript 对象。基于 SVG 的图形显示让饼图在视网膜屏幕或任何高清屏幕的设备都很美观。另外，Pizza Pie Charts 能够自适应宽高，或者根据给出的最大宽度或最大高度显示。
阅读全文
摘要：Resumable.js 是一个 JavaScript 库，通过 HTML5 文件 API 提供，稳定和可恢复的批量上传功能。在上传大文件的时候通过每个文件分割成小块，每块在上传失败的时候，上传会不断重试直到程序完成。这允许上传到本地或服务器的网络连接丢失后能够自动恢复上传。
阅读全文