摘要:
大的背景图像已经成为了今年网页设计的趋势。在图像排布文本和按钮并很好的搭配相当具有挑战性。因此,设计师使用创意的 Photoshop 滤镜和渐变来在图像上创建一个遮罩,并在其上放置其他的网页设计元素。这种新鲜的设计给网站带来独特的光泽。 阅读全文
摘要:
Nibbler 是一款免费的工具,用于测试网站的各个方面指标。输入任意网站的地址,Nibbler 会给你一份报告,列出网站的10个关键领域的分数,包括可访问性,用户体验,搜索引擎优化,社交媒体和技术等等。 阅读全文
摘要:
HTML5 在不久前正式成为推荐标准,标志着全新的 Web 时代已经来临。这里分享一个惊艳的 Canvas 水滴效果,双击可以把水滴分离;拖放到一起可以融合;晃动浏览器可以让水滴跳动;键盘左右键可以切换皮肤;上下键可以变换大小。 阅读全文
摘要:
如果能把 CSS 运用好,我们创作出好的交互和效果的可能性大大增加。这篇文章中,我想与大家分享一组结合 jQuery & CSS 制作的充满金属质感的选择框效果,绝对是超级精美的效果。 阅读全文
摘要:
苹果新一代智能手机 iPhone 6 发布已经有一段时间了,一些创意设计师已经开始在设计中采用 iOS 8 设计理念。当然,其中有些是对于未来的展望和大胆的设计。我在这里收集了15个很酷的 iOS 8 设计概念,可以让设计师丰富设计思路。 阅读全文
摘要:
jQuery Face Detection 是一款人脸检测插件,能够检测到图片,视频和画布中的人脸坐标。它跟踪人脸并输出人脸模型的坐标位置为一个数组。我们相信,面部识别技术能够给我们的 Web 应用带来各种可能性,创造出互动的,有趣的功能。 阅读全文
摘要:
手机经常会在最不合时宜的时刻没电了,不是吗?我们的生活依靠我们的手机,包括那些让我们更方便的设备。但所有这些设备的最糟糕的事情是,他们需要不时的进行充电。但是,如果没有插座可用,或者你没有时间去寻找插座的时候该怎么办? 阅读全文
摘要:
最近给大家分享 CSS3 效果比较多,都是充分运用了 CSS3 来实现的。通过 CSS3 的新特性,我们创作出好的交互和效果的可能性大大增加。这篇文章中,我想与大家分享使用 CSS3 过渡特性实现的信封效果的联系表单。 阅读全文
摘要:
Converse.js 是一个运行在浏览器的免费和开源的聊天客户端。它可以集成到任何网页。类似于 Facebook 的聊天,它也支持多用户聊天室。Converse.js 可以连接到任何可访问的 XMPP/Jabber 服务器。 阅读全文
摘要:
在这篇文章中,我们为大家推荐12个创建响应式布局的优秀网格框架。如果网页设计和开人员采用了正确的工具集,并基于一个灵活的网格架构,以及能够把响应图像应用到到设计之中,那么创建一个具备响应式的网站并不一定是一项艰巨的任务。enjoy! 阅读全文
摘要:
手风琴效果常用于切换显示一组内容,这种方式既可以节省网页空间又可以有动画效果。今天,我们将创造一个优雅的手风琴内容效果。这个想法是有悬停时滑出一些垂直手风琴标签。我们将添加一些 CSS3 属性来提升外观。 阅读全文
摘要:
Walkway.js 是一个使用线条和路径元素组成 SVG 动画图像的简单方法。只需根据提供的配置对象创建一个新的 Walkway 实例就可以了。这种效果特别适合那些崇尚简约设计风格的网页。目前, Walkway.js 仅适用于路径和线条元素。 阅读全文
摘要:
如果你正在寻找 UI 工具包以扩大你的设计素材库,那么你找对地方了!在这篇文章中,你会发现许多 PSD 素材,包括各种风格,主题和设计选择的用户界面工具包。所有这些扁平化的UI工具包都可以免费下载,所以一定要感谢那些花时间来设计他们的设计师。 阅读全文
摘要:
使用 HTML5 和 CSS3,我们能够在浏览器中创建更有趣和更吸引眼球的效果。其中,视差错觉就是网站设计领域的的效果之一。视差滚动(Parallax Scrolling)通过在网页向下滚动的时候,控制背景的移动速度比前景的移动速度慢来创建一个令人惊叹的3D效果。 阅读全文
摘要:
对于我们大多数人来说,建立一个负责任的布局中最困难的方面是规划和导航的实现。由于没有真正经得起考验的通用解决方案,您可以使用的菜单设计风格将取决于正在建设的网站类型。无论你正在建设什么类型的网站,在这篇文章中我们将向推荐一批制作响应式导航的 jQuery 插件,为您提供方便快速的解决方案。 阅读全文
摘要:
通过 CSS3 的新特性,我们创作出好的交互和效果的可能性大大增加。这篇文章中,我想与大家分享一些 CSS3 动画按钮效果。我们的想法是创建一个具有不同风格的一些动画链接元素,鼠标悬停时有动画效果和活动状态。 阅读全文
摘要:
扁平设计的风暴席卷了整个设计领域,它不仅影响网页设计,也影响了用户界面和标志设计。最近,我们看到了很多大公司,如谷歌和必应开始使用扁平设计的标识。 一个 LOGO 应该简单,显眼和精美,以适应产品的整个品牌的风格。扁平设计对标志设计很多好的方面,因为他们摆脱了所有的渐变和阴影变得更加简单易记。为了帮助激发您的灵感,我精心挑选了25个创意的标志,你一定会喜欢。 阅读全文
摘要:
今天我们要与大家分享一个漂亮而灵活的垂直 jQuery 手风琴效果。其主要思想是扩大手风琴片上的点击和显示更多的信息。其他内容片段将变得不那么透明。当使用一个导航箭头导航下一个片段,新的片会从顶部或底部滑动。 阅读全文