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