摘要:
Pop 是一个可扩展的 iOS & OS X 动画引擎。除了基本的静态动画,它支持弹簧和动态衰减的动画,因此可以用于构建现实的,基于物理的交互效果。它的 API 可以与现有的 Objective-C 代码库快速整合,可以为任何对象上的任何属性添加动画。 阅读全文
摘要:
At.js 是一个自动完成库,用来实现自动完成提示,表情等,就像你在 Github 或 Twitter 上看到的一样。它支持 HTML5 contentEditable 元素。你可以听任何字符,而不仅仅是 '@' 符号,可为不同的字符设置多个监听器以实现不同的行为和数据。 阅读全文
摘要:
CSS 浮动,一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。 阅读全文
摘要:
Permit.js 是一个 jQuery 插件,用于构建交互的,多态的网站原型和应用程序原型。也许你的网站有的功能仅适用于登录的成员,只有管理员才能使用或者你的应用程序会根据线上或离线有不同的功能,这些都是多状态原型的例子。 阅读全文
摘要:
iHover 是一个令人印象深刻的图片悬停效果集合,完全基于 CSS3 实现,无依赖,能够搭配 Bootstrap 3 很好地工作。基于 SCSS 技术构建(包括文件),便于修改变量。有模块化的代码,无需包含整个文件。 把饭 30 多个悬停效果,满足各种需要。 阅读全文
摘要:
你可能已经无意中听说过 Promises,很多人都在讨论它,使用它,但你不知道为什么它们如此特别。难道你不能使用回调么?有什么了特别的?在本文中,我们一起来看看 Promises 是什么以及如何使用它们写出更好的 JavaScript 代码。 阅读全文
摘要:
GitBook 是一个命令行工具(也是 Node.js 库),让你能够使用 GitHub/Git 和 Markdown 构建出美丽的编程书籍,可以包含互动的练习。GitBook 支持使用多种语言构建书籍。每种语言都应该是按照正常 GitBook 格式的子目录,以及一个应该放在版本库根目录下的 LANGS.md 文件。 阅读全文
摘要:
Flexbox 布局模块目前是 W3C 候选标准,旨在提供一个更有效的方式进行布局,对齐和为容器里的项目分配空间,即使它们的大小是未知的或者动态的。这里分享一个基于 Knockout.js 构建的互动教程,让你5分钟就掌握 Flexbox 布局模式。 阅读全文
摘要:
Fixed Responsive Nav 是一个响应式的,固定的,触摸友好的单页网站导航插件,响应式导航,流畅的动画滚动。该项目采用渐进增强构建,支持工作在 IE6 及以上版本的浏览器。 你可以给导航打开的内容添加一个遮罩,自动突出显示当前位置。你可以自由地使用提供的 JavaScript,风格和图标字体用于商业或非商业项目。 阅读全文
摘要:
今天我们想与大家分享另一套过渡效果。这一次,我们将探讨如何实现侧边栏的过渡动画,就像我们已经在多级推出菜单中使用的。我们的想法是,以细微的过渡动画显示一些隐藏的侧边栏,其余的内容也是。通常侧边栏滑入,把其他内容推到一边。这个可过程中可以加入很多微妙而奇特的效果,而今天这篇文章能够给你一些启示。 阅读全文
摘要:
这里分享的12款完全采用响应式设计的 HTML5 & CSS3 网站设计模板。每一个细节都精心设计,以创建一个美妙的用户体验。这些响应主题和模板最适合用于电子商务,商业门户网站,个人作品集以及应用程序展示网站。 阅读全文
摘要:
Twproject Gantt 是一款基于 jQuery 开发的甘特图组件,也可以创建其它图表,例如任务树(Task Trees)。内置编辑、缩放和 CSS 皮肤等功能。更重要的是,它是免费开源的。 阅读全文
摘要:
如果您曾经访问过 Nicolas Zezuka 和 Active Theory 的出色的设计网站,你可能已经注意到在显示新内容之前动感的页面加载动画。这种风格的动画效果最近非常流行,这篇文章想给你带来一些启示。这个效果的核心是让一个形状在页面窗口中动画显示并有展示活动的指示。当新内容被加载时,形状将以动画显示返回显示的页面。 阅读全文
摘要:
Method Draw 是一款在线 SVG 编辑器,是 SVG Edit 的一个分支。Method Draw 的目的是改进 SVG Edit 的可用性和用户体验。它移除了 line-caps/corners 等功能以提供一个简单愉悦操作体验。 阅读全文
摘要:
CSS 是前端开发必备技能,入门容易,深入难。比如像 Pseudo-class、Pseudo-element、Media query、Media type 以及 Vendor prefix 的概念,很多人都还很模糊。CSS Vocabulary 是一个很全的 CSS 词汇表,能帮助你轻松了解这些词汇的含义。 阅读全文
摘要:
BFC 已经是一个耳听熟闻的词语了,网上有许多关于BFC的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BF 阅读全文
摘要:
Vis.js 是一个动态的,基于浏览器的可视化库。该库被设计为易于使用,能处理大量的动态数据。该库由以下几部分组成:一是数据集和数据视图,基于灵活的键/值数据集,可以添加,更新和删除项目,订阅数据集变化;二是时间轴,用于显示不同类型的时间轴数据,在时间轴上项目可以交互移动,缩放和操纵;三是图形,使用节点和边显示一个交互式图形或网络。 阅读全文
摘要:
《Web 前端开发精华文章推荐》2014年第3期(总第24期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。 阅读全文
摘要:
正如语言风格指南一样,模式库有两个主要用途。首先,是它们提供了一组编码或设计标准,Web 开发团队可以在整个网站中应用,有助于保持一致的编码实践和外观;其次,对于要学习网页设计最佳实践来说是宝贵的财富。 阅读全文
摘要:
TaggingJS 是一款 jQuery 插件,用来创建高度可定制的前端标签系统。这款插件不到3KB ,支持主流浏览器。有几种方法来定制 taggingJS 的默认行为:一是使用 custom_options 定制全局的 taggingJS 行为;二是给标签框加上 data 属性;三是结合前面两种方式。 阅读全文