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!
<br><br>Quote:
Originally Posted by Fazon
just the whole .div#thisdiv crap etc..<br> maybe i am just old skool?<br>
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
If you know CSS, it looks pretty simple. You rather than writing it out, you use the # for id's like in your CSS, and . For classes. I wouldn't use it though lolQuote:
Originally Posted by Blinger
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.Quote:
Originally Posted by Lewiie15
Try writing some shorthand HTML (type html:xt) and press Ctrl + E and see if it expands.Quote:
Originally Posted by Apolva
Didn't work, also tried all the CMD and CTRL combinations, still nothing. :/Quote:
Originally Posted by Irrorate
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'm with you, LOL. Old Skool ftw.Quote:
Originally Posted by Blinger
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>).Quote:
Originally Posted by Recursion
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.