Tagged

Zen Coding

A collection of 5 posts

sublime text 2

zen coding更名为emmet,新加更多特性

zen coding好久没更新,然后前两天看到消息说,它改名为emmet了,好吧,我还是觉得zen coding好记好听〜〜 更名之后,貌似emmet开始团队模式了,也新增了很多对html5和css3的支持,以及对移动终端常用标签的支持,具体这里不再详细列出,感兴趣的可以到官方去查询下。 其实zencoding已经从google code迁移到github,更新后的github地址是:https://github.com/emmetio/emmet。嗯,更方便管理了,而且作者也提供了各种编辑器插件: Aptana/Eclipse (跨平台) — Emmet for Eclipse TextMate (Mac) — external download Coda 1.6 and 2.x (Mac) — external download Espresso (Mac) — external download Komodo Edit/IDE

Zen Coding

zen coding更新到 0.7

其实好久没有关注这个插件了,不过工作中还是经常会用到,然后刚刚看到zencoding作者说更新了,就过去check了下,这次更新还是蛮大的。 各个编辑器插件的下载地址没变,还是在Google code 主要更新内容 全新的属性解释器,解决了之前版本的多个问题; 支持群组展开,比如:dl>(dt+dd)*4 (PS,不清楚之前的版本是否已经支持); 更好的支持文本节点,例如:p>{点击}+a{这里}+{下载}; 外包属性”Wrap with abbreviation”功能升级; 通过Ctrl+↑/↓增加/减小数字,比如,a*4,选中数字,按Ctrl+↑,就会递增1,按Ctal+Alt+↑就会递增0.1; 支持简单的数学计算,比如1+3+9/

Zen Coding

zen coding资源更新

相信大家现在已经对zen coding有些熟悉了,甚至不少人已经在项目中熟练使用它了,自从我们发表介绍zen coding的文章以来,zen coding已经改进很大,也有些比较有用的资源更新,在这里我就share给大家: zen coding前些天升级到了0.6版本,新增了几项小功能,这里不再赘述,感兴趣的同学可以更新自己用的相应的插件; zen coding官方有个速查手册(PDF),很全面,严重推荐; zen coding刚刚发布了 notepad++插件; 这里有个非官方的VIM插件:http://github.com/mattn/zencoding-vim (多谢 @kejunz 的分享) 使用UltraEdit的同学可以看一下 @ytzong写的《在UlrtraEdit中配置Zen Coding》教程; 使用EditPlus的同学可以看一下这个《zencoding(HTML) for EditPlus v1.0》 如果你有了解更多关于zen coding的资源,欢迎与大家分享。 另外,由于春节放假以及最近比较忙,

Dreamweaver

zen coding的dreamweaver插件安装教程

在我发表上一篇《Zen Coding: 一种快速编写HTML/CSS代码的方法》之后,有网友表示不知道怎么在Dreamweaver上使用zen coding插件。OK,今天我就写一篇详细的教程来讲述如何在DW中使用zen coding。如果你已经知道如何使用,可以不再阅读本文。 可喜的是,我在Dreamweaver CS3上进行了测试,证明Dreamweaver CS3和CS4都是支持Zen coding的这个插件的。 准备 安装插件之前,请确认你已经安装了adobe Extention Manager,如果没有安装,请到Adobe官方下载安装: DW CS3需要安装Extention Manager 1.8版本,访问下载页面,或者直接下载; DW CS4需要安装Extention Manager** 2.0**版本,访问下载页面,或者直接下载; 下载安装 到zen coding项目主页下载最新的zen coding 用于dreamweaver的插件,在该页面的右侧栏有下载列表,就是扩展名为mxp的那个。(目前的版本是0.5,

Aptana

Zen Coding: 一种快速编写HTML/CSS代码的方法

译自:Smashing Magazine 中文:Zen Coding: 一种快速编写HTML/CSS代码的方法 请尊重版权,转载请注明来源! 在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。 你在写HTML代码(包括所有标签、属性、引用、大括号等)上花费多少时间?如果你的编辑器有代码提示功能,你编写的时候就会容易些,但即便如此你还是要手动敲入很多代码。 在JavaScript方面,当我们想要在一个页面上获取某个特定的元素时,我们就会遇到同样的问题,我们必须写很多代码,这就变得难于维护和重用。JavaScript框架应运而生,它们同时引入了CSS选择器引擎。现在,你可以使用简单的CSS表达式来获取DOM元素,这相当酷。 但是,如果你不仅仅可以用CSS的选择器布局和定位元素,还能生成代码会怎么样?比如,如果你这样写: div#content>h1+p …然后就可以看到这样的输出: <div id="content">