Yup. Just check the post before yours
I do apologize because I never got to finish mine. I was pretty busy and I could dedicate a short amount of my time
Before the bashing beginsā¦
No, really, Iām OK with any comment, you have my word.
My design has the bussiness card concept: two cards, one with the face up and one with the back up. Maybe the colours arenāt quite the best.
Best viewed: FF4 (beta at the time), Op 10.63+
Worst view: Ch (10 at the time), Saf
No feeling at all: IE7+ (IE9 RC at the time)
No CSS: IE6-
Thatās how I stack my UAs too.
I think my design shows pretty well who are the champions of CSS3 so far. That was the purpose. Webkit may be fast (?) but it lacks in finess, as always.
FF itās my personal browser of choice lately. Since 3.5. I used to be a Ch addict. No more.
Op is always promising, but I always find a JS rendering bug and lag every now and then, and the settings are not quite user friendly and intuitive. Otherwise, I would use it first before thinking about IE9.
How much time I spent working on it? Well, I started the last friday, before extension. Continued the following tuesday, a bit, and finished the next friday, before the contest ended. Probably a dayās worth of time. It was hectic at work, I wish I had more time.
I will start with what designs I find interesting, in alphabetical order:
aniketrk
Hueij
nizamilputra
Pikacsu81
Special notes: Pikacsu81, quite a branding effort. And funny: the big fish turning! Hueij, a solid design. And also funny: MS Paint!
The purpose of design with CSS is to achieve an effect w/o the CSS code being obvious at use. As little CSS as possible, and in the right place. Too much CSS and it starts to look like Jocelyn Wildenstein. I believe both Pikacsu81ās and Hueijās designs are true to this āCSS in the right placeā concept and donāt go overboard, while the look is consistent.
Markup and code appreciations later.
I donāt know what to make out of zcorpanās.
Some great work there
(looking from my design taste)
aniketrk fancy lookin
ohhh LePhuronn, I like your style.
Pikacsu81 boo indeed
tkrster yours almost crashed firefox, takes 6 seconds to load the page
transio especially fancy in chrome
Ryan, you got the cloud to move in firefox but not in safari??
zcorpan just wow, totally unexpected, great html5 example document I have to say.
noonnope would fare better if it was more usable
Molona nice and pretty
Guido clear and clean
Eric j, not too usable.
Scallio, hmmm, decent
Mittineague eye tripping
Paul LOL, looks like you had the most fun here, the newsletter was the most surprising, very nice tech demo, and surprisingly clean html for the amount of features, and how did you make the background so striped, will have to analyze for a while.
Now letās judge the out of competition entries, who gets what place
I say:
- Paul (talk about going overboard LOL!)
- Molona
- guido2004
itās gonna take me ages going over each oneās special features, and yes I was also extremely busy with work, but you can always find the time, when eating, when resting, during the evening, or even in the bathroom.
p.s. What about the 3 example entries? they also need to be featured with their creator name.
p.p.s. oh and do we get the pretty little icons next to our avatar/name?
I donāt know what to make out of zcorpanās.
Hee hee. Awesome.
I suppose the three examples should be listed as āStaff entriesā as well : )
Looking through the list, I noticed the high number of ābrokenā-looking sites simply because of @font-face. Now, for this contest thatās ok, because you could do a lot of cool things with @font-face. But I think it gives people a good idea of how badly is works without a fallback in the rest of the browsers.
awesome indeed.
yes, after all they also put in work, and I think I know who made the ācoderā one
which is why I decided not to use it at all for the text of the website, where a fallback was not possible.
Generally I think itās best avoided unless it really shines and has a fallback of some sort (what you said).
ā¦wait, was mine broken?
So Candygirl what will you be drinking from the cup and do we get to see a picture of you in your new SitePoint T-Shirt when it gets shipped?
Either the top three people are being modest about not being ādesignersā or have some other hidden talents? Like I said from the beginning this wasnāt just a ādesign contestā and that you didnāt need to be a designer to be placed high. My word, was my bond!
Having artist flare would help a lot, you also had to pay attention to the markup and other items as the competition would be fierce. Therefore if there were loads of ācool designed pagesā but not many with good markup. Then obviously the ones with better markup could have an extra benefit by gaining in that category. Same with browser compatibility if it fell to pieces in a modern browser it may have suffered.
So having a good solid foundation in markup would help. As you were all aware I was one of the judges and my magnifying lenses would see what was lurking underneath at source code level.
ā¦was obviously the strongest basis of judgement, as specified in the rules (itās a markup competition, not a design competition)ā¦ so no one should be shocked that some of the best designs didnāt even place.
Why thank you YuriKolovsky.
I very much like your bold use of typography and overall layout, and your attention to detail in recreating the Facebook and Twitter logos is fantastic.
Iām not mad keen on your background gradient though if Iām honest, but other than that very well done!
Iād also like to extend my congratulations to all participants for a job well done.
Third, not bad for 2 hours work.
Thanks Yuri
imaginekittyās source is beautiful!
At some point I had the āmicrosoft paintā part of text in a rainbow color where each letter had a varied size and was blinking, I mean itās fun to make fun of m$ paint, but I also have a special place for it in my heart as a very challenging medium to work with, you canāt spell āMicrosoft Paintā without āPainā.
a small tribute to Microsoft paint, here have a laugh.
1 [URL=āhttp://i119.photobucket.com/albums/o126/yurikolovsky/BobaFettsmall.jpgā]2 [URL=āhttp://i119.photobucket.com/albums/o126/yurikolovsky/Jediknight2.jpgā]3 [URL=āhttp://i119.photobucket.com/albums/o126/yurikolovsky/Iceman.jpgā]4.1 [URL=āhttp://i119.photobucket.com/albums/o126/yurikolovsky/IcemanNight.jpgā]4.2 [URL=āhttp://i119.photobucket.com/albums/o126/yurikolovsky/Busywithcomputer2.jpgā]5
haha np guido
Thanks for the kind words Yuri. I really like the clean and straight forward design you did, and it is amazing the resemblance of the twitter and facebook logos
Iāve been truly impressed with the designs in general and all the work every participant put into this. I hope that I can have new ideas from this contest, and learn something new from here.
My only complain is that I donāt get the cup for being in the second placeā¦ of the āstaff entriesāā¦ it is so hard to compete against Paul
Yuri. The cloud is moving but just so slow you canāt see it. I set the speed very low and itās perfect in FF but itās too slow in Safari.
I decided that instead of increasing the speed, Iād leave it be. I didnāt want it to be distracting.
Yes, I just had a bit of fun with it. Nothing serious and all over the top.
Iām not a designer as such so I just throw code at it until something happens or it looks better than it was. The diagonal gradients really slow the page down though in Firefox. My favourite part was the ugly fish in the contact section (safari or ff4 only) - and the fluid table.
Iām impressed with all the entries as there was something in each that I liked and Iām glad I didnāt have to judge.
Congratulations again to all those that entered and made this more interesting.
I enjoyed the comp, it was my first venture into HTML 5 having been using XHTML up to now. Since the comp I have been swatting up on HTML5 and CSS3 and have started to incorporate into my sites
Just wondering if anyone has hovered over my fish yet? It has a little easter egg, but works best in safari and chrome.
Thanks for the chance to take part, and well done to all the winners
@Ryan, ah now I see it.
LOL I missed that one completely.
@Logowizard yeah I noticed it
Mine has little title attribute jokes scattered around it
@ Paul OāB, just seen your fishā¦ youāre right it is ugly, but fun all the same
Yes, Graham we noticed the fish and itās ātrickā. We liked many of humorous or unique aspects such as that and Ryanās moving cloudā¦ or the blinking text in Jaapās tribute to MS Paint.
Even some of the funny title text; like in Timās social media icons, or Csabaās moving fish, etc. There is plenty to keep you entertained within the examples and itās nice to see how different people tackled the challenge.
and how they all approached it differently. Some fantastic designs and examples of HTML and CSS at itās best.