qq_40308150的博客

原创 PS插件cutterman从安装到使用

安装下载cutterman网址：http://www.cutterman.cn/zh下载完毕直接点击安装，安装完毕后在PS（需要2014 cc以上）的窗口--扩展功能--cutterman-切图神器注册直接在PS弹出的界面注册，然后激活即可。激活后：使用1、选择需要切图的图层 问题，如果选择了组，则切图输出的是整张图片 问题，如果...

原创 icon参考

1、阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。https://www.iconfont.cn...

原创 配色参考

配色参考网站：1、渐变色https://webkul.github.io/coolhue/2、配色方案及案例http://colrd.com3、中国色http://zhongguose.com

原创 EXCEL 单元格内换行内容改成两行单元格内容

EXCEL 单元格内换行内容改成两行单元格内容需求： 绿色框框内C1 的内容 更换为C2和C3的两行单元格C2 行内容=LEFT(C1,FIND(CHAR(10),C1)-1)C3 行内容=MID(C1,FIND(CHAR(10),C1)+1,99)...

原创 Word 使用心得

1、每页增加表格一样的标题------选择或者光标放置在标题行，出现【表格工具】----【 标题行重复】2、当表格有2页，在每页增加一样的标题后，需要再增加这个文档的标题------光标放置在第2页的起始位置，【插入】---【分栏符】 即可增加标题 此用法也可把一个表格，从中间某个地方断开，分成2个表格...

原创 CSS3媒体查询实操（min-width和max-width）

说明：bootstrap需求：1.在最大的div里面有div1 /div2 /div3。   其中，div1和div2是一样的内容块，里面有图片和文字信息。 div3是侧栏，内容和高度不变。如下图。2.当web窗口变小时，div1和div2里面的内容会自适应把内容往下排列，如下图。3.需要的最终效果是   代码如下：如：对文字大小.stati...

转载 揭开CSS3媒体查询迷雾（min-width和max-width）

揭开CSS3媒体查询迷雾（min-width和max-width）2016年11月15日 15:11:25 BugMyGod 阅读数：4206揭开CSS3媒体查询迷雾（min-width和max-width）http://www.cnblogs.com/lozio/p/4677738.html本文参考MichelleKlann的Media Queries Demystified: Mi...

原创 动画

https://icons8.com/preloaders/

原创 在日期后+按钮

<div class="col-md-12 "> <div class="row form-group "><div class="col-md-2"><label class="form-text text-right">发生日期</label></div>&

原创 css 实现输入框后加单位

div class="row form-group"> div class="col-md-2"> label class="form-text text-right">当前应收款label> div> div class="col-md-4 form-inline"> div class="input-group"> input type="number

转载 node-sass 安装卡在node scripts/install.js

命令行SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/https://segmentfault.com/a/1190000005921721

原创 cutterman 从安装到使用

安装下载cutterman网址：http://www.cutterman.cn/zh下载完毕直接点击安装，安装完毕后在PS（需要2014  cc以上）的窗口--扩展功能--cutterman-切图神器 注册直接在PS弹出的界面注册，然后激活即可。激活后：使用1、选择需要切图的图层     问题，如果选择了组，则切图输出的是整张图片     问

转载 bootstrap---display:table-cell

div class="box "> a href="#prettyGirl" style="float: left;margin-right: 10px;" class="l mr10"> img border="0" src="http://image.zhangxinxu.com/image/study/s/s128/mm2.jpg" /> a> div class="co

转载 如何让您的网站符合W3C标准

什么是W3C标准     作为网站技术开发人员而言，往往是站在自己的开发角度来实施网站布署(读取数据及开发的方便性等等)，而不是站在网站访问者与搜索引擎角度。因此大部分的网站在浏览方面不够直观或是方便，特别是现在w3c的规范，更是在大部分的网站开发人员脑里一片空白。何况百度 、google、msn、yahoo等专业搜索引擎更有自己的搜索规则及判断网页等级技术，所以网站要优化，优化的目的只有一个

原创 AXURE 如何制作二级导航

原创 资源

发现一个有很多软件资源可以下载的网页http://www.sdifen.com

原创 实现尖角变圆角

今天看PPT，发现好多PPT都引用了以下图案做类似于分类啊，说明啊等的设计，今天来怎么快速画一个自己所需的吧完成步骤方法一（PS）1.画大圆，利用布尔运算，得到环形2.选中环形，使用矩形工具，按下alt/option，在环形上画小矩形（把环形减去矩形），复制矩形调整角度，可达3. 在每个尖角的地方，利用Alt ／Option画个矩形减去尖角，再利用Shift

原创 word/excel 里的表格如何到PS里使用

前提印刷折页，分辨率必须为300，模式选择CMYK。场景有时候做折页排版，比如有大量的表格，在PS里排版表格是很痛苦的事情，如何快速地实现呢。经过昨晚的加班不断的尝试，今天各方领导的建议，终于搞定啦。实现1，把word/excel 表格导出成PDF文件2，把PDF文件用AI／CDR等打开PDF文件3，一页一页的保存，重点是如果是印刷品，导出时必须选择30

转载 Node.js 入门前传

Node.js入门前传1.什么是NodeJS简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎（Google的Chrome浏览器使用的JavaScript执行环境），

原创 日常学习的记录

1.table里td强制不换行 table td{word-break: keep-all; white-space: nowrap;}2.数字信息加逗号   {.......|number:'1.0-2'}}3.利用边框的背景图片设置背景，可自适应屏幕  border-image  学习博客可参考  http://www.w3cplus.com

原创 矩形的四角发光

最近在做一个运维的项目，设计的一个界面，为了体现科技感，四周加了个发光的直角。设计稿DEMO：用代码如何实现呢？我是这样写的，各位看官有更好的建议非常欢迎提出，疯姑娘也是在摸索着前进中～～div style="width:820px;height: 250px;margin-right: 10px;float: left;position: relative;">

转载 移动端界面设计之尺寸篇（更新）

UI新手都头疼尺寸问题，其实并不复杂，关键是设计本身比较难把握。虎哥总结一个精简版的设计流程方法。以PS工具设计IOS界面。画布尺寸：新建750×1334  分辨率72，像素/英寸。 常见的字体大小：24px、26px、28px、30px、32px、34px，36px等等。记住是偶数的。最小字号20px。 字体：中文用苹方黑，

原创 学习笔记--AI的3D效果

今天的重点是3D效果的实现以及颜色1.新建画板后，来个圆角矩形吧2.选中矩形，菜单栏的效果 --  3D  --   凹出与斜角得到：3. 重点来了，如何把厚度加上颜色呢，直接在矩形的描边是只能加纯色，加不了渐变色的。    菜单栏   对象 --   扩展外观  ，然后  对象 --  取消编组  ，  然后把厚度所有面联集   ，这样厚度就可

原创 APP设计之设计尺寸／切图 学习笔记

前奏   产品经理把产品原型需求给到我们后，我们设计师需要根据原型需求进行视觉稿的设计输出。在iOS和Android的设计尺寸与切图应该如何设计尺寸现在iOS常用的设计尺寸1）640*960     iPhone4时代的尺寸，1）640*960 iPhone 4时代的尺寸，刚接触APP设计用的是这个尺寸，拟物盛行的时代（现在用的比较少）；2）640*

原创 Photoshop之快速蒙版Q

Photoshop之快速蒙版 步骤1、选中所需要的图层2、快捷键Q进入快速蒙版3、用笔刷擦除不需要的地方4、再按下快捷键Q退出，即可会看到被选择的区域。 技巧进入快速蒙版-用笔刷擦除需要的地方-退出-反选（Ctrl+Shift+I）问题1、当Q退出后，发现被选中的区域是整个画布时，可能是羽化太大或透明度太低，建立不了选取。

原创 Bootstrap 学习笔记(二）

前言Bootstrap是2011年在GitHub上发布的开源产品，是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。Html5文档类型Bootstrap使用到某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。html>html lang="zh-CN">...ht

原创 Bootstrap 学习笔记(一）

基于angular框架div class="row"> table> thead> tr> th>数值th> tr> thead> tbody> tr> td>{{item.csum|number:'1.0-2'}}td> tr> tbody> table>di