Sun

* 技术 - [Tether](https://github.com/HubSpot/tether) > * A positioning engine to make overlays, tooltips and dropdowns better > * a small, focused JavaScript library for **defining and managing the position of...

* 技术 - [开源移动端元素拖拽惯性弹动以及下拉加载两个JS](http://www.zhangxinxu.com/wordpress/2017/01/mobile-phone-drag-drop-inertia-loading/) > 开源两个起点[中文网M站](http://m.qidian.com/)两个动效交互JS，MIT协议，保留版权注释信息，即使压缩后 > * [任意元素屏幕拖移外带惯性边缘弹动效果](https://github.com/yued-fe/inertia) > > [](http://m.qidian.com/) > > * [分享一个即插即用的私藏缓动动画JS小算法](http://www.zhangxinxu.com/wordpress/2017/01/share-a-animation-algorithm-js/) > * [如何使用Tween.js各类原生动画运动缓动算法](http://www.zhangxinxu.com/wordpress/2016/12/how-use-tween-js-animation-easing/) > * [基于窗体的下拉释放加载刷新效果](https://github.com/yued-fe/drag-loading) > > [](http://www.zhangxinxu.com/GitHub/drag-loading/demo/example.html) - [基于active,checked等状态类名的web前端交互开发](http://www.zhangxinxu.com/wordpress/2016/10/classname-active-checked-web-ux-develop/) > .active等JS交互类名自身绝对…绝对不能有CSS样式: 再说一遍，自身无样式，就是一个状态标识符，用来和其他类名发生关系，然后让其他类名的样式发生变化。这种关系可以是父子，兄弟或者自身。...

今天, 我们学前班班集体的线下活动"班趴"正式启动了. 由我们班的活动部部长(以下简称部长)苗苗(@liangmiao930617)同学来组织大家参与丰富多彩的班趴活动, 工作学习娱乐都不耽误. 大家难得聚在一起, 有兴趣的同学们都积极地参与到活动中来吧. ## 班趴规范 活动采取自愿参与制, 活动费用采取 AA 制, 赞助商可以友情赞助 * 由部长来组织发起活动, 策划好活动详情, 大家可以踊跃地出谋划策, 提出意见建议 * 活动确定后由部长建立一个微信群, 方便大家沟通交流 * 确认好最终活动的时间/地点/参与人员 * 活动结束后需要对活动做出总结, 列出活动明细, 费用和参与人员 * 由部长在微信群里列出费用明细, 发起群收款...

* 技术 - [wdfe/wdui](https://github.com/wdfe/wdui) > Mobile UI Components Library based on Vue 2.0 at Weidian(微店) > > 遵循微店的设计规范，我们开发了一系列精美的移动UI组件，在满足不同功能操作体验的同时让界面更加规范、易用、美观。组件的设计兼具不同屏幕的适配，专为移动而生。 > > 包括控件设计的规范、产品设计过程中使用到的中英文字体、IconFont 字体文件等 > > * 移动端组件库 > * **基于 REM...

- 技术 - [weex 正式开源了](https://github.com/alibaba/weex) > 将所有 demo 跑了一遍, 觉得 HTML5 渲染引擎下比较卡(特别是 [list-demo.we](http://alibaba.github.io/weex/doc/demo/list.html)), 感觉好像施加了太多魔法有点罩不住... - [使用Flexible实现手淘H5页面的终端适配](https://github.com/amfe/article/issues/17) > 简述基于 Flexible 的适配方案 > * 在页面中使用 [flexible.js](https://github.com/amfe/lib-flexible/blob/master/src/flexible.js) > * 不要设置 `` > *...

* 技术 - [使用CSS3 backface-visibility属性制作翻转动画效果](http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201504151686.html) @hytyj881212 > 使用CSS3 `backface-visibility` 属性我们可以制作出许多有趣的动画效果。 > > 当你翻转一个元素的时候，你看到的是什么？通常情况下，我们应该看到的是元素的背面，这是正常的情况，但是有 时候我们希望翻转一个元素后看到的是另一个元素。通过 `backface-visibility:hidden;` 属性，我们可以使一个 元素在翻转之后消失，这时可以使用另一个元素放在它的背面，从而制作出一种元素翻转之后出现另一个元素的效果。 > > 即合理运用 `backface-visibility:hidden;` 和 `zindex` 来实现翻转动画效果 - [WebReflection/dom4](https://github.com/WebReflection/dom4) > Modern DOM functionalities...

* 技术 - [css3 星球椭圆运动轨迹](http://helloweb.wang/qianduankaifa/497.html) > 用css3如何实现椭圆运动, CSS3 曲线动画 > > 把星球同时做X轴和Y轴的位移运动。根据抛物线的原理，这个方案貌似可行。最后实践证明原理是这样，但有些地方 需要留意下，否则会变成菱形运动了 > >  > > * 一开始的想法就是，从原点o出发（分别给x、y轴方向一个位移），然后分别在a、b、c点设置动画帧，改变他们 的translate。但最终的实践证明，如果一开始同时改变x、y方向的位移，实际出来的轨迹是他们的对角线，而并非抛 物线 > * 做椭圆运动的球体还是在原点o位置，但一开始做y轴方向的位移，到达d坐标时，再加上x轴方向的位移。怎么做 到这点呢，只需要把x轴的方向的运动延迟四分之一的时间 > * **一个方向先运动起来，有了加速度，到四分之一时，另一个方向再从0加速，从而产生抛物轨迹** >...

* 技术 - [20 Impressive CSS3 Techniques, Libraries and Examples](http://tutorialzine.com/2014/07/20-impressive-css3-techniques-libraries-and-examples/) > * [Blur Menu](http://tympanus.net/Tutorials/BlurMenu/index.html) > * [CSS3D Clouds](http://www.clicktorelease.com/code/css3dclouds/) > * [Logos In Pure CSS](http://www.bchanx.com/logos-in-pure-css-demo) > * [Navigation Bar by Jan...

* 技术 - [element-ui-admin](https://github.com/appbone/element-ui-admin) >  > > 基于 [element-ui](https://github.com/ElemeFE/element) 的单页面后台管理项目模版, [项目演示](http://rawgit.com/appbone/element-ui-admin/master/dist/index.html) > > 技术栈 > * vue > * vue-resource > * vue-router > * element-ui > * 基于路由配置的导航菜单...

不知不觉中, 学前班成立已经有 1 个年头了, 我们的班集体也壮大了不少, 已经有 15 位来自各个公司的同学们入伙了. 有前端的, 也有后端的, 还有 App 端的同学们, 是对前端的兴趣让大家走到了一起, 希望学前班让大家能够走得更远. 就像[奇舞团](https://75team.com/about)一样, 将大家聚集在一起, 快乐分享, 共同成长. > 在这里，我们一起工作学习、一起沉淀、一起分享、一起为前端贡献影响。 开放是我们的特色，快乐是我们的使命。 2017-3-25 -------- * 技术 - [HTML5 accessibility](http://www.html5accessibility.com/) >...