梦想天空

摘要： 思维导图也叫心智图，是一项流行的全脑式学习方法，用来表示词，思路，任务或其他与围绕着一个中央关键词或想法项目的示意图。通过径向，图形和非线性的方式提出意见，思维导图鼓励头脑风暴的方法来规划和组织任务。虽然思维导图的分支表示分层树形结构，其放射状排列扰乱通常与呈现更加线性的视觉线索层次相关概念的优先次序。 阅读全文

摘要： 互联网上将近90%的信息是文本形式的，大概这就是设计师为什么不断创造美丽的字体，让网站中的的内容更加美观。此外，还有大量的印刷为基础的项目，其中的字体都是关键因素。今天这个列表中，我们选择了30款最佳的免费字体分享给设计师，选择你喜欢的字体下载！ 阅读全文

摘要： jQuery Mapael 是基于 Raphael.js 的一个 jQuery 插件，可以显示动态矢量地图。例如，使用 Mapael 可以显示国家能够点击的世界地图。此外，你可以用圈，方形或者图片来标记城市，借助它们的经度和纬度。还有更多的选项，可以参考帮助文档。 阅读全文

摘要： 在过去的几年中，越来越多的企业推出自己的网站。以下网站是挑选的世界各地的葡萄园网站，有些还是著名的旅游景点，而另一些则只是家族企业与伟大的产品的历史。之前给大家分享个很多行业的企业网站，这篇文章收集了30个宏伟的酒厂和葡萄园网站设计分享给大家。 阅读全文

摘要： 旨在用作图标，符号和字形的字体的数目日益增加。使用图标字体你可以更换光栅图像转换成矢量的。这意味着您可以轻松调整你的图标字体，而不必担心质量损失。图标字体是添加图标到您的网站一个灵活的解决方案。 阅读全文

摘要： 在本教程中，我们将创建一个很好看的照片画廊效果。我们的想法是，以显示专辑作为一个滑块，而当这张专辑被选中，我们将使用一个美丽的照片堆栈展示专辑的图像。在照片堆栈视图，我们可以通过将最上面的图像移动到所有照片后面的方式浏览。 阅读全文

摘要： 设计和开发者社区发展飞快，以致于我们的步伐很难跟上发生在我们身边的这一切。这就是为什么我喜欢聚集最新发布的优秀资源和工具，以使我们的工作和生活更轻松。这篇文章集合了 Web 开发中会用到的优秀工具，我敢肯定这些你会在这里发现有用的工具。 阅读全文

摘要： 产品的用户体验是否被用户所接受,很大一部分取决于交互界面的设计,交互界面设计是整个产品设计中的核心,对于产品品质有着决定性的影响。Web 界面上交互的方式很多，只要你去探索，你会发现很多让你眼前一亮的想法。这里集合了12个来自 Codrops 的创新的界面交互和动画效果，值得我们去研究和使用。 阅读全文

摘要： 今天，我们要用 jQuery 来创建一个作品集图像的导航模板。我们的想法是，以分组的方式显示一组作品集，并通过二维的方式（水平/垂直）来浏览。任一箭头或当前图像下方的小盒子可以作为导航使用。 阅读全文

摘要： 今天我们要为您展示如何基于 jQuery 和 CSS3 创建一个整洁的图片墙效果。我们的想法是在页面上洒上一些大小不同的缩略图，并在当我们点击图片时候显示丝带，会显示一些描述，再次点击缩略图时，丝带将关闭并重新打开一个更大的图像预览效果。 阅读全文

摘要： Mobile App Introduction Template 是一个基本的网站模板，展示您的应用程序的最佳功能，丰富了视频滑块，让用户更好的理解。这是一个可定制，响应式的模板，可以让视频滑块变成桌面屏幕。 阅读全文

摘要： jQuery 最令人印象深刻的应用之一就是对图片的处理，它可以让帮助你在你的项目中加入一些让人惊叹的图片切换效果。ZOOM 是一款全屏效果的 jQuery 图片切换展示插件，支持键盘前后按键切换，支持移动设备。 阅读全文

摘要： BonBon 是一组使用 CSS3 制作的甜美的糖果按钮样式。在过去，我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果，随着越来越多的浏览器对 CSS3 的支持和完善，使用 CSS3 来实现美观的按钮已没有太多的障碍。 阅读全文

摘要： Wami 地图项目把 OSM 数据分享给所有的人，很容易使用。他们利用 MongoDB 的潜力进行大数据管理来实现从 OSM 数据来源搜索相关的数据。它们的 API 使人们有可能检索不同格式的 POI，包括GeoJSON。OSM（OpenStreetMap）地图由用户根据手提GPS装置、航空摄影照片、其他自由内容甚至单靠地方智慧绘制。 阅读全文

摘要： L20n是 Mozilla 开发的用于 Web 开发的本地化框架。它允许本地化开发者把逻辑细分为本地化的资源。 L20n 的框架不再需要开发人员深入理解自然语言的具体细节，并提供了机会为本地化创造更好的翻译。L20n 重塑软件本地化，用户应该能够从自然语言的整个表现力中受益。 阅读全文

摘要： 今天的教程是关于创建使用 CSS 旋转变换和 JavaScript 制作动画书签效果。我们的想法是展现出样书状结构，使单一的色板或列表点击切换。当点击其中一项，我们就会旋转以显示所选择的项目。 阅读全文

摘要： 现在的网页设计风格正在朝着扁平化发展，力求布局简洁，突出主题内容。而另一方面，网页交互则变得越来越多样性，让用户在操作的时候可以更愉悦。当下很流行给网页元素添加动画，随着 Web 技术的发展，动画的实现方式有多种：JavaScript、CSS3、SVG 以及 Canvas。这篇文章挑选6款帮助前端开发人员实现元素动画的插件。 阅读全文

摘要： 非常炫的图片旋转滑动特效，相信会给你留下深刻印象。滑动图像时，我们会稍稍旋转它们并延缓各元素的滑动。滑块的不寻常的形状是由一些预先放置的元素和使用边框创建。另外支持自动播放选项，鼠标滚轮的功能。 阅读全文

摘要： JuliusJS 是用于在网页中的语音识别库。这是 Julius（由日本京都大学和日本IPA联合开发的一个实用高效双通道的大词汇连续语音识别引擎）的 JavaScript 实现。它实时侦听用户的语音并通过回调转录说的话。 阅读全文

摘要： Elastislide 是一款非常优秀的响应式 jQuery 图片循环展示（旋转木马）插件，集成了 Touchwipe 插件以支持触屏设备。提供了四种效果：水平图片传送带、垂直图片传送带、固定在屏幕底部以及缩略图形式预览。 阅读全文