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