文章分类 -  html5

前端工具
摘要：随着CSS3的出现，CSS3讨论的话题越来越多了，现在各种教程也是多如牛毛，不比一年前的时候，找个资料要捞遍整个互联网，而且还很难找到自己需要的参考资料。从侧面也说明，CSS3对于前端工程师来说，越来越重要了，从各处的招聘信息也能看出这一点。说这么说我想强调的是他的重要性。另一方面，有很多CSS3的... 阅读全文
posted @ 2015-02-27 10:44 Berly 阅读(172) 评论(0) 推荐(0)
CSS3 动画实现12种风格的通知提示
摘要：今天我们想分享几个简单的款式的网站通知效果。有很多的方式来呈现消息给用户：从经典的咆哮般的通知到窗口顶部的通知栏。各个网站的通知样式和效果千篇一律，难得出现创意的通知效果。这里是实现一个应用 CSS3 动画实现各种风格的通知提示。在线演示 立即下载 阅读全文
posted @ 2015-02-12 15:29 Berly 阅读(169) 评论(0) 推荐(0)
Squire – 简洁的 HTML5 富文本编辑器
摘要：Squire是一个简洁的 HTML5 富文本编辑器，它提供了强大的跨浏览器的标准化，超级轻巧灵活。它是建立在现在和未来并作为研究，因此并不支持那些古老的浏览器。在线演示 源码下载 阅读全文
posted @ 2015-02-11 15:44 Berly 阅读(262) 评论(0) 推荐(0)
鼠标悬停特效，多样的图片展示
摘要：今天我们要为您展示如何创建一些简单又不失时尚的图片说明悬停效果。我们的想法应用悬停效果来显示图片对应的标题，作者和链接按钮。对于一些的效果，我们将使用3D变换。这样做的目的是保持奇妙的效果，并为许多不同的变化提供了灵感。在线演示 下载源码 阅读全文
posted @ 2015-02-11 15:32 Berly 阅读(108) 评论(0) 推荐(0)
来自 Codrops 的创新的拖放交互界面
摘要：Codrops 分享了一些界面拖放的交互设计想法。基本的思路是在拖动一个项目的时候，为特定的操作呈现出可投掷的区域。这节省了大量的界面空间 ，并给出了一个有趣的动态的互动。有很多应用场景，例如分类和组织内容（像 Pinterest 的面板），或在邮件应用程序或内容管理系统中执行一些操作。在线演示 ... 阅读全文
posted @ 2015-02-11 15:30 Berly 阅读(101) 评论(0) 推荐(0)
12款强大的 HTML5 绘图工具
摘要：我们知道，素描是设计师工作流程中的一个重要环节。本文收集了一些借助 JavaScript 和HTML5 Canvas 开发的素描工具，这些工具表明，HTML5 的确是一个令人兴奋的标记语言。如果你发现了新的基于 HTML5 Canvas 开发的绘图工具，欢迎在这里与大家分享。1.Sketchpad一... 阅读全文
posted @ 2015-01-08 14:03 Berly 阅读(862) 评论(0) 推荐(0)
25佳优秀的流体和响应式布局网页设计
摘要：响应式网页设计是时下网页设计领域最热门的话题之一，该概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出（详见：Responsive Web Design），其目标是要让设计的网站能够响应用户的行为，根据不同终端设备自动调整尺寸。今天这篇文章收集了25佳优秀的流体和响应式布... 阅读全文
posted @ 2015-01-08 13:47 Berly 阅读(202) 评论(0) 推荐(0)
CSS3 制作的甜美的糖果按钮
摘要：BonBon 是一组使用 CSS3 制作的甜美的糖果按钮样式。在过去，我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果，随着越来越多的浏览器对 CSS3 的支持和完善，使用 CSS3 来实现美观的按钮已没有太多的障碍。效果演示 插件下载 阅读全文
posted @ 2015-01-08 13:41 Berly 阅读(145) 评论(0) 推荐(0)
实现元素动画的6款插件
摘要：现在的网页设计风格正在朝着扁平化发展，力求布局简洁，突出主题内容。而另一方面，网页交互则变得越来越多样性，让用户在操作的时候可以更愉悦。当下很流行给网页元素添加动画，随着 Web 技术的发展，动画的实现方式有多种：JavaScript、CSS3、SVG 以及 Canvas。这篇文章挑选6款帮助前... 阅读全文
posted @ 2015-01-08 13:39 Berly 阅读(148) 评论(0) 推荐(0)
不常用但很不错的html5效果
摘要：这里精选了一组很酷的 HTML5 效果。HTML5 是现 Web 开发领域的热点，拥有很多让人期待已久的新特性，特别是在移动端，Web 开发人员可以借助 HTML5 强大功能轻松制作各种交互性强、效果丰富的Web 应用。超炫 HTML5 粒子效果进度条我喜欢粒子效果作品，特别是那些能够应用于实际的，... 阅读全文
posted @ 2015-01-08 13:26 Berly 阅读(148) 评论(0) 推荐(0)
35个 CSS3 动画
摘要：本文收集了35个惊人的 CSS3 动画演示，它们将证明 CSS3 Transform 和 Transition 属性的强大能力。CSS 是网页设计非常重要的一部分，随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择。如今，用纯 CSS 就可以实现各种各样很酷的效果，... 阅读全文
posted @ 2015-01-08 13:23 Berly 阅读(110) 评论(0) 推荐(0)