Would this put website coders out of business?

[Feep]

http://www.medialab.com/sitegrinder/?utm_source=pixel2life&utm_medium=integrated&utm_campaign=rejoice

[Colin-Roberts]

No progam will ever replace a human touch. plus you can get layouts coded cheaper then you can buy the program for.

[Robbinz]

No progam will ever replace a human touch. plus you can get layouts coded cheaper then you can buy the program for.

Thats 1 payment and you can use it on as many layouts as you want.

[Feep]

And Im sure I could rapidshare that programe


EDIT:
http://rapidshare.com/files/202621312/grinder_website.rar

[Jordy]

Things like this and WYSIWYG editors are generally messy with code but they will inevitably get better in the future and it's likely more people will turn to this but website coders will always be needed for the backend of websites.

[Fehm]

Its good.. Codes a tad messy but what are you to expect :P I like it, may come in handy.. lol But i doubt i'll use it alot :P

[Feep]

Its good.. Codes a tad messy but what are you to expect :P I like it, may come in handy.. lol But i doubt i'll use it alot :P
Have you used it then?

[BoyBetterKnow]

Program is crap.

[lick]

Program is crap.

Have you used it?

[Mentor]

Nope, some people like good websites :)

[Firehorse]

I guess it would be good for designers to do a quick preview of their design before completion and then either adding finishing touches to the code the program gives or handing it over to a coder to do it professionally.

I've tried out the trial, heres an example of the code it produces.
The problem with this is though you will need to edit all text in photoshop so much as I can see, meaning a non expandable site apart from if you get very detailed from the start.

#backgroundcopy {
background: url(layoutmedia/backgroundcopy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
width: 750px;
height: 450px;
}
#shape1copy {
background: url(layoutmedia/shape1copy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 413px;
z-index: 4;
width: 750px;
height: 37px;
}
#shape5 {
background: url(layoutmedia/shape5.gif) no-repeat;
visibility: visible;
position: absolute;
left: 4px;
top: 123px;
z-index: 3;
width: 172px;
height: 327px;
}
#layout {
margin: 0px auto 0px auto;
width: 750px;
position: relative;
}
#shape4 {
background: url(layoutmedia/shape4.gif) no-repeat;
visibility: visible;
position: absolute;
left: 176px;
top: 123px;
z-index: 2;
width: 571px;
height: 327px;
}
#shape1 {
background: url(layoutmedia/shape1.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 0px;
z-index: 3;
width: 750px;
height: 38px;
}
#shape2 {
background: url(layoutmedia/shape2.gif) no-repeat;
visibility: visible;
position: absolute;
left: 4px;
top: 0px;
z-index: 2;
width: 743px;
height: 118px;
}
html, body {
padding: 0px;
margin: 0px;
background-color: #31962c;
}

edit: yes you can edit text outside of photoshop, however tables are not automatically expandable.

Posts merged by Flisker (Forum Moderator).

[Chippiewill]

So it's essentially like Adobe Fireworks? It makes a naff version that can be sort of used.

[Firehorse]

So it's essentially like Adobe Fireworks? It makes a naff version that can be sort of used.

Yeh, unless you're making a website already fit to browser which you don't want to be extendable. you can find some examples of some sites made with sitegrinder here, although I highly suspect many of these were thouroughly edited later. http://www.medialab.com/sitegrinder/examplepages.php

[Recursion]

I guess it would be good for designers to do a quick preview of their design before completion and then either adding finishing touches to the code the program gives or handing it over to a coder to do it professionally.

I've tried out the trial, heres an example of the code it produces.
The problem with this is though you will need to edit all text in photoshop so much as I can see, meaning a non expandable site apart from if you get very detailed from the start.

#backgroundcopy {
background: url(layoutmedia/backgroundcopy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
width: 750px;
height: 450px;
}
#shape1copy {
background: url(layoutmedia/shape1copy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 413px;
z-index: 4;
width: 750px;
height: 37px;
}
#shape5 {
background: url(layoutmedia/shape5.gif) no-repeat;
visibility: visible;
position: absolute;
left: 4px;
top: 123px;
z-index: 3;
width: 172px;
height: 327px;
}
#layout {
margin: 0px auto 0px auto;
width: 750px;
position: relative;
}
#shape4 {
background: url(layoutmedia/shape4.gif) no-repeat;
visibility: visible;
position: absolute;
left: 176px;
top: 123px;
z-index: 2;
width: 571px;
height: 327px;
}
#shape1 {
background: url(layoutmedia/shape1.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 0px;
z-index: 3;
width: 750px;
height: 38px;
}
#shape2 {
background: url(layoutmedia/shape2.gif) no-repeat;
visibility: visible;
position: absolute;
left: 4px;
top: 0px;
z-index: 2;
width: 743px;
height: 118px;
}
html, body {
padding: 0px;
margin: 0px;
background-color: #31962c;
}

edit: yes you can edit text outside of photoshop, however tables are not automatically expandable.

Posts merged by Flisker (Forum Moderator).

That's just CSS code, anything can code that cleanly, what about (x)HTML? That's where programs always fail.

[Firehorse]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="generator" content="SiteGrinder 2 http://www.medialab.com/sitegrinder" />
<title>layout</title>
<link rel="stylesheet" type="text/css" media="screen, print, projection" href="layout.css"></link>
</head>
<body>
<div id="layout">
<div id="shape6"></div>
<div id="shape1"></div>
<div id="backgroundcopy"></div>
<div id="shape10"></div>
<div id="shape10copy"></div>
<div id="shape8"></div>
<div id="shape9"></div>
<div id="shape7"></div>
<div id="thebuntywillsfoundation"></div>
<div id="layer1"></div>
<div id="shape5"></div>
<div id="shape4"></div>
<div id="shape1copy"></div>
</div>
</body>
</html>

[Awfy]

That'll never replace coders LMAO! Humans are able to learn where as that program isn't able to learn.

[Source]

Plus it's important to realise that the majority of sites on the net now, aren't just pure (x)html/css. Many use web technologies such as PHP to give user interactivity, of which needs a decent programmer to code the functionality.

[Chippiewill]

Yeh, unless you're making a website already fit to browser which you don't want to be extendable. you can find some examples of some sites made with sitegrinder here, although I highly suspect many of these were thouroughly edited later. http://www.medialab.com/sitegrinder/examplepages.php


Pmsl They're mostly flash. Just a tiny bit for positioning. You may aswell use bluevoda