摘要: 昨晚头儿让我研究一下viewport units:vw,vh,vmin vmax 用于移动端的利弊。我才知道还有这种单位的存在... 现在总结一下: 第一点:vw是相对是屏幕宽度的,比如50vw=屏幕宽度的50%,跟百分比有点像 第二点:vh是相对屏幕高度的,比如50vh=屏幕高度的50%; 第三点 阅读全文
posted @ 2016-05-26 19:05 sasaqx 阅读(367) 评论(0) 推荐(0) 编辑
摘要: 遇到一些比较复杂的动画可以用插件帮忙,我一般选择animate.css,有时间和机会的话试下jquery.transit.js:jquery.transit.js:http://code.ciaoca.com/jquery/transit/demo/animate.csshttp://alloyte... 阅读全文
posted @ 2015-10-27 16:18 sasaqx 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 链接 http://sta.ganjistatic1.com/ng/app/im/page/mid_autumn/index.html这个动画实际花了我3天时间,半天浏览所有页面,阅读动画说明,想清楚布局结构。1天时间,切图,布局1.5天时间,写动画,修改动画速度这是我花比较多精力完成的一个东西,同... 阅读全文
posted @ 2015-10-27 14:23 sasaqx 阅读(116) 评论(0) 推荐(0) 编辑
摘要: http://ued.ctrip.com/blog/svg-icons-in-mobile-applications.html在移动设备 retina 屏幕 经常会遇到图标不清晰的问题。为了解决这个问题,我们有以下几种方法切一张 2倍甚至3倍大小的图,然后用css 进行缩放,这样虽然解决了图标不清晰... 阅读全文
posted @ 2015-10-27 14:13 sasaqx 阅读(694) 评论(0) 推荐(0) 编辑
摘要: 看到这篇文章,先转过来了 出自:http://ued.ctrip.com/blog/javascript-code-performance-optimization-summary.html以下代码基本上在jQuery的源码里面都可以看到,如有说得不对的地方,请大家指出。尽量使用源生方法javaSc... 阅读全文
posted @ 2015-10-27 14:09 sasaqx 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 我们经常遇到这类情况的设计,如图:title 置顶,点击title(fixed固定) 跳到对应的锚点。 锚点默认跳到title被盖住,加各种padding-top margin-top 都没用,今天看到一个解决办法, 在“本周保养” 的title 添加 border-top:45px solid;m 阅读全文
posted @ 2015-10-26 17:19 sasaqx 阅读(549) 评论(0) 推荐(0) 编辑
摘要: 发现ps能安装插件 CSS3PS自动生成css3代码,但只限于fx添加的,才会生成。由于我用的是绿色版的ps,安装的时候http://www.ps-xxw.cn/shiyongjiqiao/9057.html 参考这篇文章1.找到自己ps的安装文件位置,不记得的话可以直接右键单击PS图标然后点击... 阅读全文
posted @ 2015-09-29 17:04 sasaqx 阅读(396) 评论(0) 推荐(0) 编辑
摘要: 上一年(2014)一直在捣鼓psd格式的图标怎么转变成svg格式的,今天终于知道了,泪流满面.... step1:接收设计师的PSD,找到icon,选中icon,然后打开查看路径,这个路径很重要,(如果是实际的智能对象导出的svg就是image了) step2:ctrl+c 复制路径,拷贝到... 阅读全文
posted @ 2015-05-12 16:45 sasaqx 阅读(941) 评论(2) 推荐(0) 编辑
摘要: css3一些属性 1.clip属性:前景图片也可以用spirt啦; 2.calc : wap页面经常会遇到百分比 和 px 的计算,刚开始的解决方案是多套一层标签,现在有calc函数计算真是挺方便的, 但是!! pc的chrome是好好的没错,在手机上居然失效了,心情一下子down了啊,持续关注中~ 阅读全文
posted @ 2015-05-08 15:51 sasaqx 阅读(310) 评论(0) 推荐(0) 编辑