自己编写sublime text 2的snippet扩展包

我用codeigniter框架,view中经常会用到“<?=xxxx?>”嵌入PHP代码,一个字符一个字符的敲很麻烦,所以自己增加了一个snippet扩展来解决这个问题。步骤如下:

1. 菜单:tools->new snippet,弹出一个snippet模板。
2. content部分内容:

<![CDATA[
<?=${1:/*your code*/}?>
]]>

3. tabTrigger自己定义即可,我定义的是“sphp”,是simple php的意思。
4. scope很重要,表示这个snippet在什么文件或什么内容下有效。填写“text.html – source”。
5. 将文件保存在”packages/User”目录下,以sublime-snippet为扩展名。
6. 重启sublime text 2,该snippet即可使用了。

文件完整的内容如下:

<snippet>
	<content><![CDATA[
<?=${1:/*your code*/}?>
]]></content>
	<tabTrigger>sphp</tabTrigger>
	<scope>text.html - source</scope>
</snippet>

街机DIY资料收集

  1. 自己做个街机好么?来吧!试试看!
  2. 自用街机框体改造完成,追加改造成本及优缺点分析。
  3. 海外DIY强人笔记本变街机 《街霸4》试玩演示
  4. 一家淘宝店。

guitar chords: “summer song” from “music never stopped”


I      (II         IV     I)
All the kids, they want today

I       (II   IV    I)            II
All they ever think about's about summer
IV         I(II IV I)
It's about summer
All the kids, they want today
look you in the eye and say it's okay
It's about summer
It's about summer

V
Thoughtful and patient
     IV                I(II IV I)
they easily open their mind
            V
through the eyes of a child
     IV             I(II IV I)
This world is truly divine
I(II IV I)
divine

All the kids, they want today
the world's problems go away
It's about summer
It's about summer
All the neighborhood cats and dogs
all wanna get along in the summer
It's all about summer
It's about
It's about summer
one another
and one another
It's about
the summer
It's about summer

如何给WordPress添加插件

在“wp-admin/network/”这个URL下进行插件安装。


启用Apache的重定向功能

我在使用Codeigniter框架时,讨厌URL中那个index.php。想把它从路径中去掉,启用Apache的重定向功能(利用.htaccess配置文件)可以实现。

修改httpd.conf文件:

  1. 将“DocumentRoot”修改为你的网站所在的目录。
  2. 几行之后,有一个“<Directory />节点”,将里面的“AllowOverride”属性修改为“All”,就像这样“AllowOverride All”。
  3. 重启Apache。

在MAC OS上安装sublime text 2的ctags插件

我的这篇文章介绍了如何在windows下安装sublime text 2的ctags插件。但我在MAC OS上安装时遇到了问题,用插件无法生成ctags索引文件。

后来看sublime text 2的ctags插件项目主页中有介绍问题的原因。原来OS X自带的ctags可执行程序与ctags插件需要的不是一个版本。

按照帮助中提示的方法用Homebrew安装了正确的ctags版本,但帮助中提到的“/.MacOSX/environment.plist”文件并不存在,插件调用的ctags可执行文件仍然是原来的。没办法,只能出狠招,把原来的ctags文件重命名成其他文件名,把正确版本的ctags文件copy到原来的目录。这下搞定了。

但这种办法太Hack了,谁知道有更好的办法可以告诉我。


网页美工学习素材

前端开发工具:
  1. twitter的Bootstrap
  2. pears are common patterns of markup and style.
单个素材:
  1. pilu web app theme。提供了整套CSS模板。
  2. Applicom。简洁的蓝色设计。
  3. hd-live。另一个蓝色系的设计。
  4. before I die。梦幻的绿色系设计,可惜只有一页,HTML元素不够丰富。
  5. BlueWorld。美丽的蓝色。
  6. acallia。一个简洁的白底模板。
  7. the radio station。带一点音乐元素的模板。
  8. biz group。简洁的米色调模板,很招人喜欢。
素材集合:
  1. Design lol中网页模板的相关文章
  2. 国外35个清新简洁的白色系网页设计。在扩展阅读中还有其他色系的网站。
  3. chocotemplates。讨人喜欢的biz group模板的设计者。
漂亮的网站:
  1. CapLinked。白、绿搭配。
  2. 点点网。风格和tumblr很像。

给Sublime Text 2安装CTags插件,阅读代码更方便

以Windows操作系统为例介绍安装过程:

  1. 安装ctags应用程序。

CTags的官方网站下载最新版本,解压后将ctags.exe文件放到系统的搜索路径中。

  1. 安装Sublime Text 2的Package Control功能。

打开Sublime Text 2,使用快捷键ctrl+`呼出命令行,执行如下命令:

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

重启Sublime text 2。

  1. 使用Package Control功能安装ctags插件。

按下 Shift + Command + P 调出命令面板。输入 install 调出 Package Control: Install Package 选项。该选项会列出所有可被安装的插件,从中选择ctags进行安装。

  1. 使用ctags浏览代码

使用ctrl+t+r创建.tags工程符号索引文件(此时Sublime Text 2会自动调用第一步安装的ctags.exe)。.tags文件创建好后,就可以使用快捷键方便得进行代码浏览了。相关快捷键参见github中Sublime Text 2的ctags插件项目


sublime text 2知识汇总

  1. sublimetext.info
  2. Sublime Text 2 小技巧和小诀窍
  3. Linux版Sublime Text中文不能正常显示的解决方案(修改字体)
  4. Sublime Text 2入门及技巧
  5. Sublime Text 2实用快捷键[Mac OS X]
  6. Sublime Text 2 使用小记
  7. Sublime Text 2使用小感
  8. Sublime Text 2 快捷键 (windows) 
  9. Sublime Text 2 HTML 模板和生成系统

转:jquery图片区域选择插件

转自“冰缘0.5度”

 

jquery 图片区域选择插件,在众多插件当中,现推荐几个比较好的:

  1. CropZoom。这个jQuery插件可以让你选择图片的某个区域进行裁剪。可以放大/缩小图片、拖拽改变选择区域大小、可以360度旋转图片下载地址
  2. image upload and auto crop。采用PHP+jQuery开发的图片上传和剪切(Crop)工具下载地址
  3. imgAreaSelect。这个插件功能如名字一样,可以在图片上进行区域选择下载地址
  4. Jcrop。Jcrop也是一个优秀的图片区域选择插件。下载地址