又是周末了,想着开始我的每周一切(每周做一次从切图到静态网页布局的练习)任务吧,无意间看了看别人的页面,发现——我去,这个动画挺有意思的啊,怎么实现的?然后翻代码+搜索,啊,原来是插件啊~给我的也用上! animate.css,可实现多种动画功能! 使用方法见http://www.jq22.com/ ...
分类:
其他好文 时间:
2016-11-26 14:56:21
阅读次数:
123
在本地先处理好要上传的站点文件之后,可能会因为一些网页切图导致ftp上传不稳定,中断,或者文件占用的问题。 那么换了一种实现思路,要借助jenkins的工具jenkins-cli.jar。 解决思路: 1、本地处理好奥上传的站点文件,通过压缩软件进行打包,其中压包的命名有规律,比如日期+BuildI ...
分类:
Web程序 时间:
2016-11-21 19:46:55
阅读次数:
226
网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图。网页切图工具常用的有fireworks、PS,这里使用PS进行网页切图。 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background)。 一.使 ...
分类:
Web程序 时间:
2016-11-19 02:07:35
阅读次数:
244
吐槽: 随着现在越来越多人装B,特别是一些产品经理。 现在也在换新的笔记本电脑,苹果的笔记本又是装B利器(特别是retina的pro)。 最近就遇到一个同事的项目,还是像平常一样小心切图,认真对像素。 一切测试都没有问题,顺利上线。 但是,上线之后,产品经理跑过来说,有BUG。 BUG描述:(不认为 ...
分类:
Web程序 时间:
2016-11-14 20:00:33
阅读次数:
267
第一部分:界面设置 1.点击“文件-新建”(或者ctrl+n)打开一个新建对话框。名称可随意填写。“预设”设置为自定,“宽度”一般选择1920,“单位”选为像素。“高度”可选择为2000,“单位”选为像素。“分辨率”设置为72px;“颜色”设置为RGB颜色,8位。“背景内容”为透明。之后点击确定即可 ...
分类:
其他好文 时间:
2016-11-06 16:10:46
阅读次数:
151
百度地图离线开发,用在内网于局域网项目开发上,完全脱离互联网访问,可支持完整的全国瓦片图下载,使用目前最新的V2.0百度API,BS架构,CS架构,支持热力,聚合,海量标注,根据范围米数来圈范围,画图工具等完全支持.http://api.jjszd.com:8081/apituiguang/gisy ...
分类:
其他好文 时间:
2016-11-03 02:17:10
阅读次数:
364
前端是一个承上启下的职位,正因为其位置的特殊性导致其必须了解设计和后台的一些基本知识。本文并非教大家如何取代设计的工作,而是讲解前端如何更快更便捷的实现一些简单的设计任务,在没有设计师的情况下如何利用工具解决UI呈现的问题,让工作事半功倍。 Photoshop使用 大多数前端工程师都有过切图的经历, ...
分类:
其他好文 时间:
2016-10-29 18:28:11
阅读次数:
286
SVG图形引用、裁切、蒙版,使用三个标签: 1. <use>标签创建图形引用 2. <clipPath>标签裁切图形 3. <mask>标签创建蒙版 <use>标签 <use>标签使用URI引用一个<g>,<svg>或其他具有一个唯一的ID属性和重复的图形元素。复制的是原始的元素,因此 ...
分类:
其他好文 时间:
2016-10-28 03:27:59
阅读次数:
212
上面是渐变的兼容性写法 2. ie6 7 下div浮动之后marginbottom会失效 解决办法是用padding 3.倾斜 旋转不兼容 直接切图 ...
分类:
其他好文 时间:
2016-10-16 12:03:03
阅读次数:
119
O.REILLY@ O.REILLY@ key-> vertical-align: top; 我喜欢折角,我是断背山? 我真他妈折角了。我槽 我喜欢折角,我是断背山? 我真他妈折角了。我槽 key->background-image: linear(to bottom right, gray 0, ...
分类:
Web程序 时间:
2016-10-15 19:25:22
阅读次数:
195