摘要: 在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成只是整理的习惯是很有必要的。这篇文章收集了10个在网站开发中很有用的 CSS3 效果,记得收藏。阅读全文
posted @ 2014-07-08 10:39 梦想天空(山边小溪) 阅读(35661) 评论(63) 编辑
摘要: 本文收集了35个惊人的 CSS3 动画演示,它们将证明 CSS3 Transform 和 Transition 属性的强大能力。CSS 是网页设计非常重要的一部分,随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择。如今,用纯 CSS 就可以实现各种各样很酷的效果,甚至是动画。阅读全文
posted @ 2011-11-22 08:52 梦想天空(山边小溪) 阅读(105583) 评论(21) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片效果的实现,这是一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片插件,相信里面一定会有你喜欢的。阅读全文
posted @ 2011-05-31 08:09 梦想天空(山边小溪) 阅读(197553) 评论(189) 编辑
摘要: 曾经,jQuery 无疑是最受欢迎的开源的 JavaScript 库,如今它有了很多的竞争对手,像 AngularJS、React、KnockoutJS 等等。在这里,我想重点关注一下 AngularJS,它最初的学习曲线比较陡,如果入门之后就容易多了。在这里,我收集了包括钻研 AngularJS 在内的20个资源教程和免费的在线代码分享给大家。阅读全文
posted @ 2015-07-27 15:08 梦想天空(山边小溪) 阅读(878) 评论(1) 编辑
摘要: 你是否正在为您的印刷产品找一些现成的原型素材?在这里,我们收集了一组免费的杂志 PSD 素材,必将派上用场。这些原型将给你和你的客户一个先睹为快的产品,在现实生活中看起来如何。所有这些原型提供了可以免费下载的 PSD 文件。阅读全文
posted @ 2015-07-17 09:08 梦想天空(山边小溪) 阅读(1121) 评论(0) 编辑
摘要: 被请求的HTTP对象之间的延迟会有一个时间段,这个期间网页看起来不完整。Gradify 可以分析出图像中4个最常见的颜色,创建一个梯度(或纯色)作为图片占位符。Gradify 可以在在任何图像发现最突出的颜色并产生一个可伸缩的、响应式的 CSS 渐变。阅读全文
posted @ 2015-07-16 09:09 梦想天空(山边小溪) 阅读(1132) 评论(2) 编辑
摘要: CamanJS 是一个基于 Canvas 处理图片的 Javascript 库,结合简单易用的接口和先进高效的图像编辑技术。CamanJS 很容易扩展新的过滤器和插件,并伴随着一系列广泛的图像编辑功能。它是完全独立的库,支持工作在 NodeJS 和浏览器。阅读全文
posted @ 2015-07-09 09:05 梦想天空(山边小溪) 阅读(1178) 评论(0) 编辑
摘要: DO UI kit 现在可以免费用于 Photoshop 和 Sketch 了。它有超过130个屏幕,10个完整的主题以及250+的组件混合以创造惊人的应用。他们都是再混合和视网膜。最重要的是他们看起来非常简洁和多彩,很适合如今的审美。阅读全文
posted @ 2015-07-08 08:53 梦想天空(山边小溪) 阅读(1032) 评论(0) 编辑
摘要: JavaScript 最初是用来创建动态网站效果的的前端语言。而如今,这门脚本语言也可以用作后端开发,用于搭建 Web 服务器,开发接口,甚至创建博客。在下面这个列表中包括24个 Node.js 教程和在线指南。这些资源对于任何想要学习更多的关于 Node.js 的知识的开发人员都是很有用的。阅读全文
posted @ 2015-07-06 23:06 梦想天空(山边小溪) 阅读(1260) 评论(0) 编辑
摘要: Dynamics.js 是一个用来创建物理动画 JavaScript 库。你只需要把dynamics.js引入你的页面,然后就可以激活任何 DOM 元素的 CSS 属性动画,也可以用户 SVG 属性。阅读全文
posted @ 2015-07-06 10:05 梦想天空(山边小溪) 阅读(1201) 评论(0) 编辑
摘要: Codyhouse 收集了一组页面滚动效果,就是目前大家很常见的用户在浏览网页的时候。一些效果虽然极端,但如果你的目标是创建一个身临其境的用户体验,他们是非常有用的。所有的动画都使用 Velocity.js 创建。阅读全文
posted @ 2015-07-02 12:17 梦想天空(山边小溪) 阅读(1259) 评论(5) 编辑
摘要: Slides 是可以在浏览器中使用的在线幻灯片编辑器。与传统的演示软件,比如 PowerPoint 相比,Slides 不需要下载任何东西。你所有的信息都是安全地存储在我们的服务器上,无论你在哪里。不管你说的是在一次会议上演讲或者只是通过电子邮件发送你的信息,你的精心制作传达给大家美丽的故事。您还可以导出 PDF 和听众分享或打印出来。阅读全文
posted @ 2015-06-30 11:48 梦想天空(山边小溪) 阅读(1175) 评论(0) 编辑
摘要: JavaScript 可以通过多种方式来创建交互式的网站和 Web 应用程序。利用 JavaScript,可以让你移动 HTML 元素,创建各种各样的自定义动画,给你的访问者更好的终端用户体验。对于开发人员你来说,有无数的 JavaScript 框架可选择,往往是很难选择最适合您需要的。所以在这篇文章中,我收集了15个有用的和流行的 JavaScript 框架,旨在简化前端应用程序开发。阅读全文
posted @ 2015-06-25 09:15 梦想天空(山边小溪) 阅读(1767) 评论(3) 编辑
摘要: Wee 包含许多开发人员在搭建响应的,互动的网站和应用程序时需要的组件。正如它的名字一样,Wee 是一个微小、移动优先的CSS 复位框架。Wee 组织在一个简单的、可扩展的层次结构,拥有一致的样式和脚本。阅读全文
posted @ 2015-06-19 12:56 梦想天空(山边小溪) 阅读(1554) 评论(2) 编辑
摘要: Ratatype 是一个在线的打字教程网站,帮助人们提高键盘输入速度。开始掌握你的技能,挑战你的朋友或得到一个打字的证书。如果打字慢会浪费你宝贵的时间。如果你的打字速度提高30%,您可以每天节省20分钟的,20年就可以节省一年!这就是为什么你需要 Ratatype,它是无比轻松的,完全免费的。阅读全文
posted @ 2015-06-12 09:04 梦想天空(山边小溪) 阅读(1242) 评论(1) 编辑
摘要: Node.js 越来月流行,这个基于 Google V8 引擎建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。在本文中,我们列出了2015年最佳的15个 Node.js 开发工具。这些工具对于刚刚开始学习 Node.js 的新手开发者非常有帮助。如果你知道任何其他有用的 Node.js 资源,请让我们知道。阅读全文
posted @ 2015-06-10 09:00 梦想天空(山边小溪) 阅读(1454) 评论(3) 编辑
摘要: 当你在开发一个内容很多的 Web 项目的时候,最具挑战性的部分之一是为了如果更方便用户浏览这些内容。我们都能想到的一个例子是 Amazon,无限的类别以及它们的子类别。Mega Dropdown 是带二级分类的响应式下拉菜单组件,简单易用。阅读全文
posted @ 2015-06-08 13:36 梦想天空(山边小溪) 阅读(1435) 评论(0) 编辑
摘要: Primer 是一个 CSS 工具包,支撑着 GitHub 的前端设计。它的目的仅限于提供通用部件,为我们的开发者提供最大的灵活性,并保持 GitHub 的独特风格。它基于 SCSS 建成,可以通过 Bower 获取,所以很容易在自己的项目中包括全部或部分。阅读全文
posted @ 2015-06-04 11:45 梦想天空(山边小溪) 阅读(1153) 评论(0) 编辑
摘要: BasicModal 是为现代 Web 应用程序打造的弹窗系统。它包括所有你需要显示的信息,问题或接收用户的输入。这里的弹窗还可以链接起来,所以你可以很容易地建立一个预定义顺序的安装帮助或显示对话框。无效输入可以使用包含突出显示和处理功能。阅读全文
posted @ 2015-06-03 13:11 梦想天空(山边小溪) 阅读(1590) 评论(0) 编辑
摘要: 相信很多人都知道 Photoshop 在照片编辑方面的强大,所以几乎每张照片经过 PS 处理后都可以变成一个真正的杰作。这里分享的这组 Photoshop 教程可以帮助你学习到新的照片处理技术。你会发现奇妙的 Photoshop 将显著提高你的照片展示效果。阅读全文
posted @ 2015-06-02 12:48 梦想天空(山边小溪) 阅读(1484) 评论(0) 编辑
摘要: Restive.js 是一个 jQuery 插件,可以帮助您轻松快捷地添加响应式功能到你网站,适应几乎所有拥有 Web 功能的设备。使用设备检测,高级管理断点,以及方向管理的组合,Restive.js 会给你的网站提供一种不可思议的能力。阅读全文
posted @ 2015-05-28 09:34 梦想天空(山边小溪) 阅读(1687) 评论(0) 编辑
摘要: 大量的扁平化的苹果设备原型展示了响应式的 Web 设计。这是一组免费的 Photoshop Apple Watch 原型 PSD 设计素材,文件包括 iPhone、iPad、 iMac 和 Macbook 等。希望你也会发现它们很有用。阅读全文
posted @ 2015-05-27 12:44 梦想天空(山边小溪) 阅读(1101) 评论(0) 编辑
摘要: 今天这篇文章为大家挑选了15个超炫的 CSS 动画效果的例子,这些 Demo 可以说都是艺术品。CodePen 是一个在线的前端代码编辑和展示网站,能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品,也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。阅读全文
posted @ 2015-05-26 09:50 梦想天空(山边小溪) 阅读(1787) 评论(3) 编辑