摘要:
Apple Watch 是苹果公司于2014年9月发布的一款智能手表。分为运动款、普通款和定制款三种,采用蓝宝石屏幕,有银色,金色,红色,绿色和白色等多种颜色可以选择。这里分享的是 Apple Watch PSD 源文件,可以免费下载使用。 阅读全文
摘要:
在这个小实验中,我们创建了一个交互式的照片堆栈效果。提供了一些模拟现实的互动的可能性给用户。这个想法的思路是:有一些照片在桌面上可以拖放一样,堆放和删除,每个动作类似现实世界的行为。 阅读全文
摘要:
在CSS中,我们使用 ::first-line 选择器来给元素第一行内容应用样式。但目前还没有像 ::nth-line、::nth-last-line 甚至 ::last-line 这样的选择器。实际上这期选择器在某些情况下是非常有用的,Lining.js 提供了这样的功能。 阅读全文
摘要:
作为最优秀的 JavaScript 库之一,jQuery 不仅使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果。这篇文章挑选了12个优秀的 jQuery 实例教程,这些 jQuery 教程将帮助你把你的网站提升到一个更高的水平。 阅读全文
摘要:
Sonic.js 是一个很小的 JavaScript 类,用于创建基于 HTML5 画布的加载图像。更强大的是 Sonic.js 还提供了基于现成的例子的创建工具,可以帮助你实现更多自定义的(Loading)加载动画效果。 阅读全文
摘要:
Charted 是一个让数据自动生成可视化图表的工具。只需要提供一个数据文件的链接,它就能返回一个美丽的,可共享的图表。Charted 不会存储任何数据。它只是获取和让链接提供的数据可视化。 阅读全文
摘要:
这个一款简单的 jQuery 倒计时插件,用于显示剩余的天数,小时,分钟和秒。jQuery 编写的一个简单的倒计时效果。倒计时功能是非常有用的一个小功能,可以告诉用户多久以后您的网站将会发布或者关闭进行维护,还可以用于举办活动的开始和停止的倒计时。 阅读全文
摘要:
Droidicon 提供超过1600款定制图标,让你可以超级容易的把图标和徽章添加到您的应用程序中。你可以自定义你想要的各种形式的图标,给图标添加描边,透明度和颜色过滤器。包括这些 Google Material Design、Font Awesome、Iconic、Entypo 以及 Meteocons 系列。 阅读全文
摘要:
tiltShift.js 是一款很棒的 jQuery 插件,使用 CSS3 图片滤镜来实现照片的移轴镜头效果。使用非常简单,使用 data 属性配置参数。可以自定义对焦点的位置、模糊半径、焦点的区域大小以及方向。 阅读全文
摘要:
众多周知,图形和图表要比文本更具表现力和说服力。图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等。在这篇文章中,我们收集了15款值得网站开发者收藏的 JavaScript 图形图表库,可以帮助你实现各种功能的图表。 阅读全文
摘要:
今天我们要为您展示如何创建一个简单的弹性幻灯片,带有缩略图预览功能。Elastic Image Slider 这款幻灯片能够自动调整以适应到其父容器,我们可以通过幻灯片使用缩略图预览或幻灯片的自动播放选项。 阅读全文
摘要:
HTML5 已经成为众所周知的语言,大量的 HTML5 资源和工具正在建立,以帮助开发人员和设计人员。今天,我们展示12款免费的响应式 HTML5/CSS3 网站模板,帮助你创建醒目和视觉震撼的网站。 阅读全文
摘要:
今天我们要为您展示如何创建一些简单又不失时尚的图片说明悬停效果。我们的想法应用悬停效果来显示图片对应的标题,作者和链接按钮。对于一些的效果,我们将使用3D变换。这样做的目的是保持奇妙的效果,并为许多不同的变化提供了灵感。 阅读全文
摘要:
这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件,你也可以让网站变得高大上起来。 阅读全文
摘要:
这里分享一个超炫的时间轴展示作品集效果。设计师和前端开发人员可以借助这个效果来制作新颖的作品集和个人简历。时间轴专门用来呈现出年代的一系列事件。您可以把这种效果嵌入各种媒体,包括微博,视频和地图,并把它们与日期相关联。 阅读全文
摘要:
好像在汽车行业的很难找到好看的网站。汽车行业大多数的网站都是典型的庄家式的界面,充斥着“预定试驾”和“索取宣传手册”按钮,但有也有一些汽车公司不仅呈现精美的汽车,其功能结合惊人的图像和整齐的布局,从而带来一个更有趣的浏览体验。今天的展示的是来自汽车行业的20个创意宣传网站。 阅读全文
摘要:
这是一个基于 CSS3 动画实现的图片过渡效果,共有 Flip、Rotation、Multi-flip、Cube、Unfold 等6种效果,它们将证明 CSS3 Transform 和 Transition 属性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择。 阅读全文
摘要:
MetricsGraphics.js 是建立在D3的基础上,被用于可视化和布局的时间序列数据进行了优化。它提供以产生一个原则性的,一致的和响应式的方式的图形常见类型的简单方法。该库目前支持折线图,散点图和直方图,以及地毯地块和基本线性回归功能。 阅读全文
摘要:
Web 界面上交互的方式很多,只要你去探索,你会发现很多让你眼前一亮的想法。Codrops 最近发布了一组悬停效果,总共分为两组,多达30种不同的风格。为了让效果尽可能的平滑,最好不要在元素上使用变换以免影响布局。在第二组中采用了 SVG 动画,这也是目前比较流行的方式。 阅读全文
摘要:
响应式(Responsive)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。这篇文章收集了22款优秀的响应式 jQuery 幻灯片插件,它们能够帮助你在 Web 项目中实现有吸引力的图片滑块效果。 阅读全文