爱意两存

很多设计师在交付设计稿给客户预览时，都喜欢把自己的作品放在一些手机模型或电脑模型上演示，这样可以让客户看到最终的效果输出，所以MOCK UP我们应该收藏一些，在今天的文章中，我们分享8个纯CSS编写的手机设备Mock Up模型，手机品牌有很多哦，如：iPhone5S/5C、诺基亚的Lumia 920、HTC、三星等等，下面一起看看介绍。

其实大家也可以用这个来学习CSS，看看人家是怎么写的，然后自己做个练习出来，并不是很难的哦！相关推荐：前往《30个苹果系列产品模型》的分享，里面都是PSD或AI格式的素材，也是不错的选择！

阅读全文

进度条是很常用的一个用户体验项，用于表示事件的处理或加载状态，制作这些loading进度条我们通常会使用GIF图片来实现，但是这方法也有一些弊端，比如我要放大或改变颜色，这样就不好处理了。

要解决这些问题最好就是用代码来实现了，现在CSS3已经流行起来，我们是否也尝试一下用CSS来实现呢？方法是有的，而且很简单，看看今天设计达人网为大家分享的12个使用纯CSS3编写的进度条，loading图标和动画都很棒哦！如下图：

阅读全文

loading加载动画图片在网页设计上也是比较常用的，当你使用一些AJAX脚本加载的时候，我们通常会使用一张loading gif图片来让用户知道正在加载中，这是很不错的用户体验，今天为大家分享一个loading加载动画在线生成工具可以大大节约了设计师的制作时间，真很方便哦。

支持7种不同的加载样式

阅读全文

今天我们将分享一系列 CSS 3的工具提示教程。工具提示经常用来显示额外的信息。当我们创建网站上的链接时，我们都需要添加title来帮助SEO。这些title将会能够在鼠标hover的时候能显示，但是没有非常漂亮的样式。

Bubble Point Tooltips with CSS3 & jQuery

这里Chris Coyier展示了如何使用 CSS 3和jQuery来重新创建气泡式的工具提示

CSS3 Tooltips

阅读全文

本地移动应用往往速度更快，更流畅并且拥有更好的用户体验，作为web开发设计人员来说，寻找新的方式和技术来实现类似的效果和UI是我们的重要的责任。

Ionic，是一个前端的框架，帮助你快速的使用HTML5，CSS3，Javascript创建本地效果的移动应用。

阅读全文