工具
文章平均质量分 62
erdouzhang
这个作者很懒,什么都没留下…
展开
-
新手如何将less文件转换成css文件
less是预处理css,使我们写css更方便快速,它类似于css和js的结合体,有js的特征但写出来是css。less的学习成本几乎为0 ,只要你会写css就会写less。下面是如何将less文件转换成css文件:Less官网:http://lesscss.org/Less中文网:(结合以下两个网站看)http://lesscss.cn/(推荐看这个网站,但翻译不完整)http://less.原创 2017-02-06 23:07:04 · 19486 阅读 · 2 评论 -
CssSprite制作雪碧图
CssSprite.exe工具下载如何使用用ps或者dw把需要的图片切下来,放到文件夹中打开CssSprite.exe(直接打开,不用安装)点击左上角“选择多幅图片”找到图片所在文件夹,并按住Ctrl选中多个图片。(图片默认纵向排列,点击“小图横排”按钮可以调整为横向排列) 在工具中拖拽图片可以任意调整图片的位置; 工具上的“加号”图标是添加图片;“减号”图标是删除选中的图片;调整好图原创 2017-04-24 18:31:53 · 1247 阅读 · 0 评论 -
经常用到的网站
手册菜鸟教程W3School前端手册Bootstrap中文网jQuery在线手册npm官网Bower官网node中文社区reactNative中文网插件animate动画Bootstrap主题layUIjQuery插件库jQuery之家懒人之家工具Bootstrap按钮制作开关按钮制作奥森字体图标在线工具在线工具-开源中国在线字体-有字库百度静态资源公原创 2017-03-28 17:09:52 · 428 阅读 · 0 评论 -
sass安装
1.下载Ruby本地下载 Ruby官网下载2.安装第一步.双击rubyinstaller-2.3.3-x64.exe文件 建议安装在C盘。安装完成后在打开命令行gemRuby安装成功!第二步.安装sass或者直接安装compassWin + R 打开命令行gem install compass检测是否安装成功sass -v安装成功!如果碰到网络原因无法安装时可以使用淘宝 RubyGems 镜像安原创 2017-02-28 15:27:08 · 772 阅读 · 0 评论 -
photoshop设置及切图
1.设置画布新建画布:Ctrl + N 注意:一定要设置成 像素。2.设置工具移动工具(V)设置步骤:①视图 → 显示 → 勾上 智能参考线(这个在切图中有很大帮助)。 ②打开标尺(Ctrl + R) ③窗口 → 颜色关闭、调整关闭、属性关闭、字符打开、段落关闭 ④界面右侧 → 通道右击关闭、路径右击关闭 ⑤历史记录拖到和图层并排 最终如下:⑥更改信息设置:⑦更改首选项设置:⑧保存设置:原创 2017-02-28 15:07:42 · 451 阅读 · 0 评论 -
windows下Atom安装与使用
初次接触这个编辑器,发现比sublime好用。折腾一上午,由于各种不懂尤其是安装插件浪费好长时间,其实很简单。废话不多说,直接开始。(希望能够对你有帮助)1.下载Atom官网下载之后双击文件AtomSetup-x64.exe运行有点慢,稍微等一会。之后显示这个界面2. 配置环境变量安装Atom过程太轻松了什么都不需要,是不是有点慌,安装在哪里呢? 由于我们安装插件需要用到apm这里命令,这里需要将原创 2017-02-22 08:36:28 · 20769 阅读 · 2 评论 -
字体图标--Font Awesome
Font Awesome官网:http://www.thinkcmf.com/fontstep1.页面引入文件<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">step2.根据需要引入图标在官网中分类去找需要的图标 step3.具体如何使用官网中Font Awesome例子查看具体使用情况。 跟使用B原创 2017-02-15 10:59:03 · 762 阅读 · 0 评论 -
Chrome常用插件
闲杂时间学习必备Save to Pocket 当你浏览到好的网站、文章、博客等可直接保存到 Pocket,这时你手机上的Pocket客户端可直接同步访问,上下班路上、排队、上厕所等闲杂琐碎时间可以直接用来学习消化保存的文章。总之方便随时随地学习。web前端开发工具web开发利器: FeHelperAPI调试利器: Postman右下角显示访问网站IP地址: The IP新浪原创 2017-02-04 10:50:18 · 594 阅读 · 0 评论 -
sass文件编译成css文件
创建一个compass工程1.建一个sassApp文件夹(名字都无所谓)并在文件夹内Shift + 鼠标右键打开命令行。compass create hello 创建一个hello文件夹,可以省略hello2.创建成功后有三个文件:sass用于存放自己写的sass文件。stylesheets:用于存放编译后的css文件。config.rb:配置文件。 3.删除sass和stylesheets原创 2017-02-28 17:08:11 · 3323 阅读 · 0 评论 -
gulp使用
Gulp就是一种可以自动化完成我们开发过程中大量的重复工作,是自动化项目构建工具 预处理语言的编译js css html 压缩混淆图片体积优化除gulp之外还有一些类似的自动化工具,比如grunt gulp中文网:http://www.gulpjs.com.cn/ gulp插件网:http://gulpjs.com/plugins/ 安装创建项目文件夹在项目文件夹中创建原创 2017-02-20 15:16:50 · 224 阅读 · 0 评论 -
如何录制Gif动态图片
详细介绍如何录制Gif动态?第一步下载点我下载LICEcap,并解压到当前文件夹。第二步解压、使用1、解压后会出现这个图标 2、双击图标运行。 3、桌面会出现一个框如下:4、在左下角调整录制的窗口大小(或者直接拖拽边框右下角),点击右下角的录制。5、点击录制后出现保存位置、输入文件名称并保存:6、点击保存之后就开始录制Gif动图:7、录制的Gif动图8、其他 如果对视频格式没有要求的话,还是原创 2017-07-01 15:55:39 · 3723 阅读 · 1 评论