01 2015 档案
摘要：今天，我们想给大家分享一些全屏遮罩效果的灵感。像任何其它的UI组件一样，网页设计不断有新的趋势和风格出现，我们想尝试的遮罩有一些微妙的，还有奇特的效果。这些遮罩的特别之处在于，他们没有像模态窗口那样固定大小而是占据整个屏幕，因此创建效果时，人们必须考虑到这一点。
阅读全文
摘要：Libscore 扫描网络上成千上万的网站，收集统计 JavaScript 库的使用数据。在搜索框中，输入关键词，例如 jQuery, Modernizr, $.ui 或者 $.fn.fancybox。Libscore 汇总这些数据来提供给开源开发者，他们需要评估修改插件时候可能影响的人数。
阅读全文
摘要：梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：browser.html 是一个实验性的项目，用于证明一个概念：使用 HTML 重新实现 Firefox UI ，并作为一个应用程序。它是基于浏览器的 API ，并以浏览器的方式和系统的应用工作。即使它包括标签，如vbox，hbox，空格等等这一切都是基于 HTML 实现的。
阅读全文
摘要：Codrops 分享了一些给SVG元素加上弹性动画的灵感。实现的思路是把一个SVG元素整合成一个组件，然后从一个路径弹性动画到另一个。这种效果可以应用到像菜单，按钮或其它元素，使得交互更有趣，看起更原生与自然的感觉。
阅读全文
摘要：Frameless 是一个用于在 iOS8 中预览产品原型的浏览器。可以可以帮助那些需要一个简单的方法来预览 iOS 设备上的原型设计和开发效果。没有状态栏，通过手势控制浏览器的历史以及键盘的显示
阅读全文
摘要：在去年，我给大家分享了《基于 CSS3 的精美模态窗口效果》，而今天我要与大家分享一些新鲜的想法。风格和趋势变化，要求更加适合现代UI的不同的效果。这组新模态窗口效果包含了一些微妙的动画，还有一些应用了SVG变形技术。
阅读全文
摘要：TypeCast 让你可以从 Fonts.com、TypeKit、FontDeck 和 Google 这些字体供应和商选择字体，而且能非常方便的比较这些字体使用效果。如果你想获得用户对这些字体效果的反馈，只需要发布一个 URL 就可以了。这样，无需实际购买的字体，直到你已经决定在最终的解决方案。
阅读全文
摘要：ECMAScript 6 是下一代的 ECMAScript 标准。ECMAScript 6的目标，是使得JavaScript可以用来编写复杂的应用程序、函数库和代码的自动生成器。 ES6 是这门语言的重大更新，也是自2009年ES5标准化之后的第一个更新。6to5可以将 ES6+ 的代码转换为 ES5，让你现在就能使用下一代的功能。
阅读全文
摘要：Hyhyhy 是创建好看的 HTML5 演示文档的工具。它具备很多的特点：支持 Markdown，嵌套幻灯片，数学排版，兼容性，语法高亮，使用 Javascript API ，方便的骨架。它支持 Firefox 2+, Safari 3+, Opera 9.64+, Chrome, IE9, IE10, IE11 浏览器。
阅读全文
摘要：Face++ 是一个小巧，功能强大，跨平台的服务，由Megvii公司建立，致力于建立一个新的视觉平台。它使用计算机视觉尖端科技和数据挖掘，提供3个核心视觉服务（探测，识别和分析）。基于 Face++ 庞大的数据库，开发人员可以将脸部识别技术应用到自己的网站，移动应用和智能电视，增加了令人难以置信的用户体验。
阅读全文
摘要：ECharts 基于 Canvas 的纯 Javascript 图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。
阅读全文
摘要：你想建立一个后台管理面板或者分析仪表板吗？不需从头开始，Keen IO Bootstrap 是一个响应式的仪表盘模板，可以帮助你在几分钟内呈现数据，让你可以创建一个有吸引力的，定制的分析仪表板，随时可以展现给你的团队或您的客户。
阅读全文
摘要：这个下拉菜单可以让你的网站非常优雅，滑动框导航效果令人印象深刻。此外，子菜单框也可以与此集成起来以使其更具吸引力。导航是网站成功的关键之一，有吸引力的导航能够引导用户浏览网站中的更多内容。
阅读全文
摘要：Beefree 可以很容易地创建一个电子邮件消息，可以被用来发送企业简讯，宣布一个新产品，促进销售等。可以免费使用，您甚至不需要创建任何类型的帐户。您可以使用 Beefree 创建创新的，易于使用的电子邮件。
阅读全文
摘要：Snabbt.js 是一个简约的 JavaScript 动画库。它会平移，旋转，缩放，倾斜和调整你的元素。通过矩阵乘法运算，变换等可以任何你想要的方式进行组合。最终的结果通过 CSS3 变换矩阵设置。
阅读全文
摘要：如果网页设计和开人员采用了正确的工具集，并基于一个灵活的网格架构，以及能够把响应图像应用到到设计之中，那么创建一个具备响应式的网站并不一定是一项艰巨的任务。在这篇文章中，我们为您呈现了一组优秀的网格工具清单。如果我们错过了任何没有列出在这个清单上的东西，请分享给我们。
阅读全文
摘要：PhotoSwipe 是一个专门针对移动设备的图像画廊，它的灵感来自 iOS 的图片浏览器和谷歌移动端图像。 PhotoSwipe 提供您的访客熟悉和直观的界面，使他们能够与您的移动网站上的图像进行交互。
阅读全文
摘要：Hover States 一组新潮的和有趣的用户界面和交互设计的集合。Hover States 的目标是要成为设计师和开发人员灵感来源，向人们展示目前人们正在做的各种网站中令人惊奇的效果。他们认为交互设计的美是它的动作和行为，这就是为什么他们展示他们发现的所有视频内容的方式。
阅读全文
摘要：思维导图也叫心智图，是一项流行的全脑式学习方法，用来表示词，思路，任务或其他与围绕着一个中央关键词或想法项目的示意图。通过径向，图形和非线性的方式提出意见，思维导图鼓励头脑风暴的方法来规划和组织任务。虽然思维导图的分支表示分层树形结构，其放射状排列扰乱通常与呈现更加线性的视觉线索层次相关概念的优先次序。
阅读全文
摘要：互联网上将近90%的信息是文本形式的，大概这就是设计师为什么不断创造美丽的字体，让网站中的的内容更加美观。此外，还有大量的印刷为基础的项目，其中的字体都是关键因素。今天这个列表中，我们选择了30款最佳的免费字体分享给设计师，选择你喜欢的字体下载！
阅读全文
摘要：jQuery Mapael 是基于 Raphael.js 的一个 jQuery 插件，可以显示动态矢量地图。例如，使用 Mapael 可以显示国家能够点击的世界地图。此外，你可以用圈，方形或者图片来标记城市，借助它们的经度和纬度。还有更多的选项，可以参考帮助文档。
阅读全文
摘要：在过去的几年中，越来越多的企业推出自己的网站。以下网站是挑选的世界各地的葡萄园网站，有些还是著名的旅游景点，而另一些则只是家族企业与伟大的产品的历史。之前给大家分享个很多行业的企业网站，这篇文章收集了30个宏伟的酒厂和葡萄园网站设计分享给大家。
阅读全文
摘要：旨在用作图标，符号和字形的字体的数目日益增加。使用图标字体你可以更换光栅图像转换成矢量的。这意味着您可以轻松调整你的图标字体，而不必担心质量损失。图标字体是添加图标到您的网站一个灵活的解决方案。
阅读全文
摘要：在本教程中，我们将创建一个很好看的照片画廊效果。我们的想法是，以显示专辑作为一个滑块，而当这张专辑被选中，我们将使用一个美丽的照片堆栈展示专辑的图像。在照片堆栈视图，我们可以通过将最上面的图像移动到所有照片后面的方式浏览。
阅读全文
摘要：设计和开发者社区发展飞快，以致于我们的步伐很难跟上发生在我们身边的这一切。这就是为什么我喜欢聚集最新发布的优秀资源和工具，以使我们的工作和生活更轻松。这篇文章集合了 Web 开发中会用到的优秀工具，我敢肯定这些你会在这里发现有用的工具。
阅读全文
摘要：产品的用户体验是否被用户所接受,很大一部分取决于交互界面的设计,交互界面设计是整个产品设计中的核心,对于产品品质有着决定性的影响。Web 界面上交互的方式很多，只要你去探索，你会发现很多让你眼前一亮的想法。这里集合了12个来自 Codrops 的创新的界面交互和动画效果，值得我们去研究和使用。
阅读全文
摘要：今天，我们要用 jQuery 来创建一个作品集图像的导航模板。我们的想法是，以分组的方式显示一组作品集，并通过二维的方式（水平/垂直）来浏览。任一箭头或当前图像下方的小盒子可以作为导航使用。
阅读全文
摘要：今天我们要为您展示如何基于 jQuery 和 CSS3 创建一个整洁的图片墙效果。我们的想法是在页面上洒上一些大小不同的缩略图，并在当我们点击图片时候显示丝带，会显示一些描述，再次点击缩略图时，丝带将关闭并重新打开一个更大的图像预览效果。
阅读全文