07 2014 档案
摘要：Trumbowyg 是一个轻量，可定制的 jQuery 所见即所得（WYSIWYG）的编辑器插件。美丽的设计，生成语义化代码，带有功能强大的 API 。编辑器和生成的代码进行了优化以支持 HTML5。兼容大部分浏览器，如 IE8+、Chrome、Opera 和 Firefox 。
阅读全文
摘要：闪亮的进度条效果。我喜欢粒子演示作品，特别是那些能够应用于实际的，例如这个由 Jack Rugile 编写的进度条效果。看着这么炫的 Loading 效果，即使让我多等一会也无妨：）你呢？
阅读全文
摘要：Select-or-Die 是一个 jQuery 插件，用来自定义下拉列表（Select）元素。原生的下拉选择元素在各个浏览器的默认样式差异很多，而且自定义样式很困难，因此 Web 开发人员喜欢使用插件来模拟下拉选择功能。这款插件可以给多多一个选择，可以试试。
阅读全文
摘要：ShineTime 是一个效果非常精致的缩略图相册，鼠标悬停到缩略图的时候有很炫的闪光效果，基于 CSS3 实现，另外缩略图也会有立体移动的效果。特别适用于个人摄影作品，公司产品展示等用途，赶紧来围观吧。
阅读全文
摘要：Modern UI Kit 是一套简单，优雅和免费的现代用户界面包。这套 UI 工具包包含数百个用户界面元素，这将帮助你设计良好的用户界面。这些素材的设计是矢量，可以根据需要自由调整它们的大小。
阅读全文
摘要：Nivo Slider 号称世界上最棒的图片轮播插件，有独立的 jQuery 插件和 WordPress 插件两个版本。目前下载量已经突破 1,800,000 次！jQuery 独立版本的插件主要有如下特色：16个独特的过渡效果、3套精美光滑的主题以及支持响应式设计。
阅读全文
摘要：在过去几年里，网站设计领域发生了巨大变化。除了 RWD（响应式网页设计）和 Web 字体的革命，现代设计的发展趋势迅速流行扁平化的配色方案。经过这些年的尝试和努力后，我们已经真正进入到了干净的网页设计的时代。下面选择了25个简约干净的网站，具备我们上面提到的所有因素，他们都以自己的方式来呈现美丽，你有什么感想？
阅读全文
摘要：Dense.js 是一款 jQuery 插件，它提供一个简单的方法为设备提供精密像素比的图像，为你的网站带来视网膜支持，清除模糊，图像更清晰。通过简单地包括 jQuery 插件的页面上，就能实现响应式的视网膜（Rtina）图像支持。
阅读全文
摘要：Themify 图标是一套用在网页设计和应用程序的图标，包括 320+ 手工制作的像素完美的苹果 iOS7 图标中汲取灵感。这些图标完全免费，您可以用于任何目的，无论是个人或商业。
阅读全文
摘要：Vanilla Masker 是一个纯 JavaScript 实现的输入内容过滤和自动转换插件。现在你可以使用一个简单而纯粹的 JavaScript 库来控制你的 input 元素，而不需要加载 jQuery，Zepto 或者其它框架。不用担心兼容性，因为这是一个跨浏览器和跨设备的库。
阅读全文
摘要：Noto 涵盖了世界上所有主要语言，包括欧洲，非洲，中东，印度语，南亚和东南亚，中亚，美洲和东亚语言。也支持几个少数民族和历史语言。不久前，还发布了针对文、日文、韩文的开源字体Noto Sans CJK，包括 7 种粗细的简体中文、繁体中文、日语、韩语、希腊字母、拉丁字母以及西里尔字母。
阅读全文
摘要：jBox 是一个强大而灵活的 jQuery 插件，可以帮助实现模态窗口，工具提示，通知和更多的功能。你可以使用 jQuery 选择器轻松地添加工具提示效果到元素上，您可以以同样的方式设置模态窗口。该 jBox 库非常强大，提供了众多的选项来定制外观和行为。
阅读全文
摘要：仪表盘的设计是一个棘手的业务，重要的挑战以更直观的方式呈现统计数字，同时让用户深入到细节。如何约迎合个性化以及有关指标的优先次序，这很难处理。下面这些例子有很多值得学习的地方，整合了创新的，令人震惊的美丽仪表板概念和设计的展示。如果你即将开始数据可视化处理项目，希望这个集合会给你一些灵感融。
阅读全文
摘要：Raneto 是一个免费，开源的 Node.js 知识库平台，基于静态 Markdown 文件实现。 Raneto 可以被称为静态网站生成器，因为它并不需要数据库支持。所有的内容都存储在 Markdown 文件夹，整个知识库的结构和内容都是由 Raneto 生成。
阅读全文
摘要：HTML 表格导出 jQuery 插件可以帮助用户导出 HTML 表格到 JSON、XML、PNG、CSV、TXT、SQL、MS-Word、MS-Excel、MS-PowerPoint 和 PDF 格式。您可以轻松地设置字体大小，分隔符，导出类型等。
阅读全文
摘要：注册表单有许多不同的形状和尺寸，有的只是单个的输入框，有的则需要多个步骤。登录表单的设计将定义网站的性质，因此它应进行针对性的设计。下面的列表提供了20个醒目的登录和注册表单设计为您提供灵感。
阅读全文
摘要：逗号分隔值（CSV ）文件用于以以纯文本的形式存储表格化数据（数字和文本）。 CSV 文件包含任意数量的记录，通过某种换行符分隔，每条记录由字段，其他一些字符或字符串分隔，最常用的是文字逗号或制表符。CSV.js 是一个简单，超快的 CSV 解析 JavaScript 工具库，兼容浏览器，AMD 和 NodeJS 环境。
阅读全文
摘要：响应的网页设计方法让你的网站对移动设备更加友好。网站开发者们采用最新的 HTML5 和 CSS3 技术以及最新的编码标准来制作响应式网站。响应式设计使网页设计更加强大，更具互动性和更美观。响应网站的设计有许多特色，使开发人员和设计人员能够创建速度快，性能优越的应用程序和网站，并适合于所有设备。
阅读全文
摘要：作为一个前沿的 Web 开发者，对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候，开发者们已经使用它们来小试牛刀了，如今这些先进技术已经遍地开发，特别是在移动端大显身手。这篇文章挑选了8个前沿的 HTML5 & CSS3 效果，记得收藏哦：）
阅读全文
摘要：localForage 是一个 JavaScript 库，通过使用一个简单的、类似 localStorage 风格的 API 实现异步存储，帮助你提升 Web 应用程序的离线经验（通过 IndexedDB 或 WebSQL）。 localForage 同时支持回调和 Promises 模式两个 API，你可以根据自己的喜好进行选择。
阅读全文
摘要：Photoshop 文字特效教程对于学习基础的和高级的排版思维有很大的帮助。在这篇文章中，你会发现一组最新发布的文字效果教程。这些高品质的教程可以帮助你设计出惊人的2D，3D，木质和发光的文字效果。
阅读全文
摘要：visualCaptcha 是一个可配置的验证码解决方案，专注于可访问性和简单性，同时保持安全性。它也支持移动，视网膜设备，并有一个创新的可访问性的解决方案。 visualCaptcha 现在可以跨多个后端语言，不管你是使用 JavaScript ，Ruby 或 PHP，都可以使用 visualCaptcha。
阅读全文
摘要：文件上传是网站和 Web 应用程序的常用功能，一直没有一款完美的文件上传组件，因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主，FLASH 为辅的现代文件上传组件。在现代的浏览器里面能充分发挥 HTML5 的优势，同时又不摒弃主流IE浏览器。
阅读全文
摘要：在当今世界，有许多前端开发的框架。那么，为什么还要再造一个框架呢？Concise 建立的目的是使你有很多的开箱即用的选项，让你能够方便的搭建移动友好的网站和 Web 应用程序。另外还包括一个简单的网格系统，开发人员可以使用该框架来推动自己的创作。
阅读全文
摘要：今天，我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中，你可以看到平面设计，网页设计，作品集和企业网站设计实例。响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 制作出来的网站结构良好，有很多惊人的效果，并能够在任何设备上浏览。
阅读全文
摘要：Breach 是一款属于 HTML5 时代的开源浏览器项目，，完全用 Javascript 编写的。免费、模块化、易于扩展。这个浏览器中的一切都是模块，Web 应用程序在其自己的进程运行。通过选择合适的模块为您构建自己的浏览体验。
阅读全文
摘要：你有没有想过，在网络上的90%信息是文本？这就是为什么设计师在他们设计的网站内容中，字体的选择非常重要。此外，有大量的版式为基础的项目，其中的字体都是关键因素。这里有20款超细英文字体，特别适合扁平化和简约设计风格的网站，可以免费下载使用。
阅读全文
摘要：如果你想在网页中实现灵活的固定导航功能，那么 Smart Fixed Navigation 这个 JavaScript 脚本可以帮助轻松实现一个固定的导航，让用户在访问你的网站的时候可以随时使用菜单。它比全宽度的固定导航更小，并一个聪明UX的解决方案来取代回到顶部按钮功能。
阅读全文
摘要：免费的 PSD 用户界面工具包以及可以编辑 Photoshop PSD 文件，有你需要的设计漂亮的用户界面和惊人使用体验。这些用户界面工具包可有免费下载，可随意定制的，而且 PSD 分层文件组织得很好。
阅读全文
摘要：大家可能见过各种各样的时钟效果，比如多年前非常流行的 Flash 制作的各种新奇的动画时钟，现在的 Web 开发者们又开始应用 CSS3 和 Canvas 等最新技术来实现。而今天这里要分享的这款漂亮的多彩时钟效果大家不一定见过，赶紧来看看。
阅读全文
摘要：响应式的网站是指它能够适应客户端的屏幕尺寸，自动响应客户端尺寸变化。响应式设计技术用于创建可在任何设备上进行查看，并可以从桌面电脑屏幕无缝切换到智能手机的网站制作技术。这里分享的15个国外优秀网页作品可以帮助你更好的学习响应式设计。
阅读全文
摘要：Intense Images 是一个独立的 JavaScript 库，用于查看全屏图像。使用触摸/鼠标来实现图片位置的平移。图像元素的所有样式都是可以自定义的，Intense.js 只处理图像浏览器和字幕的制作。
阅读全文
摘要：所有进度条的功能在于注重细节，即使是最微小的细节可以改变整个用户体验。好的设计能够广泛传播，让人们分享并推荐你的设计。在下面的列表中，你会发现一批设计精美的加载进度条例子，可以免费下载。
阅读全文
摘要：
在工作中，我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多，但是一时半会又想不起来在哪，所以养成只是整理的习惯是很有必要的。这篇文章收集了10个在网站开发中很有用的 CSS3 效果，记得收藏。
阅读全文
在工作中，我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多，但是一时半会又想不起来在哪，所以养成只是整理的习惯是很有必要的。这篇文章收集了10个在网站开发中很有用的 CSS3 效果，记得收藏。
阅读全文
摘要：今天我想和大家分享一组可以免费下载 PSD 图形素材的最好的网站。 PSD 文件是非常有用的资源，因为你可以看到所有的层，使用了什么技术来创建出这些作品和效果。 某些列出的网站可能已是众所周知的，但你会惊奇地发现他们也提供免费的 PSD 文件。我希望你会喜欢这个集合，并发现它非常有用。
阅读全文
摘要：第三届“HTML5峰会”——2000人规模的“iWeb峰会”将于8月16日在北京召开。本次大会由HTML5梦工场主办，是在前两届“HTML5峰会”基础上的延伸和升华。本次大会以“ 开放、生态、互动、助力”为主题，内容丰富，形式多样，包含主题峰会、工具应用专场、互动娱乐专场、前端开源专场等多个主题论坛和多种活动形式。
阅读全文
摘要：在下面给大家分享的移动应用程序界面设计作品中，你可以看到不同创意类型的视觉效果。如果你想获得灵感，那很有必要看看下面20个优秀用户体验的移动应用 UI 设计。想要获取更多的灵感，可以访问移动开发分类，里面有很多移动应用程序的 UI 设计，让你惊叹。
阅读全文
摘要：jQuery fontIconPicker 是一个小的 jQuery 插件，它可以让你实现一个优雅的带有分类、搜索和分页功能的图标选择器。图标列表可手动从下拉列表框，图标数组或对象，或者从 Fontello config.json，IcoMoon selection.json 文件直接加载。
阅读全文
摘要：响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 制作出来的网站结构良好，有很多惊人的效果，并能够在任何设备上浏览。今天，我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中，你可以看到平面设计，网页设计，作品集和企业网站设计实例。
阅读全文
摘要：jPList 是一个灵活的 jQuery 插件，可以用于任何 HTML 结构的排序，分页和筛选。它支持的数据源包括：PHP + MySQL，ASP.NET + SQL Server，PHP + SQLite 等等。它还能够结合 Handlebars、Mustache 等 JavaScript 模板使用，支持XML + XSLT。
阅读全文
摘要：在这里，我收集了一批令您垂涎欲滴的30个美味的食物类移动应用程序设计。你会看到好吃的图像，甜美的字体，可爱的纹理和色彩，创造出鼓舞人心的愉悦的移动应用程序设计。
与随着移动技术的快速增长，我们能够在智能手机浏览网页和做更多的业务，而在早期这些都只能通过电脑实现。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第7期（总第28期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：在这篇文章中，我们给大家收集了20个最新出炉的 UI 设计素材。这些来自优秀设计师的 PSD 源文件素材让其它的设计师们在设计用户界面原型的时候能够非常便利。些界面素材让他们使用快速和有效的方式完成用户界面的设计。
阅读全文
摘要：Odyssey.js 是一个开源工具，它可以让你的地图，叙述和其他多媒体结合成一个美丽的故事。创建新的故事很简单，要求无非是一个现代的 Web 浏览器和一个好的想法。你可以使用现成的模板来控制和设计精美的布局，让你的故事的整体外观和感觉都充满吸引力。
阅读全文