Der Webcontest #1 (CSS, HTML, JS)

[Maisaffe]

Contest #1: Der Webdesigner
Nach einer Woche, nach mehr oder weniger intensiver Beratung, ist der Web Design Contest eröffnet.

Die erlaubten Websprachen sind nach wie vor:

• CSS
• (X)HTML
• JS* #1

* JS darf nur für Designerische Verwendung eingebunden werden. Also keine Scripts, welche Eingabe von einem User verarbeiten.
Alle anderen Websprachen sind ausgeschlossen!

Webseiten- Inhalt, Erlaubt sind:

• Lorem- Blindtexte (sowie Abänderungen) Dt. Lorem Alternative
• Eigene Texte (z.B. aus eigenen Referaten)
• Keine Fertigtexte von anderen Internetseiten!

Designsrichtung oder Topic
Es gibt kein Thema an welches man sich halten muss. Man kann also zu jedem erdenklichem Thema eine „Seite“ erstellen.
Ein paar Ideen wären: Persönliche- Referenzen- Seite, Cosplay, Thema: Fußpilz*, Land (z.B. Japan vorstellen), etc.
* Fußpilz: Yuna: ich bewerte von mir aus auch Seiten zum Thema Fußpilz XDD

Abgabetermin:
Abgabetermin ist in 2 Wochen, am 24. Juli 2005 (20:00Uhr).
Ihr könnt direkt nach dem lesen des kompletten (!) Postings anfangen zu Basteln.





>> Es gibt 5 Möglichkeiten einen der ersten Plätze zu ergattern:<<

• RPG- Kingdom- Interne- Abstimmung (Jeder User darf wählen)
• Jury: Allgemein
• Jury: Code
• Jury: Design
• Jury: Code & Design (Code & Design wird zusammengezählt)

Die Jury besteht aus und ist bestechlich durch:

• Allgemein: adikt, bestechlich durch eine Reise nach Japan.
• Allgemein: Ete, bestechlich mit Wikingern Oô
• Allgemein: Yuna, bestechlich durch Flying Horse und guter Fotografie von Menschen.
• Code: dadie
• Code: Dingsi, bestechlich durch viele Hawaii- Mini- Pizzen. Oder Sex. Oder Hawaii- Mini- Pizzen und Sex. Natürlich nur mit Frauen.
• Design: kris ’blizzard’, bestechlich durch Geldbeträgen ab €2000.
• Design: ses

Diese Kriterien verwendet die Jury, welche objektiv bleibt (Liste kann erweitert werden => PN oder Posting):
Es gibt 3 Kategorien mit je 3 Chancen auf die ersten Plätze: Allgemein, Code, Design

Kategorie: Allgemein

• Design passend zum Thema (falls direktes Thema vorhanden)
• Ersteindruck der Seite
• Jury wählt nach eigenem System, z. B. Eindruck d. Seite

Kategorie: Code

• Ladezeiten, im Vergleich mit Komprimierung d. verwendeten Bilder (z.B. Reduzierte Farbtiefe bei Bildern mit wenig Farben)
• Übersichtlicher Code (nach Meinung d. Jury)
• Validität nach W3C Standart (HTML, CSS)

Kategorie: Design

• Design passend zum Thema?
• Funktionalität
• Logik (Systemaufbau, Sortierung)
• Extra Leistungen (z.B. Selbst erstellte/ bearbeitete Bilder)
• Optik

PS: Ich wünsche Euch viel Erfolg! (Anmerkung: Ich mache auch mit, jedoch habe ich noch keinen genauen Plan was ich machen werde.)

Abgabetermin:
Abgabetermin ist in 2 Wochen, am 24. Juli 2005 (20:00Uhr). Sollte die Frist nicht reichen (bei mehreren), kann man den Contest ja noch ein klitzeklein- wenig Verlängern.

[Maisaffe]

Ich habe vergessen, und ich schiebe es schon eine Woche vor mich her, zu erwähnen das die Dateien gezippt mir zugeschickt werden sollen. Oder bei Euch auf dem Webspace downloadbar sind, damit ich eine Zusammenfassung aller Teilnehmer auf eigenem Space (und für die Jury downloadbar) habe.
Nicht das einer hier rumschummelt mit ein paar PHP Abschnitten in seiner HTML.
Wenn möglich postet hier nicht Eure Seite, sonst kommt hier noch einer und beschwert sich wegen Korruptheit, da User X mit Jurymitlglied Y Verwandt ist, bekommt User X den Verwandschaftsbonus.

PS: Ich sehe die Dateien auch nicht mit Namen aus, sondern mit Zahlen (und zwar in der Reihenfolge, in welcher ich die Zip/ Rar/ 7z Dateien bekomme. Mail gibts per PN).

[codec]

Sorry, ich will nicht flamen oder so. Aber hab ich das richtig verstanden? Dadie in der Jury? Und dann soll er noch Code bewerten?
Hey, hallo. Mal ganz ehrlich. Er soll erstmal selbst anstaendigen Code schreiben.
Jemand der sowas nicht kann, kann sowas schon garnicht bewerten.

Hm, k. Kommt ein wenig spaet, aber trotzdem.

[DFYX]

Ich stimm codec absolut zu und zwar unabhängig von meinen bisherigen Streitigkeiten mit Dadie. Es sollte doch wohl mehr als deutlich erkennbar sein, dass Dadie selber noch Probleme hat, sauberen Code zu schreiben. Wir haben hier doch wohl genug fähige Webdesigner.

Ich für meinen Teil werde jedenfalls nicht mitmachen, was zum Teil auch an Dadie liegt.

[dadie]

ICh will jetzt nicht sagen das ich der besste Coder der welt bin aber HTML/XHTML kann ich aus dem FF und schreib darin immer Valide ordentliche code.

Ich halte mich an den unvierselen Code style mit 4 leerzeichn und achte darauf CSS so einzusätzen das weder der IE noch anderre Browser drunter leiden müssen.

Ich achte auf Textbrowser genau so wie auf Grafik Browser und lasse Niemals Bilder etwas wichtiges übernehmen.

Ich bin evtl. ein Boxen freak weil ich es lieber kanntig habe aber das hat nun herzlich wennig mit code zu tuhn !

Und nun würde ich gerne eine Begründung hören den in C++ oder sonst einer Programmier sprache bin ich wirklich schlecht aber in Makeup Sprachen und in manchen Scriptsprachen bin ich sehr gut

Edit:

Aber wenn ihr wollte träte ich gerne zurück ich meine an mir soll es nicht scheitern


edit2:

@Dadie: Das mit den Texteinrückungen: Ich mache meist nur 1 und 2er Einrückungen, stats 2er und 4er. Das ist für mich Übersichtlich.
Sowas solltest Du nicht abwerten, solange man trotzdem einen Sinn erkennt und solange Du etwas erkennst.

...

Damit wollte ich nur sagen das ich mich an eine Code ordnung halte und nicht wahrlos alles in eine zeile einrücke oder total Plann los unleserlich code ^^ ich finde die anderren Systeme auch alle toll vorallem gefällt mir auch der 2 leerzeichen Style siht schön aus ^^ nur hab ich mir halt die 4 angewohnt

[Maisaffe]

Aber wenn ihr wollte träte ich gerne zurück ich meine an mir soll es nicht scheitern

...

Dadie, Du machst garnichts. Nur wegen 2 User die ne Woche zu spät kommen?

Ausserdem, kennt ihr Knoppix?
Konnte das in Version 3.4 oder 3.5 NTFS Festpatten beschreiben? Nein. Konnte es die Festplatten lesen? Ja!
Gehen wir von aus das Dadie wirklich so beschweuert wäre wie ihr sagt (was ich nicht der Meinung bin), dan könnte er immer noch nach dem Aussehen von dem Code bewerten. Also ob er Ordentlich aussieht usw..

@Dadie: Das mit den Texteinrückungen: Ich mache meist nur 1 und 2er Einrückungen, stats 2er und 4er. Das ist für mich Übersichtlich.
Sowas solltest Du nicht abwerten, solange man trotzdem einen Sinn erkennt und solange Du etwas erkennst.

PS: Streiterein könnt Ihr auf PNs verlegen.

[codec]

Sorry, aber Dadie weiß ja nichtmal das es MarkUp-Sprachen sind.
Ich halte nichts davon Leute in einer Jury teilnehmen zu lassen die nichtmal den wirklichen Begriff kennen.
Und ausserdem, dein Vergleich ist nicht gerade sinnvoll.
Das ist als ob man sagt ein Kindergartenkind soll die Mona Lisa bewerten.

[dadie]

Sorry, aber Dadie weiß ja nichtmal das es MarkUp-Sprachen sind.
Ich halte nichts davon Leute in einer Jury teilnehmen zu lassen die nichtmal den wirklichen Begriff kennen.
Und ausserdem, dein Vergleich ist nicht gerade sinnvoll.
Das ist als ob man sagt ein Kindergartenkind soll die Mona Lisa bewerten.

...

Also willst du folgendes sagen :

Ein Mensch der kein verständniss von irgentetwas hat und sehr unerfahren und wissens beschränkt ist.

Das soll also ich sein -.-

Soll das Meister werk dieses Jahrhundert bewerten.

Ich will ja nix anzweifeln aber ist das nicht "etwas" hochnässig

Ich Persönlich tuh mal das was ihr immer von mir woll Ich will beweisse.
Und keine "ja damals ....." oder "ist doch so" sondern echte beweisse gebt mir einen Link gebt mir einen text.Der zeigt das ich unfaig bin HTML zu Coden/lesen/bewerten.

Und dabei ist zu beachten wenn ihr ein z.B. 2 jahre alten Topic ausgrabt das ich das was ich dort nach frage inzwischen weiss

[Rolus]

Das ist als ob man sagt ein Kindergartenkind soll die Mona Lisa bewerten.

...

Die Bewertung würde mir persönlich wohl besser gefallen, als die irgendeines Kunstkritikers.
Es gibt doch auch eine Forenabstimmung. Wem es nicht passt, dass er von einer Jury bewertet wird, braucht sich ja nicht um die Jury zu kümmern und setzt nur auf die Umfrage. Ich denke das Ergebnis der Umfrage ist eh um einiges wichtiger als die Meinung der Jury. Außerdem haben die anderen Jurymitglieder ihre Kompetenz auch noch nicht unter Beweis gestellt (oder hab ich was verpasst?). Wenn es dir nur um's Können/Wissen ginge, müsstest du theoretisch auch andere anzweifeln. Wenn's nur ein persönliches Problem mit dadie ist, hat's hier eigentlich nichts zu suchen. Ich denke nicht, dass dadie der schlechteste Webmaster unter den Jurymitgliedern ist und ich denke eh nicht, dass das Urteil der Jury wichtig ist ..

freundliche Grüße, Rolus

[codec]

Von den anderen Jurymitgliedern kann ich niemanden beurteilen.
Nur Dadie und Dingsi. Und bei Dingsi weis ich das er es kann.
Und das ist nicht wirklich ein persoenliches Problem mit dadie.
Es ist nur, jeder 2te seiner Posts sind a) kaum lesbar b) will er anderen immer nur seine Meinung aufdruecken - die eigentlich immer falsch ist.
Aber whatever, ich nehme nicht am Contest teil, von daher kanns mir ja egal sein.

Und was ich zu Bewertung von Code sagen wollte (ob er sauber ist, bleh):

Code:

#!/usr/bin/perl -w                                    
use strict;
                                           $_='ev
                                       al("seek\040D
           ATA,0,                  0;");foreach(1..2)
       {<DATA>;}my               @camel1hump;my$camel;
  my$Camel  ;while(             <DATA>){$_=sprintf("%-6
9s",$_);my@dromedary           1=split(//);if(defined($
_=<DATA>)){@camel1hum        p=split(//);}while(@dromeda
 ry1){my$camel1hump=0      ;my$CAMEL=3;if(defined($_=shif
        t(@dromedary1    ))&&/\S/){$camel1hump+=1<<$CAMEL;}
       $CAMEL--;if(d   efined($_=shift(@dromedary1))&&/\S/){
      $camel1hump+=1  <<$CAMEL;}$CAMEL--;if(defined($_=shift(
     @camel1hump))&&/\S/){$camel1hump+=1<<$CAMEL;}$CAMEL--;if(
     defined($_=shift(@camel1hump))&&/\S/){$camel1hump+=1<<$CAME
     L;;}$camel.=(split(//,"\040..m`{/J\047\134}L^7FX"))[$camel1h
      ump];}$camel.="\n";}@camel1hump=split(/\n/,$camel);foreach(@
      camel1hump){chomp;$Camel=$_;tr/LJF7\173\175`\047/\061\062\063
      45678/;tr/12345678/JL7F\175\173\047`/;$_=reverse;print"$_\040
       $Camel\n";}foreach(@camel1hump){chomp;$Camel=$_;y/LJF7\173\17
        5`\047/12345678/;tr/12345678/JL7F\175\173\047`/;$_=reverse;p
         rint"\040$_$Camel\n";}#japh-Erudil';;s;\s*;;g;;eval;   eval
           ("seek\040DATA,0,0;");undef$/;$_=<DATA>;s$\s*$$g;(   );;s
             ;^.*_;;;map{eval"print\"$_\"";}/.{4}/g; __DATA__   \124
               \1   50\145\040\165\163\145\040\157\1 46\040\1  41\0
                    40\143\141  \155\145\1 54\040\1   51\155\  141
                    \147\145\0  40\151\156 \040\141    \163\16 3\
                     157\143\   151\141\16  4\151\1     57\156
                     \040\167  \151\164\1   50\040\      120\1
                     45\162\   154\040\15    1\163\      040\14
                     1\040\1   64\162\1      41\144       \145\
                     155\14    1\162\       153\04        0\157
                      \146\     040\11     7\047\         122\1
                      45\15      1\154\1  54\171          \040
                      \046\         012\101\16            3\16
                      3\15           7\143\15             1\14
                      1\16            4\145\163           \054
                     \040            \111\156\14         3\056
                    \040\         125\163\145\14         4\040\
                    167\1        51\164\1  50\0         40\160\
                  145\162                              \155\151
                \163\163                                \151\1
              57\156\056

Was waere wenn jemand seinen Code so schreibt?


Ach und was ich allgemein sagen wollte, dadie, deine Rechtschreibung wird wieder schlimmer. :/

[Maisaffe]

Von den anderen Jurymitgliedern kann ich niemanden beurteilen.
Nur Dadie und Dingsi. Und bei Dingsi weis ich das er es kann.
Und das ist nicht wirklich ein persoenliches Problem mit dadie.
Es ist nur, jeder 2te seiner Posts sind a) kaum lesbar b) will er anderen immer nur seine Meinung aufdruecken - die eigentlich immer falsch ist.
Aber whatever, ich nehme nicht am Contest teil, von daher kanns mir ja egal sein.

Und was ich zu Bewertung von Code sagen wollte (ob er sauber ist, bleh):

Code:

#!/usr/bin/perl -w                                    
use strict;
                                           $_='ev
                                       al("seek\040D
           ATA,0,                  0;");foreach(1..2)
       {<DATA>;}my               @camel1hump;my$camel;
  my$Camel  ;while(             <DATA>){$_=sprintf("%-6
9s",$_);my@dromedary           1=split(//);if(defined($
_=<DATA>)){@camel1hum        p=split(//);}while(@dromeda
 ry1){my$camel1hump=0      ;my$CAMEL=3;if(defined($_=shif
        t(@dromedary1    ))&&/\S/){$camel1hump+=1<<$CAMEL;}
       $CAMEL--;if(d   efined($_=shift(@dromedary1))&&/\S/){
      $camel1hump+=1  <<$CAMEL;}$CAMEL--;if(defined($_=shift(
     @camel1hump))&&/\S/){$camel1hump+=1<<$CAMEL;}$CAMEL--;if(
     defined($_=shift(@camel1hump))&&/\S/){$camel1hump+=1<<$CAME
     L;;}$camel.=(split(//,"\040..m`{/J\047\134}L^7FX"))[$camel1h
      ump];}$camel.="\n";}@camel1hump=split(/\n/,$camel);foreach(@
      camel1hump){chomp;$Camel=$_;tr/LJF7\173\175`\047/\061\062\063
      45678/;tr/12345678/JL7F\175\173\047`/;$_=reverse;print"$_\040
       $Camel\n";}foreach(@camel1hump){chomp;$Camel=$_;y/LJF7\173\17
        5`\047/12345678/;tr/12345678/JL7F\175\173\047`/;$_=reverse;p
         rint"\040$_$Camel\n";}#japh-Erudil';;s;\s*;;g;;eval;   eval
           ("seek\040DATA,0,0;");undef$/;$_=<DATA>;s$\s*$$g;(   );;s
             ;^.*_;;;map{eval"print\"$_\"";}/.{4}/g; __DATA__   \124
               \1   50\145\040\165\163\145\040\157\1 46\040\1  41\0
                    40\143\141  \155\145\1 54\040\1   51\155\  141
                    \147\145\0  40\151\156 \040\141    \163\16 3\
                     157\143\   151\141\16  4\151\1     57\156
                     \040\167  \151\164\1   50\040\      120\1
                     45\162\   154\040\15    1\163\      040\14
                     1\040\1   64\162\1      41\144       \145\
                     155\14    1\162\       153\04        0\157
                      \146\     040\11     7\047\         122\1
                      45\15      1\154\1  54\171          \040
                      \046\         012\101\16            3\16
                      3\15           7\143\15             1\14
                      1\16            4\145\163           \054
                     \040            \111\156\14         3\056
                    \040\         125\163\145\14         4\040\
                    167\1        51\164\1  50\0         40\160\
                  145\162                              \155\151
                \163\163                                \151\1
              57\156\056

Was waere wenn jemand seinen Code so schreibt?


Ach und was ich allgemein sagen wollte, dadie, deine Rechtschreibung wird wieder schlimmer. :/

...

Eigene Leistungen Bonus!
Designbonus im Code Bereich.
Öhm aber eigetnlich sollte das keiner so schreiben, aber wie geil.

So, jetzt Fressbrett zum Thema Dadie oder ich muss Choc hier aufkreuzen lassen, was ich lieber nicht machen lassen möchte.

[codec]

Eigene Leistungen Bonus!
Designbonus im Code Bereich.
Öhm aber eigetnlich sollte das keiner so schreiben, aber wie geil.

So, jetzt Fressbrett zum Thema Dadie oder ich muss Choc hier aufkreuzen lassen, was ich lieber nicht machen lassen möchte.

Dennis

...

Und was will Chocwise machen?
Anderer Leute Meinung verbieten? Wenn wir ueber andere Leute spielen wollen ist das gar kein Problem..

[DFYX]

Dennis, nehm das nich als persönlichen Angriff, aber hast dus wirklich nötig, den großen bösen Admin einzuschalten? Ich bezweifel, dass ein ernsthafter Admin/Mod hier eingreifen wird. Wie das mit Choc aussieht, weiß ich nich. Dafür kenn ich ihn nich gut genug.

Was Dadie angeht, muss ich codec aber weiterhin uneingeschränkt zustimmen. Das ist, wie wenn jemand, der erst seit einem oder zwei Jahren Englisch lernt, Shakespears Werke auf Grammatik- und Ausdrucksfehler durchsuchen soll. Ich will damit nicht sagen, dass ichs besser kann, aber es gibt doch wirklich geeignetere Leute als Dadie. Wenn von ihm jetzt ein "ihr seid doch alle blöd, ich kann das sehr wohl" kommt, is das nur ein Beweis, dass ich recht hab.

[Chocwise]

Die Sache ist ganz simpel:
@ Codec & DFYX: Ihr habt hier nichts organisiert, also habt ihr auch nichts zu sagen.
Wie ihr bereits festgestellt habt, ists nu eh schon zu spät. Also seid konstruktiv und haltet die Klappe.
Macht halt nicht mit, wenn ihr nicht mögt.
Ihr könnt ja in 2 Monaten euren eigenen Contest hier veranstalten, ohne Dadie in der Jury.
Die Sache hier ist, das ihr die Sache falsch angegangen seid. Es besteht keinen Grund Dadie zu beleidigen und das habt ihr getan. Das was ihr von euch gabt, vor allem du Codec, ist keine "eigene Meinung" mehr.

THREAD CLOSED!

Hmja, hier noch'n Senf von dennis:
Wenn noch Fragen* zum Thread bestehen, dann einfach der Jury oder besser mir eine PN schreiben. Der Thread wird diese Woche Sonntag wieder aufgemacht.

* Beispielfrage: Dürfen Screenshots für eine Game- HomePage verwendet werden? – Klar.

[Manni]

Wollte nur mal ein paar Fragen stellen
Wann kommt eigentlich die Umfrage?
(Bin nämlich ab morgen in Urlaub )
Wie viele Leute haben sich schon angemeldet?
Muss das Design in allen Browsern funktionieren *böse zum IE guckt* ?

[Maisaffe]

Wollte nur mal ein paar Fragen stellen
Wann kommt eigentlich die Umfrage?
(Bin nämlich ab morgen in Urlaub )
Wie viele Leute haben sich schon angemeldet?
Muss das Design in allen Browsern funktionieren *böse zum IE guckt* ?

...

*ebenso böse zum IE guckt

Also, fällt scheinbar alles Flach. >__>
Die Start Ressornance war schlichtweg Geil, und ich gin von einer richtig großen End Ressornance aus.
Der einzigste der A) Fertig geworen ist bist Du, B) überhaupt ne PN geschickt hat bist DU unc C) bist Du der Gewinner! ^^°
Jetzt gibts aber keinen Sonderrang dafür, da Du ja alleine jetzt (ich finds Fett das Design ) überhaupt was abgegeben hast.
Ich habe zu spät angefange und dann hat mein GIF Programm angefange zu spinnen. >__>
Shice Animake.

Naja, ich werd das Design hochladen. Dann kann man ja wenigsten in dem Thread noch über das Design diskutieren.

Edit: Darum pls. hier im Thread diskutieren.
Also unter IE gits bei PNG und Gif (habe jetzt nich nach geschaut) ein paar Farbfehler.
Aber was am schadesten ist, das die Beschreibungen zu den "Links" in der Mitte nicht erscheint in diesem Beschreibungsfeld. Aber so tragisch ist das garnicht.

[dadie]

-.- das ist nun aber Lächerlich , sorry aber DAS IST LÄCHERLICH >.<

Warum haben sovile leuten den Contest Topic so zu gespammt und dann DAS >_>

Ihr hättet euch mal ein Beispiel an Manni_the_Dark können.Toller Code (schöne 2 leerzeichen style )

Das ist doch -.- naja aber Manni_the_Dark Saubere Arbeit das siht wirklich Toll aus

Von mir hättest du volle Punktzahl bekommen den der Style ist sehr schön.Was mich nur etwas stört ist das du target="_blank" benutz was soweit ich weiss nicht mehr dem w3c standart entspricht.Was mich etwas irritiert sind leerzeichen in der class beschreibung aber du hast es ja mit # gelöst damit müsste es eigentlich w3c valid sein.

Also Nice arbeit und ihr anderren Schämt euch >.<

[Manni]

Zum target: Das ist afaik in HTML 4.0 Transitional noch vorhanden.
Zu den Leerzeichen in der Klasse: Man kann einem HTML-Tag auch mehrere Klassen zuweisen, indem man die Klassen durch Leerzeichen trennt. Das habe ich gemacht
Zum Stil: Zwei Leerzeichen? Ich habe eigentlich nur eines gemacht *verwirrt ist*

*in den Urlaub fährt*

[Crash-Override]

Das Design ist klasse!
Naja, er war halt der einige Teilnehmer, also streicht die Umfrage ...

Wir wärs mal mit nem PHP Contest. 1 Befehl pro Zeile und mit ~ 200 Zeilen was sinnvolles entwickeln (Kalender, Interpreter, Gästebucher, Mini-Foren [...])... fänd ich interessanteer als nur ne HTML Seite bauen....

@dead_orc:
Weniger? ò?

Also, ich habe noch rumliegen: Kalender (inklusive Mondphasen+Feiertage [für n' Kumpel]) 132 Zeilen und ein Downlaod/Upload Interface 275 Zeilen (läasst sich noch durch funktionen verkleinern)...

[dead_orc]

Naja, @Manni_the_Dark: Sehr schönes Design. Besonders interessant finde ich deine CSS Lösung für die Beschreibung der oberen Links...

@dadie: Was soll das jetzt heißen? Hättest ja selbst teilnehmen können. Ich glaube, dass die meisten hier einen Contest in PHP machen wollten, und nicht Designen wollten. Ich habe von Anfang an gesagt, dass ich z.B. mich nicht an einem reinen Design-Contest beteiligen werde.

@Crash-Override: Darfs auf kürzer als 200 Zeilen sein? dann hab ich schon nen Kalender Auf jeden Fall meine Stimme für einen PHP-Contest...