What's your opinion on the Zen Coding plugin?
I think it's awesome and it'll definitely speed up coding and save you hours. I would recommend it to anyone who uses compatible IDE/text editing software!
Printable View
What's your opinion on the Zen Coding plugin?
I think it's awesome and it'll definitely speed up coding and save you hours. I would recommend it to anyone who uses compatible IDE/text editing software!
Heard about this before. I hear it's a huge time-saver but I've yet to give it a try.
it looks complicated imo, i won;t be using it
How's it complicated? It's much simpler.
What's this do for me if I do most of my dirty work in JQuery or with GWT already :P
I see no need!
Some think it easy, some think its hard.
But before you could coding in php/html, did you think that was hard...
Its about learning and becoming comfortable with the code :)
Lew.
That does look like it would save a huge amount of time, but I don't use any of the supported editors :(
I might download one though, just to use this.
It's really easy to use...
These 6 characters create my head and body structure:
Result:Code:html:5
HTML Code:<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
Result:Code:html:xt
As you can see it dramatically speeds up coding.HTML Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
</head>
<body>
</body>
</html>
This code gives:Code:body>(#header>#logo+ul#nav>li*5>a)+(#content)+(#footer)
See how dramatically your code can be sped up? I love how you can use the multiply operator and the addition operator. You can edit the plugin to add your own shorttags too. It also shortens CSS.HTML Code:<body>
<div id="header">
<div id="logo"></div>
<ul id="nav">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
<div id="content"></div>
<div id="footer"></div>
</body>
I love the simplicity of it. You can assign classes using the period (.), IDs using the #, use the multiply operator to create multiple elements. It really is awesome.
Here's the cheat sheet
Yeah it does have escape filters (didn't see Blinger's post). That's mainly used for the web version as it escapes < and >.
Only thing that concerns me is that performance may be slowed down?
Im unsure how zen works so im unsure lol
Im willing to learn this as alot of time will be saved :)
Lew.
Just installed the plugin for TextWrangler but have no idea what the key combo is to use it, since it doesn't say.
It doesn't slow down performance for me on Notepad++. It doesn't actually do anything until you tell it to, you basically write the shorthand HTML and then click "Expand Abbreviation" (or Ctrl + E) and it expands. It doesn't expand as you work.
Try writing some shorthand HTML (type html:xt) and press Ctrl + E and see if it expands.
I'm not sure about the problem then, are you sure it's compatible? Maybe you can scour some Google pages for an answer!
http://zen-coding.ru/textarea/ << Browser based version if anyone wants to test it without downloading anything :)
I did download it but I couldn't be bothered with the hassle to get it working with Zend Studio. Will take a look some time later, as it seems good.
I'll stick with coding by hand, that just looks more complicated... like learning another language... to do the same job? Wut.
There's nothing to learn, it's actually really simple. It uses CSS operators for ids (#) and classes (.), it uses the greater than(>) to denote child elements, the plus sign (+) to denote multiple elements and the multiplication sign (*) to place X amounts of an element (e.g. li*5>a gives 5 <li><a href=""></a></li>).
I love it <3
I guess once you've gotten used to coding in short it would save time.
It took me a whole 30 sections to learn it.. if you know CSS it's extremely easy to learn.