摘要: 在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成只是整理的习惯是很有必要的。这篇文章收集了10个在网站开发中很有用的 CSS3 效果,记得收藏。阅读全文
posted @ 2014-07-08 10:39 梦想天空(山边小溪) 阅读(53662) 评论(67) 编辑
摘要: 本文收集了35个惊人的 CSS3 动画演示,它们将证明 CSS3 Transform 和 Transition 属性的强大能力。CSS 是网页设计非常重要的一部分,随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择。如今,用纯 CSS 就可以实现各种各样很酷的效果,甚至是动画。阅读全文
posted @ 2011-11-22 08:52 梦想天空(山边小溪) 阅读(149757) 评论(22) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片效果的实现,这是一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片插件,相信里面一定会有你喜欢的。阅读全文
posted @ 2011-05-31 08:09 梦想天空(山边小溪) 阅读(208499) 评论(192) 编辑
摘要: 在你的品牌和网站访问者之间建立情感联系是非常重要的。模态弹出窗口可能会帮助您完成这个具有挑战性的任务,以及分享给游客一些重要信息。作为一项常用规则,模态弹出窗口被用于各种号召行动的消息,如鼓励用户订阅新闻邮件,下载一些免费赠品或通知关于一些新的产品,服务或功能发布等。在这里,你会看到值得你注意的20个华丽的弹出窗口示例。阅读全文
posted @ 2016-01-28 09:21 梦想天空(山边小溪) 阅读(694) 评论(1) 编辑
摘要: Cropper 是一个简单的 jQuery 图像裁剪插件。它支持选项,方法,事件,触摸(移动),缩放,旋转。输出的裁剪数据基于原始图像大小,这样你就可以用它们来直接裁剪图像。如果你尝试裁剪跨域图像,请确保您的浏览器支持 HTML5 CORS 属性和图片服务器支持 Access-Control-Allow-Origin 选项。这些浏览器测试通过:Chrome, Firefox, Internet Explorer 8+,Opera, Safari。阅读全文
posted @ 2016-01-22 09:00 梦想天空(山边小溪) 阅读(331) 评论(1) 编辑
摘要: OS.js 是一个开源的 Web OS 系统,可以在浏览器中运行,提供了窗口管理器,应用程序API,用户界面开发套件和抽象的文件系统等。可以部署在 Node 或者 PHP 环境中运行。OS.js is 是完全免费和开源的,你可以参与开发或者使用这套代码。阅读全文
posted @ 2016-01-21 12:47 梦想天空(山边小溪) 阅读(625) 评论(1) 编辑
摘要: 在现代的网页设计中,图片和内容滑块是一种极为常见和重要的元素。你可以从头开始编写自己的滑动效果,但是这将浪费很多时间,因为网络上已经有众多的优秀的 jQuery 滑块插件。当然,如果要从大量的 jQuery Slider 中挑选出适合自己的插件也是需要一些时间的。因此这篇文章给大家挑选了10款优秀的 jQuery Slider 插件,希望能帮助到你。阅读全文
posted @ 2016-01-11 13:22 梦想天空(山边小溪) 阅读(553) 评论(0) 编辑
摘要: Senna.js 是一个速度超快的单页应用程序引擎,提供了几个低级别的API,可以帮助你打造现代化的基于 Web 的应用程序。更重要的是,搜索引擎蜘蛛应该能够索引相同的内容。通过使用 HTML5 History API,我们可以操纵使用 pushState,replaceState 和 popState 事件来操作用户浏览器的会话历史记录。这样,你就可以再次使用浏览器的后退/前进按钮。阅读全文
posted @ 2016-01-06 20:42 梦想天空(山边小溪) 阅读(582) 评论(0) 编辑
摘要: Foundation 6 让您的项目从原型到成平比以往任何时候都更有效!它包括了广泛的模块和灵活的组件。这些多功能就像轻便的积木,可以很容易地把你的想法实现。所有的代码片段支持ARIA属性和作用以及如何正确使用这些组件的说明。阅读全文
posted @ 2015-12-28 12:30 梦想天空(山边小溪) 阅读(1291) 评论(0) 编辑
摘要: Chocolat.js 使您能够显示一个或多个图像在同一页面上。给用户展示一组图片缩略图,可以显示全页或块。Chocolat.js 可以很好地处理所有主要的浏览器。它在下面这些浏览器测试通过:IE7+,火狐,Chrome,Opera 和 Safari 浏览器。阅读全文
posted @ 2015-12-24 09:06 梦想天空(山边小溪) 阅读(675) 评论(0) 编辑
摘要: 代码评审可以被看作是计算机源代码的测试,它的目的是查找和修复引入到开发阶段的应用程序的错误,提高软件的整体素质和开发者的技能。代码审查程序以各种形式,如结对编程,代码抽查等。在这个列表中,我们编制了15个最好的代码审查工具,这将有助于开发者节省代码审查时间。阅读全文
posted @ 2015-12-23 08:59 梦想天空(山边小溪) 阅读(622) 评论(0) 编辑
摘要: jQuery.my 这个插件用于实时双向数据绑定。它发生变异给出的数据源对象,反映了用户与用户界面之间的相互作用。jQuery.my 提供了全面的验证,条件格式,复杂的依赖关系,运行形式结构操作。阅读全文
posted @ 2015-12-11 12:34 梦想天空(山边小溪) 阅读(1295) 评论(2) 编辑
摘要: jQuery DrawSVG 使用了 jQuery 内置的动画引擎实现 SVG 路径动画,用到了 stroke-dasharray 和 stroke-dashoffset 属性。DrawSVG 是完全免费的,赶紧试用一下吧。阅读全文
posted @ 2015-12-04 12:37 梦想天空(山边小溪) 阅读(1023) 评论(0) 编辑
摘要: 这里文章收集了15个创意的 CSS3 文本效果,所有的都是精心挑选,这些可能会增加创意的火花到你的下一个项目。其中有些是用于特定用途,而另一些则适用于多种用途。如果你想要一个精彩而又充满色彩的文字效果,那么这是给你的完美的解决方案!它非常适合于创意机构或作品集项目。阅读全文
posted @ 2015-12-01 09:04 梦想天空(山边小溪) 阅读(1354) 评论(0) 编辑
摘要: 我们为开发人员挑选了15个最新的 Web 框架,你肯定尝试一下这些新鲜的框架,有的可能略微复杂,有的提供了很多的配置选项,也有一些窗口小部件和界面交互的选择。他们将帮助你创建更优秀的网站,提供给用户更好的体验。阅读全文
posted @ 2015-11-25 09:04 梦想天空(山边小溪) 阅读(1649) 评论(2) 编辑
摘要: Unsplash.it 是一个使用漂亮的图像作为占位符的工具。只要把你的图像尺寸(宽与高)放到网址后面的参数中,你会得到一个占位符。你可以很容易地得到一个随机图像或者是一个模糊图像。也支持获取灰度图像和特定图像。阅读全文
posted @ 2015-11-24 12:43 梦想天空(山边小溪) 阅读(860) 评论(2) 编辑
摘要: 每一个网页设计师希望创建让用户能够赏识的网站。当然,这是不可能满足每个人的口味的。幸运的是,我们有最强大的工具和资源。实际上,我们有这么多的网站模板,框架,内容管理系统,先进的工具和其他的东西。这篇文章展示了使用一组使用 CSS3 制作的文本特效,快来欣赏。阅读全文
posted @ 2015-11-22 11:16 梦想天空(山边小溪) 阅读(2564) 评论(4) 编辑
摘要: Codrops 分享了一个有趣的颜色提取实验。这个想法是创建图像的调色板,既有图像本身的潜移默化的影响,也有一些花哨的颜色延伸。通过使用 Vibrant.js 来提取图像中的颜色,并通过 CSS 过滤器将图像转换为黑色和白色版本,还有一个“幕布”滑动的效果。阅读全文
posted @ 2015-11-18 09:14 梦想天空(山边小溪) 阅读(1148) 评论(0) 编辑
摘要: jQuery LightGallery是一个轻量级的,可定制的,模块化的,响应式的 jQuery 相册插件。它采用CSS来实现图像和视频的大小调整。因此,这将是非常灵活的,并且比使用 JavaScript 方法相当快。 Lightgallery 自带几个内置模块,如缩略图,全屏,变焦等,很容易地创建你自己的模块。阅读全文
posted @ 2015-11-15 16:54 梦想天空(山边小溪) 阅读(1479) 评论(0) 编辑
摘要: ESLint 是一个开源的 JavaScript 代码校验工具,最初是由 Nicholas C. Zakas 在2013年创建的。经常被用来发现问题的模式或代码,不符合特定的风格准则。ESLint 创建的首要原因是为了让开发人员创建自己的校验规则,ESLint 的目的是让所有的规则完全可插拔。虽然ESLint将附带一些内置的规则,你可以在任何时间点动态加载规则。阅读全文
posted @ 2015-11-07 20:55 梦想天空(山边小溪) 阅读(1157) 评论(0) 编辑
摘要: Codrops 上面发布了一个深入的教程,就如何建立谷歌材料设计的径向操作规范中列出的涟漪效果,并基于 SVG 和 GreenSock 来实现。随着谷歌的材料设计的出现,带来了一个视觉语言,创建跨平台和设备的统一体验。在本教程中,他们会向你展示实现涟漪效果的一种方式。阅读全文
posted @ 2015-10-30 08:56 梦想天空(山边小溪) 阅读(2000) 评论(3) 编辑
摘要: 复制文本到剪贴板应该并不难,目前已经有很成熟的 Flash 方法。但是 Flash 已经在很多场合不适用了,特别是随着 HTML5 技术的发展。今天推荐的这个 Clipboard.js 库不依赖 Flash,依赖于 Selection 和 execCommand API。execCommand 支持以下浏览器:Chrome浏览器42+,火狐41+,IE9+。阅读全文
posted @ 2015-10-25 19:35 梦想天空(山边小溪) 阅读(1504) 评论(4) 编辑
摘要: Popmotion 是一个只有12KB的 JavaScript 运动引擎,可以用来实现动画,物理效果和输入跟踪。原生的DOM支持:CSS,SVG,SVG路径和DOM属性的支持,开箱即用。Popmotion 网站上有很多很赞的效果,赶紧去体验一下。阅读全文
posted @ 2015-10-25 19:26 梦想天空(山边小溪) 阅读(1599) 评论(0) 编辑