新1482638998000

每天进行 UI 开发，不记录点什么，怎么对得起设计师。

“响应式（Responsive）”这个词我想大家没有听过一千遍，也有一百遍了。响应式是指实现不同屏幕分辨率的终端上浏览网页的不同展示方式。网上介绍响应式的文章也有很多了，比如：《自适应页面设计》。在这篇文章中，我们不讲页面布局的响应式，我们主要来看看“响应式图片”。 这篇文章主…

首先我们得知道元素怎么才可以被拖放，需要设置它们的draggable属性，其中img和a标签的dragable属性默认是true，不需要我们手动设置。 drop: 源对象拖放到目标区域。 对于这几个事件，我们要结合需求利用preventDefault()取消它的默认行为。 cl…

有时候我们需要处理图片，比如改变大小，旋转，截取等等，所以今天说一说图片处理相关的一些操作。

现在的绝大数 app 都有 banner 界面，实现循环播放多个广告图片和手动滑动循环等功能。因为 ViewPager 并不支持循环翻页， 所以要实现循环还得需要自己去动手，我就把项目中的控件剔了出来，希望大家觉得有用。目前框架可以进行不同样式、不同动画设置， 以及完善的 api 方法能满足大部分的需求了。支持无限循环和多种主题，可以灵活设置轮播样式、动画、轮播和切换时间、位置、图片加载框架等！

上篇文章讲了如何上传文件。本文讲细分讲述图片上传、预览等。

在做无人便利小程序的项目中，某一天产品说要像某产商产品学习，给添加购物车增加抛物线小球动画。好吧，产品你最大，做！ 工具有了，我们再看一下什么是抛物线。 所以我们需要把这个抛物线动画分解成 两个 同时 进行但 不同动画效果 的动画。 据我所知，用 transform: tran…

开工大吉，在开工第二天，送上每周一个动画系列的第三篇，新的一年先给自己一个大大的赞。闲话不说，开始我们的正文。 本文分析实现的某些效果，仅仅作为一个思路分享，仅仅作为学习素材使用。 可以看到鼠标在点击红心的时候，有些粒子效果，同时红心填充为红色，效果的确很赞。 我们应该记得在《…

本文将枚举一些前端界内比较熟知的前端技术大牛，分为个人简介、技术博客、擅长领域几个方向，希望能对初步进入前端的人一些指引和学习的方向。以下排名不分先后，个人推荐需要了解的大牛有朴灵，尤雨溪，大漠，张鑫旭，阮一峰，wintercn等。 玉伯（王保平），淘宝前端类库 KISSY、前…