Geizhals-Designwettbewerb (DRAFT), Vorschläge/Feedback erwünscht
Geizhals » Forum » Geizhals » Geizhals-Designwettbewerb (DRAFT), Vorschläge/Feedback erwünscht (120 Beiträge, 2710 Mal gelesen) Top-100 | Fresh-100
Du bist nicht angemeldet. [ Login/Registrieren ]
Geizhals-Designwettbewerb (DRAFT), Vorschläge/Feedback erwünscht
24.11.2010, 18:04:50
Vorschläge zur untenstehenden Idee bitte posten

(die Abstände bei den headings sind leider viel zu hoch, sorry für die schwere Lesbarkeit)




GH-Designwettbewerb



Version 0.2 (draft)

Kurzfassung



Jeder kann CSS-Änderungen auf Basis des aktuellen Designs oder komplett neue CSS-Designs für GH (ohne Forum/Kleinanzeigen) einschicken. Die 10 besten Einsendungen bekommen Preise, zusätzlich gibt es einen optionalen Sonderpreis für eine Einsendung, die uns so gut gefällt, daß wir sie hauptsächlich umsetzen. HTML-/Layout-Änderungen sind nicht erforderlich. Einsender, deren Vorschläge wir umsetzen, werden auf geizhals.at verewigt.

Zielsetzung



Geizhals möchte unter Einbeziehung seiner User ein modernes, effizientes Design umsetzen, das Bedacht auf die aktuelle CI nimmt (mindestens das aktuelle Logo sollte erhalten bleiben).

Modus



Teilnahme

Es kann jeder teilnehmen, auch nicht registrierte User. Der Rechtsweg ist ausgeschlossen. Sämtliche eingesendeten Designs werden Eigentum der Preisvergleich Internet Services AG. Es können komplette Designs (auf Basis eines leeren Stylesheet bzw. ohne Verwendung vorhandener Designelemente) oder Änderungen des bestehenden Designs eingeschickt werden (als zusätzliches .css, das nach den aktuell verwendeten eingebunden werden kann). HTML-Änderungen können optional vorgeschlagen werden, sind jedoch nicht für ein Funktionieren des Designs vorauszusetzen. JavaScript sollte nicht erforderlich sein bzw. ist nicht erwünscht.

Umzusetzen sind demnach Stylesheet-basierte Designs für:
- http://geizhals.at  (http://gh.de )
- http://skinflint.co.uk  (wie geizhals.at + skinflint.css, leicht modifiziertes Layout/HTML)
- http://compare.eu  (selbes Stylesheet wie geizhals.at, Layout/HTML in etwa wie Skinflint)

Abwicklung

Die Einsendungen bis zu einem Stichtag (TBD, ca. 8 Wochen ab Beginn) werden berücksichtigt und von einer Geizhals-Jury nach mehreren Punkten bewertet:

1. Kompatibilität mit gängigen Browsern

2. Technische Umsetzung

3. Usability

4. Ästhetik

5. Originalität

6. Vollständigkeit (komplette Designs sind besser als einzelne Anpassungen)

Die besten Designs/Designvorschläge werden mit Preisen belohnt, zusätzlich bekommt jenes Design,
das von Geizhals schließlich hauptsächlich umgesetzt wird, einen Hauptpreis, wobei wir uns vorbehalten, auch Teile anderer Designs zu übernehmen und ggf. kein Design für den Hauptpreis auszuwählen, falls es keins gibt, das vollständig und geeignet genug erscheint um es zur Gänze oder großteils umzusetzen. Einzusenden sind alle benötigten Dateien, also Stylesheets und ggf. Grafiken in einem ZIP-Archiv per e-Mail an designwettbewerb@geizhals.at

Preise

Derzeit sind folgende Preise geplant:

* Beste Designs/Designvorschläge

1. Platz: ein Apple MacBook Pro 17" mit SSD

2. Platz: ein Apple 27" display

3. Platz: ein Apple iPhone 4

4.-10. Platz: ein Amazon-Gutschein im Wert von XXX EUR

* Optionaler Hauptpreis für ein hauptsächlich umgesetztes Design:

XXXX EUR in bar.

Credits

Alle Einsender, deren Vorschläge wir ganz oder teilweise nutzen/umsetzen, werden an prominenter Stelle auf geizhals.at erwähnt. Die besten funktionierenden Designs werden nach Möglichkeit unter speziellen URLs eine Zeit lang zur Verfügung gestellt und im Forum verlinkt.

Anforderungen



Allgemeines

Geizhals legt Wert auf effiziente Nutzung der Bandbreite, sowie auf leichte Lesbarkeit und klare Strukturierung. Es sollten daher Lösungen vermieden werden, die einen anderen Zweck verfolgen, also z.B. sehr grafiklastige Designs.

Kompatibilität

Das fertige Design wird mit unterschiedlichen Browsern getestet und entsprechend bewertet. MSIE<=6 muß nur insofern unterstützt werden, als das Design prinzipiell funktionieren, aber nicht identisch aussehen muß (z.B. runde Ecken sind nicht erforderlich, aber ein wegen DIV-/Float-Bugs komplett verschobener Inhalt darf nicht sein).

CSS

Das aktuelle GH-Design ist nach zahlreichen Überarbeitungen inzwischen hauptsächlich per CSS implementiert.  Geizhals selbst, sowie die leicht abgeänderte Darstellung unter http://compare.eu  verwenden das Stylesheet base8.css, http://skinflint.co.uk  ein zusätzliches skinflint.css. Diese Aufteilung soll beibehalten werden. Da ein nicht unwesentlicher Teil der CSS-Angaben in base8.css mittlerweile nicht mehr verwendet wird, sollte nach Möglichkeit mit einem leeren Stylesheet begonnen werden.

* Selektoren

Wir verwenden aus Performance-Gründen möglichst wenige Child/Descendant selectors. Für eine Teilnahme am Wettbewerb sind derartige Einschränkungen jedoch nicht nötig, sofern sich die CSS-Angaben später über performantere CLASS-/ID-Attribute lösen lassen.

* CSS3 usw.

Noch nicht von allen Browsern identisch unterstützte Features wie runde Ecken (border-radius) und gradients sind unter Verwendung der aktuellen browserspezifischen Angaben zu implementieren (-webkit-border-radius usw.)

* Encoding

Das CSS muß mit jedem Encoding funktionieren, d.h. die ggf. verwendete CSS-Eigenschaft content darf nur Zeichen verwenden, die zumindest mit UTF-8, ISO-8859-1, ISO-8859-2 und Windows-1252 funktionieren. Falls unbedingt erforderlich, könnten Ausnahmen gemacht werden (für ein wirklich außergewöhnlich gutes Design stellen wir vielleicht alles auf UTF-8 um ...).

Experimentieren mit diversen Browsern



Opera

Mit einem "User style sheet" kann man sehr leicht Änderungen am bestehenden Design testen: http://www.opera.com/docs/usercss/

So kann man z.B. alle Schriften ändern:


* {font-family: "tahoma" !important;}


Eine user.css mit diesem Inhalt irgendwo speichen und wie beschrieben unter "Site Preferences" für geizhals.at einstellen, fertig.

So kann man die Link-Unterstreichung deaktivieren und die GH-Navigation auf die rechte Seite verlagern:


a {text-decoration: none !important;}
a:hover {text-decoration: underline !important;}
div#gh_leftnav {right: 0px !important; left: auto !important;}
div#gh_content_wrapper {margin-left: 0px !important; margin-right: 194px !important;}


(!important braucht man bei Opera, da das user.css nach den GH-Stylesheets eingebunden wird, bzw. wenn man nicht von einem leeren Stylesheet ausgeht).

Firefox

Das Web Developer Plugin (https://addons.mozilla.org/en-US/firefox/addon/60/ ) ist empfehlenswert, damit kann man kleine Änderungen direkt testen (CSS => Edit CSS)

Viel Spaß beim Experimentieren!



Korruptionsoase Österreich

» skinflint failblog pictureisunrelated

"Sechs der zehn reichsten Österreicher erhalten Agrarsubventionen" (orf.at)

"Nicht Einwanderung muss uns aufregen, sondern Auswanderung aus Deutschland" (Annette Schawan, CDU)

25.11.2010, 16:16 Uhr - Editiert von mjy@geizhals.at, alte Version: hier
Antworten PM Alle Chronologisch
 
Melden nicht möglich
.  Re: mein Vorschlag!  (So-Ned am 25.11.2010, 23:45:23)
 

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung