老甘的可读区

id:cngump, 像阿甘, 技术控 。。

玩过的最老的OSX版本,你懂的

第一次接触Mac OS X大概是2005年,还是在一个奔腾CPU的PC上面,通过PearPC虚拟一个环境下,才跑起来Mac OS X 10.3。无意中翻到此截图。留图怀旧。

old Mac OS X

Brackets - 又一款牛x的WEB开发编辑器

去Brackets官网下载: http://brackets.io/

http://ww1.sinaimg.cn/large/61c18847gw1eeoaup4ea5j20k20bvjt4.jpg

Adobe Brackets是由Adobe主导开发一款主打web开发的编辑器。 是继TextMate,Sublime Text这两个神器后,有望成为Web开发前后端开发神器。 Brackets自带强大的插件系统,先已有近百个插件,对nodejs, python, ruby, PHP, Rust等前后端语言都支持非常好。虽然是打着Web开发,从各种插件来看, Brackets的野心是不小的。

http://ww1.sinaimg.cn/large/61c18847gw1eeob1ql203j20lg0et75v.jpg

Brackets的主UI相对清爽,标准的左边文件栏,右边插件栏,下面各种信息和主要操作区域。

部分快捷键

Ctrl/Cmd + Shift + H 可以呼出与关闭文件树
Ctrl/Cmd + Shift + O 快速打开文件
Ctrl/Cmd + T 快速跳到某个TAG
Ctrl/Cmd + E 快速预览/编辑 css样式/javascript函数
Ctrl/Cmd + +/– 放大缩小编辑区字体大小
Ctrl/Cmd + 0 重置编辑区字体大小
Ctrl/Cmd + Alt + P 打开即时预览功能
Ctrl/Cmd + / 注释
Ctrl/Cmd + Alt + / 块注释

优秀的插件

1.代码格式化插件:Beautify

直接打开Brackets 插件管理器,搜索安装beautify。 安装完毕后,选择菜单上的编辑→beautify(或使用快捷键ctrl+alt+L)完成代码格式化

2.HTML代码编辑:Emmet

最强大的HTML和CSS快速编辑插件

3.CSS和JS压缩插件:Minify

很强大的插件,集成了CSS和JS的压缩,会在同个目录下自动生成.min.格式的文件。

4.CSS3代码自动补全插件:auto prefix

使用CanIUse上的css3数据,自动补全css3前缀和浏览器兼容,不过可能有些新了。有一些旧版本的浏览器会被抛弃掉。

5.代码折叠插件:brackets-code-folding

安装URL:https://github.com/thehogfather/brackets-code-folding

默认不支持代码的可折叠功能。通过此扩展的安装,对代码添加可折叠功能。

6.Brackets Git

Git集成

7.Brackets Kill Ring

类似Emacs的kill ring

8.Align It

对齐

9.Pretty Json

格式化Json

10.Python flake8 Lint

Python的格式化

11.Themes

配色

12.ImageToData

图片转为base64字符串

原文地址: http://cngump.com/blog/2014/03/22/brackets/

Incorporated - 一款很清爽jekyll的theme

虽然一直在试用Octopress的静态博客系统。也一直对jekyll保持爱好,最近给techparty.org换个皮肤, 经朋友的投票, 大家选择了incorporated。 花了一点时间配置一下,和修改了一写页面的细节处理。 具体的页面可以clone一下,自己折腾吧。

incorporated主页: http://incorporated.sendtoinc.com/

incorporated Demo: http://blog.sendtoinc.com/

还有其他的精彩theme:
http://pizn.github.io/
http://lanyon.getpoole.com/
http://carlosbecker.com/posts/up-a-jekyll-theme/
http://dbtek.github.io/dbyll/
http://blog.sendtoinc.com/
http://zachholman.com/posts/left/
https://github.com/rosario/kasper