轩枫阁

不得不说，sublime是个神器，不得不说它所支持的扩展和插件，下面在介绍的同时将会奉上生动的动画配图。

前言

在阅读此文章之前，建议先阅读这篇：sublime text 2 神器

插件介绍

Package Control

功能：安装包管理

简介：sublime插件控制台，提供添加、删除、禁用、查找插件等功能

使用：https://sublime.wbond.net/installation

安装方法：

1. CTRL+` ，出现控制台
2. 粘贴以下代码至控制台

查看全文

虚线的画法

在实际绘图中我们总会用到许多虚线，比如UI设计里的分割线，边框等，在这里和大家分享一下虚线的画法，软件为photoshop，工具为画笔和铅笔。有一些功能需要在photoshop cs6里面才能实现，请提前安装好软件随时验证。

小Tip：本文为图片版教程，请点击图片查看大图，再点击左下角download查看原图 查看全文

选择色彩是有一些技巧的，一部分是怎样提取合适的色彩，一部分是怎样应用提取到的色彩。

一、怎样提取合适的色彩

主要用到PS中的一个功能：存储为WEB所用格式

快捷键：Ctrl+Shift+Alt+S

如图（点击图片查看大图）：

这里分成2个步骤

1. 找图

关键步骤，确定自己想要的风格，找大量的符合风格要求的图片，进行筛选和对比，选出符合自己要求的几张图片开始色彩的提取。 查看全文

了解之后，你会发现WP中使用ajax是如此的简单，今天心情好，多写点文章~

简介

前端开发中，ajax是必不可少的，可以带来用户体验的提升。但是如果是使用WP，便觉得不知道如何下手了。比如要返回一些固定的数据（一般不更改），或者返回一些文章内容、标签、文章列表等等。下面做个简单的教程：

示例

一、侧边栏中ajax获取并刷新标签

1. 加载jquery：http://code.jquery.com/jquery-1.10.2.min.js

2. 编写请求并处理数据的函数 查看全文

是不是也曾经为编写CSS而苦恼，重复性的编写、存在兼容性等问题，接下来就分享下我是如何使用LESS快乐编写CSS的，让你事半功倍~

前言

在此之前你可能听说过或使用过LESS, Sass 和其他 CSS 预处理器，它们是一种超棒的方法用来扩展 CSS 功能，使之更适合程序员。你可以使用变量、函数、混合、继承等多种编程常用方法来编写 CSS，以更少的代码完成更多的样式。

关于LESS

如果你还没接触过 LESS，可以先行阅读以下教程：

LESS CSS中文官网：http://www.lesscss.net/article/home.html

或者对于选择使用LESS或者SASS有疑问：

Less介绍及其与Sass的差异：http://www.w3cplus.com/css/an-introduction-to-less-and-comparison-to-sass.html

组件分享

组件简介

基础组件包括：layout.less、reset.less（源码附后），接下来可在其他的less文件中引入这些文件：@import “include/reset.less”;即可，分成更多的模块文件，使结构更清晰。

编写技巧

layout.less：包含reset.css，及部分常用的兼容性代码，包括圆角、省略号、文本隐藏、阴影、渐变、折行等，一一介绍. 查看全文