阿里图标库iconfont的一个协作功能Bug
作者:admin 日期:2015-07-09据我了解，长沙很多前端团队还没有使用图标字体（font-face）。
HTML中实现逐帧动画的思路-用tweenMax
作者:admin 日期:2015-06-19逐帧动画在FLASH中是很好实现的。但在HTML世界中，并没有一个很正统的方法。前两天看scrollmagic的示例文件，意外发现他用tweenMax实现的一个逐帧动画，把代码提炼出来做了以下这个DEMO：
http://contactu.cn/2015/test_frame/
知道了这个思路，那么就可以用其它的方法，比如setinterval等函数来实现了。
用timelineMax之类的强大工具，更可以实现各种播放控制，比如正反放、快进等。还可以用来做那种“拖动控制轴来转动物体”等控制动画。
---总之，只要能实现“时间线与图像”的结合，接下来如何控制时间线，就是tween类框架的强项了。
谢谢谢佳浩同学用css的方式实现了这个效果，使逐帧的方式更加丰富，主要代码如下。
点评：js优势是可以自由控制时间线，比如各种播放控制、事件响应等。css方式优点是渲染快，简便，css定义方便。
- .box{ width: 286px; height:222px; margin: 100px auto 0 ; animation: demo 1s infinite;}
- @keyframes demo{
- 0%{ background: url(img/1.png) center center no-repeat;}
- 20%{ background: url(img/2.png) center center no-repeat;}
- 40%{ background: url(img/3.png) center center no-repeat;}
- 60%{ background: url(img/4.png) center center no-repeat;}
- 80%{ background: url(img/5.png) center center no-repeat;}
- 100%{ background: url(img/6.png) center center no-repeat;}
- }
PC端快速搭建服务器环境，在手机上测试电脑里的页面
作者:admin 日期:2015-06-01原来要在手机上测试刚做好的页面，都是丢到服务器上去，然后用网址访问。改一次就要传一次，效率低下。
今天跟牛人学了一小手，直接把本地电脑定义为服务器，使用node.js。总之结果就是，操作很傻瓜（几分钟搞定），要访问的网页想定在哪个目录都可以。具体操作方法见下文：http://www.cnblogs.com/wangfupeng1988/p/4143996.html
Node.js下载地址：https://nodejs.org/#download
-------------------------------------------
然后手机接入局域网wifi，用浏览器，用IP地址访问电脑IP地址即可，比如：http://172.16.6.218:8081/demo.html
微信游戏300多套集合包-有偿分享
作者:admin 日期:2015-05-17简单css3-transform鼠标效果
作者:admin 日期:2015-04-18测试页地址：http://contactu.cn/2015/flower/trf.html
效果比较简单，一般基础都能写出。主要是考虑此类效果比较常用，我自己做了一下思路整理，以便于工作中快速调用。
首先是把transition提炼成一个单独的class，这样调用时只要这样写就行了：
- .trans {transition: all 0.5s ease-in-out;}
- .trans03{transition: all 0.3s ease-in-out;}
- .trans08{transition: all 0.8s ease-in-out;}
- //调用时这样写
- <div class="tit trans">变化稍慢<br />Y轴转动</div>
接下是熟悉transform的emmet速写，不熟悉emmet的朋友请自行百度
- trf transform:;
- trf:r transform: rotate(angle);
- trf:rx transform: rotateX(angle);
- trf:ry transform: rotateY(angle);
- trf:rz transform: rotateZ(angle);
- trf:sc transform: scale(x, y);
- trf:sc3 transform: scale3d(x, y, z);
- trf:scx transform: scaleX(x);
关于印象笔记--win+pringscreen快捷键选框功能失效的原因
作者:admin 日期:2015-04-17bootstrap定制-这样比较符合中国式的开发要求
作者:admin 日期:2015-04-15基于bs版本： v3.3.4我做了一下定制，主要选择项如下：
定制后，主文件bootstrap.css由139K减少到102K
最后我决定所有的JS文件都不要了，连那仅有的三个勾都没选。
六边形-蜂巢形-花瓣形导航菜单
作者:admin 日期:2015-04-14手机微场景制作的完整案例-swiper+TimelineMax
作者:admin 日期:2015-02-06展示我制作的一个微场景动画演示--设计是一个朋友做的，我完成前端代码。
展示地址在此：http://www.contactu.cn/2015/ffjr/iframe.html
在性能较差的安卓手机中，注意几点........
在知乎上看到一则回答，符合我现在的人生追求，摘抄以自勉
作者:admin 日期:2015-02-02在知乎上看到一则回答，符合我现在的人生追求，摘抄以自勉。
-
杨毅，第一职场网“教练式”职业规划首席顾问
权且抛砖引玉。说一说我的经历吧。 - 我大学的时候对于咨询非常感兴趣，但专业又是冷门，为了进咨询公司，我大学三年的时间都泡在图书馆，把书架上关于咨询的所有相关书籍都翻了一个遍，做了足够的知识储备。找工作的时候，眼看着同学们一个接一个找到工作，而自己的期望中的工作又遥遥无期，所以很失落，但一直在固执在坚持，相信天生我材必有用，总能遇到赏识自己的那个HR，不然三年的图书馆就白泡了。果然，苍天不负有心人。在我就要绝望的时候，来了一家咨询公司招聘，听宣讲，感觉这家公司简直就是来招我的。那种感觉太棒了！最终，四轮面试，笑到了最后。虽然那个时候工资很低，但别提多高兴了，因为心里一直向往“穿西装，打领带，手提电脑穿梭于各大CEO办公室”的咨询工作。
- 毕业的第一年，感觉一切充满激情。第二年，激情慢慢消退。第三年开始，各种不耐烦开始占领情绪。公司不断加薪，提为合伙人，也依然不能重燃自己的激情。虽然业务能力不断提升，提交的方案也得到客户认可，但总感觉少了点儿什么。有一次和领导说，为什么我提案之后没有成就感呢？是的，我缺少的就是成就感。另外，总得为了适应这份工作，而不得不违背自己的价值观。就如题主所说，上班很累，勾心斗角、逢场作戏，感觉这不是自己想要的生活。
- 后来辞职创业，创办第一职场网，从事职业规划咨询。经过这么多年的折腾，我逐步明确了自己理想的生活是什么：按自己的想法做事，以独立客观的第三方标准，为他人提供服务；不为钱而活，不喜欢的客户（或自己不认同的客户）可以不接；有自己独立的时间，去思考自己喜欢的问题，以帮助更多的人。
- 现在的工作，几乎每天加班，包括周六。曾经有一段时间，早上起来第一件事是开电脑，晚上睡觉之前的最后一件事是关电脑。不过现在学会了忙里偷闲，会抽时间放松下自己。
- 我曾经在2014年底写过这样一篇文章；《在这个物欲横流的年代，还有多少信仰可以坚持？ 》，里面有这样一段话：我们只是想以自己的方式活着，按照自己信仰的价值观，做自己想做的事，不掩饰、不虚伪、不强求、不讨好、不谄媚、不看别人脸色。仅此而已。
- 我想，这段话就是我内心里一直在追求的价值观，而且，我也在按照这个价值观在做事。虽然每天加班，都工作到晚上11点，但依然感觉不到累。每天晚上关上电脑时，会想着如何开展第二天的工作，并希望第二天早早到来，渴望早点儿投入到工作当中。前几天还在微信上看到一篇文章，说那些每天只睡四个半小时的人是如何保持持续的激情的。虽然我做不到只睡四个半小时，但我完全理解要达到这样一种状态，需要怎样的条件。那就是：你做的事是你发自内心追求的，能够带给你成就感的，并且符合你自己的价值观。
生肖抽奖动画示例-TimelineMax/staggerTo
作者:admin 日期:2015-01-30上周培训长沙某公司前端人员的准备资料--分享一下
作者:admin 日期:2015-01-20主体结构方面
- 重点： 请大家从目前这一稿设计图中，找出觉得有困难的局部，届时我来进行实操式讲解--顺便用此方式，了解正确的代码风格及用法。
- 重点： 由大结构到小结构，CSS如何规划、命名
- 重点：团队中唯一的前端人员，是我重点关注对象--请提供几页作品，我了解一下他的习惯与缺点
- 请美工现场演示一下切图操作，我了解一下他的习惯与缺点
- 选2-3人编码人员，现场演示下自己的html+css代码书写方式，大家一起讨论。--如无更高效方式，请所有涉及编码人员学习emmet用法，以提高代码书写效率。
- 由设计稿可见，小图标比较多，请前端人员实验http://www.thinkcmf.com/font，用此方法搞定所有小图标，把各种按钮样式，包括长的、圆的，不同颜色和尺寸的--尤其是对IE7、8的兼容性测试。---已做：http://www.contactu.cn/article.asp?id=167 测试FontAwesome对于IE8的兼容性
- 所有装饰性细节，只要对排版影响不大的，一概使用CSS3方式，比如圆角、圆形、阴影、hover、首字伪元素等
- 重点： 把设计稿内所有用到superslide的地方，进行统一讲解。http://www.superslide2.com
- 瀑布流用法--这个有现成的文档和例子，可自行使用：https://github.com/duitang/waterfall
- 请各人说一下自己是如何写工作日志--推荐用印象笔记等在线工具，直接从中导出问题转发送邮件--解决问题后，将解决方法记录，甚至写文章
- 如何描述问题--尽量将作品上传到服务器，给出URL，便于团队通过浏览器分析
