Post by Admin on May 16, 2007 14:52:55 GMT
Our congrats to Tobias who won with his entry here:
www.dexarts.com/tobias/?blog=3
In second place was gimli10567. Unfortunately, I don't have a link for it anymore.
Commentary:
I'd like to thank Chantry and Scorpian for writing up and judging the entries.
Chantry:
gimli10567
This was not a bad entry. Although it has little to do with the contest, I liked the design. There was however some negatives.
Coding Readability:
The coding was very clean and easily modified. True tabbing was not used, and that should be implemented to make the coding more professional and clean looking. There was also certain areas such as line 26-39 (with the br elements), where the spacing was not done well.
Coding Efficiency:
The coding efficiency was not bad, but it seemed like the div tags were over used. Separate divs for things like the date bar, and the actual date time is not very practical. Implementing paragraph tags would be better for something such as this.
The actual blog coding almost seemed inexistent, and that was the one downfall to Gimli’s entry. The lines, “</div>Added some new photos, check them out <a href="pics">here</a>.<br />” illustrate this. The blog entry was not enclosed in any tag, and it seemed like it was thrown into place at the last second.
CSS:
There was some problems with the CSS, such as the text at the top “lewl : lewl” being off the screen. The CSS was very basic, but it was also well organized. The comment, “/*Elements*/” was not needed. Semi-colons were used on the last element of each code block, which is not needed or expected. Things such as float, position, and px and em identifiers are encouraged in any website as it makes it more cross-browser and Gimli used them well.
Tobias’:
This was a well-designed entry. The layout was eye pleasing, and easy to read. However, like the previous entry, there were some areas of improvement.
Coding Readability:
The coding was generally easy to read. The tabbing, for the most part, was done correctly. One location where it was not is on line 10-14.
<script type="text/javascript">
// Copyright 2007 Tobias
<!--
includeit('ajax','ajaxblog','ajaxport','cursor','displayit','popwindow');
var user = "tobias";
//-->
</script>
Coding Efficiency:
The coding in this entry was much more impressive and professional, but when broken down it had some setbacks. In many areas such as the ajaxload image, there were style attributes applied in the HTML. In most cases (especially in a CSS competition), this should be done right on the .css file. Just as in Gimli’s entry, Tobias used semicolons in the css where it was not needed.
#tbanner{
background-image: url(../web/v2/tobybanner.jpg);
width: 672px;
height: 216px;
margin: auto;
padding: 0px; // < not needed
}
This entry used div and span tags correctly. Div tags break up the page into larger sections, and therefore break up paragraphs. Span tags do not, and are used to format CSS in smaller sections such as paragraphs. It was nice to see it interchanged so well in his page. Unlike Gimli, Tobias made no tag errors as far as I could see.
CSS:
Tobias’ CSS was a little more in depth then Gimli’s. They both defined things such as px and em, and the CSS really formed the page. The only difference was that Tobias had a lot more HTML to “play” with. He edited the blog, the shoutbox, and many other sections of the page. Along the way, he used some methods that I did not even know about such as max-width.
Scorpian
gimli10567
Alright, this one was a little too heavy on the images. However, the way they were coded in really made up for it. What I didn't like was the way everything was all one big piece. The header, menu, blog, and comments were all connected together. That can look a little obnoxious, especially when you have lots of comments. The CSS itself, though, was well coded.
Tobias
This one had much fewer images, and the coding, in my opinion was much better. I also like the way that everything is organized. When you click to view a blog, you can see the full thing with a lot of ease, not with small letters. When it comes to reading an entry, I personally don't care how "cool" it looks. I just want to be able to understand what it's saying.
Overall
Chantry
Tobias was a clear winner to me. Gimli hardly had a blog, he had unclosed HTML tags, and his CSS was not as in depth as Tobias’.
Scorpian
Overall, they were both really good. Trying to provide a critique on them was extremely difficult. Nonetheless I'll have to pitch my vote out to Tobias.
And Finally...
I do wish more people had entered this, considering the initial interest in it, it would have made it more interesting. However, a big well done to Tobias, you win a custom title! I shall PM you
www.dexarts.com/tobias/?blog=3
In second place was gimli10567. Unfortunately, I don't have a link for it anymore.
Commentary:
I'd like to thank Chantry and Scorpian for writing up and judging the entries.
Chantry:
gimli10567
This was not a bad entry. Although it has little to do with the contest, I liked the design. There was however some negatives.
Coding Readability:
The coding was very clean and easily modified. True tabbing was not used, and that should be implemented to make the coding more professional and clean looking. There was also certain areas such as line 26-39 (with the br elements), where the spacing was not done well.
Coding Efficiency:
The coding efficiency was not bad, but it seemed like the div tags were over used. Separate divs for things like the date bar, and the actual date time is not very practical. Implementing paragraph tags would be better for something such as this.
The actual blog coding almost seemed inexistent, and that was the one downfall to Gimli’s entry. The lines, “</div>Added some new photos, check them out <a href="pics">here</a>.<br />” illustrate this. The blog entry was not enclosed in any tag, and it seemed like it was thrown into place at the last second.
CSS:
There was some problems with the CSS, such as the text at the top “lewl : lewl” being off the screen. The CSS was very basic, but it was also well organized. The comment, “/*Elements*/” was not needed. Semi-colons were used on the last element of each code block, which is not needed or expected. Things such as float, position, and px and em identifiers are encouraged in any website as it makes it more cross-browser and Gimli used them well.
Tobias’:
This was a well-designed entry. The layout was eye pleasing, and easy to read. However, like the previous entry, there were some areas of improvement.
Coding Readability:
The coding was generally easy to read. The tabbing, for the most part, was done correctly. One location where it was not is on line 10-14.
<script type="text/javascript">
// Copyright 2007 Tobias
<!--
includeit('ajax','ajaxblog','ajaxport','cursor','displayit','popwindow');
var user = "tobias";
//-->
</script>
Coding Efficiency:
The coding in this entry was much more impressive and professional, but when broken down it had some setbacks. In many areas such as the ajaxload image, there were style attributes applied in the HTML. In most cases (especially in a CSS competition), this should be done right on the .css file. Just as in Gimli’s entry, Tobias used semicolons in the css where it was not needed.
#tbanner{
background-image: url(../web/v2/tobybanner.jpg);
width: 672px;
height: 216px;
margin: auto;
padding: 0px; // < not needed
}
This entry used div and span tags correctly. Div tags break up the page into larger sections, and therefore break up paragraphs. Span tags do not, and are used to format CSS in smaller sections such as paragraphs. It was nice to see it interchanged so well in his page. Unlike Gimli, Tobias made no tag errors as far as I could see.
CSS:
Tobias’ CSS was a little more in depth then Gimli’s. They both defined things such as px and em, and the CSS really formed the page. The only difference was that Tobias had a lot more HTML to “play” with. He edited the blog, the shoutbox, and many other sections of the page. Along the way, he used some methods that I did not even know about such as max-width.
Scorpian
gimli10567
Alright, this one was a little too heavy on the images. However, the way they were coded in really made up for it. What I didn't like was the way everything was all one big piece. The header, menu, blog, and comments were all connected together. That can look a little obnoxious, especially when you have lots of comments. The CSS itself, though, was well coded.
Tobias
This one had much fewer images, and the coding, in my opinion was much better. I also like the way that everything is organized. When you click to view a blog, you can see the full thing with a lot of ease, not with small letters. When it comes to reading an entry, I personally don't care how "cool" it looks. I just want to be able to understand what it's saying.
Overall
Chantry
Tobias was a clear winner to me. Gimli hardly had a blog, he had unclosed HTML tags, and his CSS was not as in depth as Tobias’.
Scorpian
Overall, they were both really good. Trying to provide a critique on them was extremely difficult. Nonetheless I'll have to pitch my vote out to Tobias.
And Finally...
I do wish more people had entered this, considering the initial interest in it, it would have made it more interesting. However, a big well done to Tobias, you win a custom title! I shall PM you