Printable View
Don't mind me much, but I was going through mark ups.
Was there a rule about using the text in copy.txt as is, w/o changing the order? Many have break this rule, and the winner Candygirl is one of them.
Also, some added content too, not just mark up. Sadly, Pikacsu81 did so. I think there was a rule about it too.
Again, don't mind me much. I may have understood wrong about the rules.
You can't alter the text, but you can rearrange as much as you want.Quote:
Originally Posted by noonnope
Yes exactly :)Quote:
Originally Posted by YuriKolovsky
Yes, Μitică as you will have noticed several entries rearranged large 'text blocks' or sections, which was permissible. For example:
Plus one or two added or removed or forgot main 'copy.txt' as in 'textual words', which strictly speaking wasn't allowed. Obviously 'title' attributes were allowed. :)Quote:
HTML/CSS [h3]
Once you've decided on a design, we will convert that design to HTML and CSS. HTML is the language used on the Internet to mark up websites, whereas CSS is used to define how the website looks.
Hmmm... I must've missed that bit about rearranging.
How about added content:
http://www.sitepoint.com/forums/news...ml#post4797969
Some winning entiries have :before and :after adding content, others have extra content added directly in the mark up.Quote:
Copy is supplied, which can be re-arranged as needed, however no additions or omissions are allowed.
This includes using CSS to permanently style copy away (eg. by using display:none; ). Doing so will disqualify the offending contestant's entry!
Don't fret we dealt with it as we deemed appropriate. :)
JUDGEcoder
I'm not. :)
Just some inconsistencies.
Candygirl has this:
and some more like this:Code:h1:before {
content:"\2653";
Code:#twitter a:before {
content:"t";
When discussing the rules:
http://www.sitepoint.com/forums/news...ml#post4799197
Quote:
Originally Posted by YuriKolovsky
what about text that can be added with CSS "content:"?
Originally Posted by ScallioXTX
Adding text is adding text, the means doesn't matter. So, no.
Pikacsu87 has this:
Code:<span class="minifish8" title="My name is Twitty.">
<span class="fishbody">•</span>
<span class="fishtail">•</span>
<span class="fishtailin">•</span>
<span class="fishtailend">•</span>
<span class="fisheyebg">•</span>
<span class="fisheye">•</span>
<span class="fisheyeref">•</span>
</span>
and when talking about the rules:
http://www.sitepoint.com/forums/news...ml#post4799164
Quote:
Originally Posted by YuriKolovsky
Is it allowed to edit the text to add harmless humor?
Originally Posted by xhtmlcoder
You can add comments to the CSS /* I am a comment */ and HTML source code <!-- Hello World --> like in the 'terminal emulation' example.
Though NOT really any additional hard-copy text other than in that seen in the *.txt file.
The post explaining the rules stated this:
http://www.sitepoint.com/forums/news...ml#post4797969
Quote:
Copy is supplied, which can be re-arranged as needed, however no additions or omissions are allowed. [...] Doing so will disqualify the offending contestant's entry!
Previously I examined the design part of the entries, and pointed out to some very good ones, that I liked very much. I wanted to also see who's mark up and/or CSS stands out, and the above are just some thoughts I had looking at the pages. That's all. No other hidden purpose. And don't blame me, I didn't make the rules! :)
Yes, you made some interesting observations and we thank you for your in-depth interest in the competition entries and their code, etc. It shows you have enjoyed yourself studying how different people tackled the subject matter.
Luckily the Judges took such things into consideration.
I am sure you have your favourites for semantic markup are there any of them you particularity though did very well or liked on the markup front? :)
Yes I did.
It would be poor taste to discuss mine, but others have had some interesting approaches.
scout1idf is one of the few that had correctly wrapped embedded style in an XHTML doc:
Code:<style type="text/css">
/*<![CDATA[*/
zcorpan made a show off leaving out from his mark up (optionally, as the specs say) elements like html, head, body, putting only the HTML (probably we should get used to this no version) DTD:
Code:<!doctype html>
thierry-koblentz fine use of namespaces:
and there is definitely more to find later in its CSS and mark up how he uses this. Like I gave Pikacsu87 1st place (in my book) for design, I give thierry-koblentz 1st place for interesting mark up.Code:<html xmlns="http://www.w3.org/1999/xhtml" xmlns:html5="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
These are just a few things about the mark up, probably there is much more to be noted. Tomorrow I'll probably post something about the CSS code in the designs, things I find interesting.
Yes, I knew Simon would use minimised markup even his design was 'minimalist' though I think he intended to do some use of SVG fonts (or something cunning) but got sidetracked. ;)
Hm. I was not here during the month of Feb so I missed most of that thread about the rules but... Noonope's comments and quotes bother me.
If anyone had bothered to let ME know that added content via CSS was not allowed, I would not have used such techniques in my own example. To have examples for a contest and then say "but you can't do that" is AT BEST confusing and at worst, unfair.
I also had added a legend, because a form deserves a fieldset and a fieldset demands a legend... which should not be empty of text.
In any case, I guess I'll leave it at that.
Hi poes,
I'm a little in the wild here. Which one is yours?
I also added a fieldset. And a legend. You could have added titles. Or comments. Those are not the ones questioned.
On the other hand, if someone had bothered to tell ALL the contestants that adding chars in content (like • or }) is OK, even though the rules said NO, or that you can use CSS content to add "t" or some other chars, even though the rules said NO, that would've been fair. For ALL the contestants.
As of consequence, some added extra content to help them gain an advantage. It helped them or not, it's not relevant.
I'm also a little confused when you say you are bothered by "Noonope's comments and quotes". Do you feel I did a bad thing?
Now that you mention it... "unfair" is quite right... especially considering:Quote:
Originally Posted by Stomme poes
1. Javascript was also "not allowed", and
2. My one line of JS in my example - <body onload="window.location='#about'"> - was stripped from my submission, yet the augmented content was left in for judges to view...
It's unfair specifically because it was not treated the same way as other "disallowed" content. Had the contest been fair, the additional content should have been stripped out, too, and those submissions judged sans-augmentation rather than just being a deduction of points.
Just my 2 cents... I happened to break the "no content" rule, too... so I don't feel burned by it at all, but I feel it was a silly rule. The contest runners should think about their rules carefully for future contests... don't say something is "not allowed" if it's merely a negative... say it's "frowned upon".
In all, I feel like the rules were too restrictive in some areas and too loose in others, and ultimately forced people to go make their own fonts in order to place better. Typography flexibility in CSS3 is not about making your own fonts to circumvent the use of graphics... that's in my opinion not the spirit of the contest, and those who did that shouldn't have been awarded points for it... only a few entries that I can think of used typography well, the way it was intended - mine (in my logo and tag line) Hueij's (logo and titles) and Yuri's (throughout his design, minus the fb and twitter logos which I feel were a hack). The point of the contest (in my opinion) was to see how attractive a website could be created sans-images. An image of a fish made using fonts is still an image. Get me? Again, not complaining... I just feel the spirit of the contest was lost in focus on markup and circumvention of the rules with the single hole allowed.
I also feel that more weight should have been put on aesthetics... a "markup" contest where design has some weight has not nearly as much real-world significance as a "design" contest where markup has some weight. I think it's a tragedy that some of the best designed submissions were not in the top 5 - bad markup or not... if they followed the spirit of the contest and didn't completely hack things up, they deserved to place. Also, I think it's a tragedy that Pikacsu placed... even though I feel it's the best designed entry in the whole contest and is my favorite overall, it circumvented the rules and didn't follow the spirit of the contest, ultimately using images in a no-images contest.
Again, just my 2 cents...
Cheers. :)
Your confusing everyone now :SQuote:
Originally Posted by noonnope
The initial rules might not have been 100% clear, but they got cleared up.
Due to the fact that it was me who asked all those content related questions, If you continue reading they eventually got resolved, allowing to add "decorative content" like for example a large secondary letter behind the first letter of a paragraph would be allowed, also the rules applied to html, so I played it safe and added all the "only decorative" content with CSS, which won't affect the search engine indexing in any way and leaves the copy.txt intact.
Also like me, english is not your first language, so make sure to check, check and double check the slightest misconceptions there might be with the rules involved, you will be surprised by how many problems will disappear.
@Stomme poes wb! yes the CSS "content:" was allowed, so it's all fair. Also your comment about fieldset's in your entry and the lack of it in the links above, revealed it for me :P
It's not reflected in the rules, this resolving you talk about.
The rules (http://www.sitepoint.com/forums/news...ml#post4797969) state:
Quote:
Copy is supplied, which can be re-arranged as needed, however no additions or omissions are allowed. [...] Doing so will disqualify the offending contestant's entry!
If you want to "play" the rules, I can easily do so too.
In the rules, there are conflicting statements with what you said (about decorative) and
which let's you add...Quote:
Any mark-up may be added to the copy
Well, when I see this, I think of SVG. For both decorative purpose allowed, and added mark up allowed.
Yet, the rules state:
Quote:
No SVG.
SVG decoration is no worse nor better than adding symbols in the mark up or content with CSS content. Yet I love my SVG better! :)
As I've said before, don't mind me much. :) I know it was hard for the staff, and each and everyone of the contestants can interpret a rule according to its morning coffee strength. :lol:
But we should be honest about it so that future contests will not have the same situations stand in the way.
+1 Using custom fonts and symbols (or even divs as shapes to create imagery) like SVG is against the spirit of the contest. The "no SVG" rule reinforces that. The judges should have been less strict about judging based on a formula, and more open-minded about what was the spirit of the contest.Quote:
Originally Posted by noonnope
But as I saw it, it was a markup/design quiz that wanted to avoid images (which SVG is part of, images as in custom content that is not part of the existing content), but still allow styling of existing content with CSS.Quote:
Originally Posted by noonnope
I agree that rules need a couple more days of refining and yes the rule clarification was never added to the front post.
Off Topic:
which is why I don't drink coffee :)Quote:
Originally Posted by noonnope
I'm not the one confusing anybody, you are. You say that there are rules and amendments to the rules hidden in the posts following the rules, that don't reflect in the rules.
As for SVG, your every day char, like the letter A, is nothing more than a SVG. SVG is not image, though you may draw this conclusion.
Off Topic:
Me neither! Maybe that's why? :lol:
SVG is an image, it's a vector image.
I didn't write the rules (none of the Judges did). I know there was conflicting statements in there (I stated that several dozen times during the running of the competition) that the wording should have been better worded.
The three key points were fairly evenly distributed. The 'Attractiveness' had a lot more weight than 'HTML' as it happened. Though you'd need high in both; as all in the top 10 were very close.
The [Judges] were open minded or at least tolerated a lot of mistakes due to the confusion at the start.
To Err Is Human, To Forgive Divine.
If this thread gets locked soon don't be surprised.
To be honest I am not going to waste my time re-listening to how the rules were 'misinterpreted' or not.
All I will say is next time the Rules will be worded clearer as a result of the previous feedback we already have in the archives.
It need not be dragged back up as now we are just 'flogging a dead horse' purely for the sake of debate in this thread. :)
A font character is a vector image, as well. In fact, creation of custom images (e.g. fish and Twitter logos) as a font is more complicated a process, and less "markup" related than creating them with SVG would have been.Quote:
Originally Posted by YuriKolovsky
Personally, I think the rules were imperfect, but not something that anyone should be bitter or resentful of (we all knew the rules upfront and decided to submit our projects the way we did... we should accept the consequences if we didn't follow the rules and lost accordingly). However, lessons should learned from this and adjusted next time around.Quote:
Originally Posted by xhtmlcoder
I'm personally not blaming the judges by any means... judges have to abide by the rules given to them for how to judge the contest. And I feel given the structure of the contest, the judges did an amazing job... and made good selections of winners, who deserved to win given the criteria. I personally feel that a design contest shouldn't have formulaic criteria for judgement, though... there should be a lot of flexibility in how judges are allowed to score entrants. That's best for the nature of a creative contest.Quote:
Originally Posted by xhtmlcoder
To learn from mistakes and improve oneself based on them is ideal. I don't think anyone needs to be forgiven, but I think SPF can learn a lot from this contest to make the next one even better!Quote:
Originally Posted by xhtmlcoder
Fair enough, then how about some suggestions for the next contest?Quote:
Originally Posted by xhtmlcoder
1. Weight design more and markup less. I, for example, intentionally complicated my markup in this contest to add things like double-borders to my design. These are little details that I felt made my design better, but I realize in retrospect that they probably counted against me rather than for me. I don't feel intentional complication for added aesthetic should be penalized in a design contest. It's counter-intuitive.
2. Consider broader objectives of the contest more and the specific minutia of rules less. I think it was generally understood that this is a "markup" contest, and a no-graphics contest, yet the way the rules were structured (attempting to limit specific implementations of graphics) created a loophole that allowed people to manipulate the general objective, and not only not be penalized, but be rewarded for it.
Just some thoughts.
SVG == Scalable Vector Graphics. No image there. :)Quote:
Originally Posted by YuriKolovsky
BTW, when you put font-size:200%, or 5em, it's based on the font glyphs (which is a graphic) ability to... Scale! That would make font-sizing out of boundaries for the designs in the comp.
I also suggest this thread be locked. It seems the subject is too sensitive for a normal "after the facts" analysis. I personally find this odd.
I would've expected: "Wow, how did you think of this!", "Why did you do that?", "This is what I thought will be my personal touch" discussion kind of type, that's all. Like in a real tech forum.
Off Topic:
Could staff please change the name of this thread to a not so ill intended title. I didn't chose it, staff did, and put my name on it, and it makes me wonder what's up with that.
PNG == Portable Network Graphics. No image there :)Quote:
Originally Posted by noonnope
No, I'm kidding, they are both images, thats what graphics stands for.
It's not the topic that's not sensible, but the approach.
While the "Why did you do that?" talk seems to have remained in the congratulatory topic.
PNG and SVG are both images like C++ and HTML are both compiled. :)
An image is a bitmap format. A vector is a path format.
Graphics certainly doesn't stand for images. You got the inclusion wrong.
Could you please answer me what I did wrong? Pointing out discrepancies? We're tech people, that's what we do.
Congratulatory talk was also part of my posts. But I like to make the comp about tech also, to make it real. It's not some meaningless fundraiser party kind of event, it's a tech comp where we suppose to also learn. I can disagree. And I don't use volatile argument, nor do I trash competitors work. I try to evaluate it correct so they also can understand the REAL value of their project, as seen by somebody else. I would've expected better: critics, critics and more critics.
I don't smile at your face and stab you in the back later. I am more direct, I stab you when you see me clearest. :lol: And I see it as a virtue. Direct. Correct. Equals Tech.
And it seems I will not get elected again for the employee of the month for this. :lol: Which is fine.