文章分类 -  资源共享

前端工具
摘要：随着CSS3的出现，CSS3讨论的话题越来越多了，现在各种教程也是多如牛毛，不比一年前的时候，找个资料要捞遍整个互联网，而且还很难找到自己需要的参考资料。从侧面也说明，CSS3对于前端工程师来说，越来越重要了，从各处的招聘信息也能看出这一点。说这么说我想强调的是他的重要性。另一方面，有很多CSS3的... 阅读全文
posted @ 2015-02-27 10:44 Berly 阅读(172) 评论(0) 推荐(0)
WebP 应用探寻以及与 PNG 的对比（图片的压缩）
摘要：前言不管是 PC 还是移动端，图片一直是流量大头，以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求，如何保证在图片的精细度不降低的前提下缩小图片体积，成为了一个有价值且值得探索的事情。但如今对于 JPEG、PNG 和 GIF 这些图片格式的优化几乎已经达到了极致， 若... 阅读全文
posted @ 2015-02-11 15:59 Berly 阅读(755) 评论(0) 推荐(0)
Squire – 简洁的 HTML5 富文本编辑器
摘要：Squire是一个简洁的 HTML5 富文本编辑器，它提供了强大的跨浏览器的标准化，超级轻巧灵活。它是建立在现在和未来并作为研究，因此并不支持那些古老的浏览器。在线演示 源码下载 阅读全文
posted @ 2015-02-11 15:44 Berly 阅读(263) 评论(0) 推荐(0)
30种奇妙的鼠标悬停效果【附源码】
摘要：Web 界面上交互的方式很多，只要你去探索，你会发现很多让你眼前一亮的想法。Codrops 最近发布了一组悬停效果，总共分为两组，多达30种不同的风格。为了让效果尽可能的平滑，最好不要在元素上使用变换以免影响布局。第二组效果中采用了 SVG 动画，这也是目前比较流行的方式。温馨提示：为保证最佳的效果... 阅读全文
posted @ 2015-02-11 15:38 Berly 阅读(148) 评论(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)
ZOOM – 简单的 jQuery 相册插件
摘要：jQuery 最令人印象深刻的应用之一就是对图片的处理，它可以让帮助你在你的项目中加入一些让人惊叹的图片切换效果。ZOOM 是一款全屏效果的 jQuery 图片切换展示插件，支持键盘前后按键切换，支持移动设备。效果演示 插件下载 阅读全文
posted @ 2015-02-11 15:26 Berly 阅读(102) 评论(0) 推荐(0)
图片滑块，传送带，幻灯片效果
摘要：图片是网站功能的重要组成部分，这里集合了10个图片滑块，传送带，幻灯片效果，相信你在项目中肯定会用到。这些分享的效果大部分都是实用jQuery 实现的，使用起来很简单。看看下面这些惊人的功能和效果，我相信你会发现一些很有用的东西。适合电子商务网站的图片滑块Sequence.js 是一个非常现代的图片... 阅读全文
posted @ 2015-02-11 15:20 Berly 阅读(132) 评论(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)
Apple Watch PSD 源文件【免费素材下载】
摘要：Apple Watch 是苹果公司于2014年9月发布的一款智能手表。分为运动款、普通款和定制款三种，采用蓝宝石屏幕，有银色，金色，红色，绿色和白色等多种颜色可以选择。这里分享的是Apple Watch PSD 源文件，可以免费下载使用。马上去看看 阅读全文
posted @ 2015-01-08 13:36 Berly 阅读(139) 评论(0) 推荐(0)
35个 CSS3 动画
摘要：本文收集了35个惊人的 CSS3 动画演示，它们将证明 CSS3 Transform 和 Transition 属性的强大能力。CSS 是网页设计非常重要的一部分，随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择。如今，用纯 CSS 就可以实现各种各样很酷的效果，... 阅读全文
posted @ 2015-01-08 13:23 Berly 阅读(110) 评论(0) 推荐(0)
20款优秀 jQuery Lightbox 灯箱插件
摘要：jQuery Lightbox灯箱插件可以让你为您的网站和应用程序展示优雅的图像，视频 和其它内容（使用模式窗口）。如果你是一个开发人员，你必须拥有 jQuery 灯箱插件集合，因为有一部分的客户会要求他们的网站看起来更有吸引力和视觉冲击力。因此在这个集合中，我们编译了20款最好的 jQuery 灯... 阅读全文
posted @ 2015-01-08 13:21 Berly 阅读(429) 评论(0) 推荐(0)
20个华丽的网页时间轴
摘要：我敢肯定，你们中的大多数都知道在设计中使用时间轴的，尤其是 Facebook 个人主页改版成这样之后，这种风格更加流行。此外，像 Path 和 Tweetbot 也在一些智能手机应用程序使用基于时间轴的设计，以展示他们的故事。时间轴是显示一个整洁，准确风格事件的最佳途径。iPhone Timelin... 阅读全文
posted @ 2015-01-08 13:19 Berly 阅读(215) 评论(0) 推荐(0)
30套免费的响应式模板
摘要：HTML5 和 CSS3 网站模板存在巨大的需求，网页设计师们都喜欢现成的网站模板，能够轻松地设计和开发美观，吸引眼球的网站。如果你正在寻找响应式的HTML5 & CSS3 模板，那么你找对地方了，这里罗列了30套免费的响应式模板，可以免费下载。温馨提示：点击图片进入的页面有下载链接，尽情的下吧，下... 阅读全文
posted @ 2015-01-08 13:17 Berly 阅读(206) 评论(0) 推荐(0)
Droidicon – 1600+ 漂亮的 Android 图标
摘要：Droidicon 提供超过1600款定制图标，让你可以超级容易的把图标和徽章添加到您的应用程序中。你可以自定义你想要的各种形式的图标，给图标添加描边，透明度和颜色过滤器。包括这些Google Material Design、Font Awesome、Iconic、Entypo 以及 Meteo... 阅读全文
posted @ 2015-01-08 13:10 Berly 阅读(87) 评论(0) 推荐(0)