梦想天空

摘要： 今天，我想与大家分享一些专门为网格布局的图像制作的很酷的 CSS 加载动画效果。您可以把这些效果用在你的作品集，博客或任何你想要的网页中。设置很简单。我们使用了下面这些工具库来实现这个效果。 阅读全文

摘要： 无限滚动（Infinite Scroll）也称为自动分页、滚动分页和无限分页。常用在图片、文章或其它列表形式的网页中，用来在滚动网页的时候自动加载下一页的内容。Infinite Scroll 这款 jQuery & WordPress 无限滚动插件可以帮助你轻松实现这个效果。 阅读全文

摘要： Trianglify 是一个能够生成五颜六色的三角形图案的 JavaScript 库，可以用来作为 SVG 图像和 CSS 背景。它的灵感来自于 btmills 的 geopattern，并使用d3.js 建立多边形的 SVG 图形和使用 SVG 过滤器进行渲染。它还包括 colorbrewer 调色板库，让您快速启动和运行。 阅读全文

摘要： imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度，还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。 阅读全文

摘要： 浏览器创意机构和设计工作室为他们自己设计的网站是一件非常有趣的事情。这些人设计的网站，代表着整个领域的新趋势趋势，值得网页设计人员去跟随。在这里，您将看到来25个惊险挑选的来自世界各地的最有创意的设计师，开发人员和设计机构的网站。 阅读全文

摘要： 通常网站的布局都不是单一的。特别是如果你使用的是全屏图像，在你必须使用相同的图像文件的情况下，你的主题可能会被截断或完全缺失，或者看起来很尴尬。FocusPoint 这款 jQuery 插件可以确保你的图像中的任何容器看起来都很棒，它提出了“响应裁剪”的概念。 阅读全文

摘要： 在所有的字体类型中，手写字体是最有用的和用途最多的。根据你需要完成的任务，使用手写字体的地方无处不在。找到合适的匹配特定的项目的字体是很耗费时间的。所以在这里，我收集了20款精美的手写字体，可以在你未来的设计中使用。这些字体是完全免费的，所以赶快行动吧！ 阅读全文

摘要： 《Web 前端开发精华文章推荐》2014年第8期（总第29期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。 阅读全文

摘要： 这是一个精致的立体图片切换效果，特别适合企业产品展示，可立即用于实际项目中。支持导航和自动播放功能， 基于 CSS3 实现，推荐使用最新的 Chrome，Firefox 和 Safari 浏览器浏览效果。 阅读全文

摘要： Heatmap 是用来呈现一定区域内的统计度量，最常见的网站访问热力图就是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。Heatmap.js 这个 JavaScript 库可以帮助你实现各种动态热力图的网页。这个 JavaScript 库将帮助您研究和可视化用户的行为。 阅读全文

摘要： 汉堡图标的用户界面功能已经有很悠久的历史，你甚至无法找到真正的原作者。汉堡图标，也就是三条小横线，一直以来被用于表示指向菜单的链接，是一个用来提醒用户那里有隐藏的菜单列表的最佳方式。下面是我收集的20例采用汉堡图标设计来指示隐藏菜单的网站案例。 阅读全文

摘要： jQuery 作为最优秀 JavaScript 库之一，改变了很多人编写 JavaScript 的方式。它简化了HTML文档遍历，事件处理，动画和Ajax交互，而且有成千上万的成熟 jQuery 插件可供使用。看看下面这些惊人的功能和效果，我相信你会发现一些很有用的东西。 阅读全文

摘要： Frame 是一个让你够能够快速创建高品质的网站或应用程序产品原型的工具。你上传的图片将被包裹在真实的设备环境中。它是一个用于创建宣传资料的专业工具。Frame 完全免费供给商业和个人使用。他们也正探索一种可能性，增加额外的功能给那些正在寻找特色功能的用户，但没有计划立即开始收费。 阅读全文

摘要： 在谷歌，他们说， “专注于用户，所有其它的就会水到渠成 ”。他们遵循设计原则，寻求建立让用户惊喜的用户体验。谷歌一直挑战自己，为他们的用户创造一种视觉语言，综合优秀设计的经典原则和创新。谷歌设计规范是一份活的文件，因为它们继续更新最新的设计原则和细节。这是一份值得每位设计师收藏和学习的准则。 阅读全文

摘要： Pattern Lab 是一个工具集，帮助您创建原子设计系统。在它的核心，是一个自定义静态网站生成器，构建了缝合原子，分子和生物体的界面结合在一起，形成模板和页面。Pattern Lab 可以作为项目的模式库和前端风格指南。 阅读全文

摘要： 这里集合的这组 HTML5 & CSS3 效果，有的是网站开发中常用的、实用的功能，有的是先进的 Web 技术的应用演示。不管哪一种，这些案例中的技术都值得我们去探究和学习。 阅读全文

摘要： Ampersand.js 是一个高度模块化，松耦合，用于构建先进的 JavaScript 应用程序的框架。通过良好定义的方法，结合了一系列微小的 CommonJS 模块。条理清晰，没有多余的冗余代码。 阅读全文

摘要： Onsen UI 是一个基于元素自定义的 HTML5 UI 框架，用于构建你的移动前端。这个一个基于 Web 组件的概念的框架，让构建应用程序变得更加轻松。Onsen UI 专门针对 PhoneGap 做了优化，特别适合用于开发 Hybird 模式的应用程序。 阅读全文

摘要： Papa Parse 是一个与众不同的，在网页上运行的第一个多线程的 CSV 解析器。它可以解析千兆字节大小文件而不会导致浏览器崩溃。它能够正确地处理格式不正确或边缘的情况下的 CSV 文本。它可以分析在本地文件系统文件，或者通过网络下载。 阅读全文

摘要： 今天给大家带来的是五款梦幻般的动画按钮效果。下面是在线演示，把鼠标放在按钮上试试，有惊喜哦！CSS3 引入了众多供功能强大的新特性，让设计和开发人员能够轻松的创作出各种精美的界面效果。 阅读全文