最近在项目里，页面架构师完成切图后把文件交给我加上交互脚本等。在开发完相关的脚本后，点击图标时并未发生相关改变达到预计效果。试想了很多原因，其中改变脚本的写法并不能达到效果，但是改变CSS能改变，难点是只用CSS并不可能达到需要的交互效果。最后想了一会儿，觉得既然在脚本上出现了问题，那就是脚本没有运...
分类：
编程语言 时间：
2015-01-30 15:22:24
阅读次数：
224
先上一张整洁的前端优化总结图(之前的一篇总结图太烂了) 以前切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按byte计算。客户每显示一张图片都会向服务器发送请求。 所以，图片越多请求次数越多，造成延迟的可能性也就越大。所以在这里我们要做的就是把...
分类：
Web程序 时间：
2015-01-30 10:42:56
阅读次数：
202
在网页设计的过程中，效果图一般总是通过Photoshop做出来，多则几十过百的图层以及各种PS效果的确是把网页的样式效果做出来了，并且也容易分块切图或者直接在其中取到某些图片素材。但在当前响应式网站的设计并且内容都使用流式布局的时候，要对每种情况都对应着去做一张PS效果图，工程量巨大，并且显得不太现...
分类：
Web程序 时间：
2015-01-29 19:07:30
阅读次数：
203
前言一.开发工具 - 前端四大利器1. WebStorm1). 岂今为止，业界公认的前端开发利器。优点：2). 缺点3). 相关资源4). 后续展望2. Photoshop1).基本信息：2). 提高切图效率思路之扩展：3). 切图的几个办法：3. Firefox4. Chrome二.文件目录三.H...
分类：
Web程序 时间：
2015-01-29 14:06:38
阅读次数：
316
/** * 剪切图片为正方形 * * @param image 原始图片比如size大小为(400x200)pixels * @param newSize 正方形的size比如400pixels * * @return ...
分类：
其他好文 时间：
2015-01-28 22:31:37
阅读次数：
279
最近突然让我切图，很多东西都忘了，得记下来1这种可以用a标签的A:hover来实现.head .headbox .banner li a{ width:auto; height:30px; color:#0856c1; display:block; }.head .headbox .banner l...
分类：
其他好文 时间：
2015-01-27 19:55:28
阅读次数：
154
相信很多Android程序猿已经对身边的设计妹垂涎三尺了，那么如何博得设计妹的好感呢，学好这篇文章就可以了。
程序猿与UI设计妹讨论设计稿和切图的时候，经常会因为dp和px的问题搞的不愉快，这里可以分析出两个原因：
1，程序猿原因，不懂dp和px的换算关系。包括我，以及我见到的大多数开发，更多的时候其实不是很关心dp和px是如何来的，以及如何转换的，只知道掌握一般情况用dp，字体大小用sp...
分类：
移动开发 时间：
2015-01-26 00:08:53
阅读次数：
210
移动APP切图是UI设计必须学会的一项技能，切图虽然简单，但还是有很多地方需要注意的，下面由tgideas的 LV主唱大人 跟大家讲讲原生App切图的那些事儿，对UI入门或需了解APP切图的设计师来说会有帮助哦。如何切图？了解iphone界面的尺寸最小的分辨率是320×480，我们把这个尺寸定为基准...
分类：
移动开发 时间：
2015-01-23 00:42:32
阅读次数：
285
我们经常要用到圆角矩形，这也是现在的流行的样式..但是今天在工作中，遇到要写圆角矩形有边框但无背景色的button，本来想让妹子帮忙切图的，但是不想麻烦妹子，自己撑着，说可以做，结果弄了老半天菜搞定的，现在给大家看看，以后避免这麻烦...（）
<shape xmlns:android="http://schemas.android.com/apk/res/android"
androi...
分类：
移动开发 时间：
2015-01-15 22:06:02
阅读次数：
133
切图：1.如果只是切一套图的话，那么就是切800*480，除了在应用的导航页面会出现拉伸效果外，其他地方不会有很明显的拉伸和缩放效果，所以这个时候需要单独切导航页的图片。2.如果是切两套图的话，一套800*480，另一套1280*720。当drawable目录下没有与手机分辨率想对应的图片的时候会自...
分类：
其他好文 时间：
2015-01-14 06:19:17
阅读次数：
129
