Formulare

CSS Design-Wettbewerb: Newsletterbox Designideen

7. Dezember 2006
von

as lässt sich aus einer HTLM-Datei zaubern? Wer hat die besten Ideen? Die Aufgabe bestand darin einer simple HTML-Datei via CSS ein Gesicht zu verleihen. 42 Webdesigner haben mitgemacht.

Die Screenshots basieren auf der Darstellung im Browser Firefox 2.0. Live-Beispiele für Browsertests und eventuelle Effekte oder Animationen wurden verlinkt. Manches sieht im Original vielleicht schicker aus. Mitunter ist auch Kreatives dabei, das in ihrem Browser möglicherweise nicht korrekt dargestellt werden kann.

Einige Teilnehmer haben ihre Grafiken in Unterverzeichnisse gepackt, aber in ihren ZIP-Dateien keine entsprechenden Pfadangaben berücksichtigt. Ich habe das in einigen Fällen bemerkt und korrigiert, aber vielleicht nicht immer. Beim nächsten mal bitte daran denken oder einfach auf Unterverzeichnisse verzichten. Beim Download der ZIP-Dateien daran denken.

Nun aber zur Abstimmung. Was ist stimming? Wer hat technisch am meisten heraus geholt? Und was sieht am besten aus? Vieles ist sicherlich Geschmackssache. Insgesamt aber zeigen die 42 Beispiele eine Menge her. Erstaunlich was man aus ein und derselben Vorlage alles herausholen kann.

Die Abstimmung erfolgt direkt über die Kommentare. Einfach die drei besten Entwürfe benennen. Weitergehende Kommentare sind erwünscht und von den Designern gern gesehen. Die ausgesetzten Preise gehen an die Teilnehmer mit den meisten Namensnennungen. Die Aktion läuft bis einschließlich Montag, den 11.12.2006. Bitte nur einmal mitmachen und keine Tricks versuchen.

Die Einsendungen wurden nach Farbe sortiert. Wobei der Formularfarbentrend klar nach Grün weist, weshalb wir damit beginnen.

Christoph Bach – OriginalentwurfZIP

bach foto

Stephan Kroppenstedt – OriginalentwurfZIP – Abbildung mit Hovereffekt

kropp foto

Michael Baumann – OriginalentwurfZIP

baumann foto

Nicole Broß – OriginalentwurfZIP

bross foto

Raoul – OriginalentwurfZIP

raoul foto

Dirk Jaster – OriginalentwurfZIP

jaster foto

David Bongard – OriginalentwurfZIP

bongard foto

Christian Kler – OriginalentwurfZIP

kler foto

Björn Scholl – OriginalentwurfZIP

scholl foto

Dominik Menke – OriginalentwurfZIP – Abbildung mit Hovereffekt

menke foto

Kajetan Schwarzmeier – OriginalentwurfZIP – Abbildung mit Hovereffekt

schwarzmeier foto

Alexander Jaus – OriginalentwurfZIP

jaus foto

Tilman Schläger – OriginalentwurfZIP

schlaeger foto

Sebastian Löw – OriginalentwurfZIP

loew foto

Lars Burgstahler – OriginalentwurfZIP

burg foto

Christian Simeoni – OriginalentwurfZIP

simeoni foto

Samuel Reis – OriginalentwurfZIP

reis foto

Reinhard Hiebl – OriginalentwurfRAR

hiebl foto

Karin Uhlig – OriginalentwurfZIP

uhl foto

Daniel Daxl – OriginalentwurfZIP

daxl foto

Sebastian Günther – OriginalentwurfZIP

guen foto

AG – Originalentwurf – ZIP

ag foto

Sebastian Gumpp – OriginalentwurfZIP

gumpp foto

Klaus Oppermann – OriginalentwurfZIP

opp foto

Julian – OriginalentwurfZIP

julian foto

Sebastian Majstorovic – OriginalentwurfZIP

maj foto

Martin Zurowietz – OriginalentwurfZIP

zuro foto

Jochen Adolph – OriginalentwurfZIP

ado foto

Bastian Schwabe – OriginalentwurfZIP – Abbildung mit Hovereffekt

schwabe foto

Martin B. – OriginalentwurfZIP

mb foto

Felix de Ruiter – OriginalentwurfZIP

rui foto

Malte Schwarzer – OriginalentwurfZIP

schwarzer foto

Orkun Ergovan – OriginalentwurfZIP

orkun foto

Gerd Reuter – OriginalentwurfZIP

reuter foto

Gabriele von der Ohe – OriginalentwurfZIP

ohe foto

Berthold KrayerOriginalentwurfZIP

kray foto

Lars Krahl – OriginalentwurfZIP

krahl foto

Michael Schneider – OriginalentwurfZIP – Abbildung mit Hovereffekt

schneider foto

Henriette Zirl – OriginalentwurfZIP

zirl foto

Xel – OriginalentwurfZIP

xel foto

Sebastian Dubbel – OriginalentwurfZIP

dubbel foto

Nachträgliche Änderungen der Einsendungen sind nicht möglich.

 foto

Sven Lennartz

Sven ist der Erfinder des Dr. Web Magazins, Autor und Herausgeber verschiedener Fachbücher. Als Webdesigner und Texter früher freiberuflich für verschiedene Unternehmen und Verlage tätig. Jetzt Geschäftsführer der Smashing Media GmbH.

158 Kommentare zu „CSS Design-Wettbewerb: Newsletterbox Designideen

  1. Dave Remmel am 7. Dezember 2006 um 14:53

    Am besten gefallen haben mir die Entwürfe von:

    Alexander Jaus
    Sebastian Majstorovic
    AG

  2. Sebastian Majstorovic am 7. Dezember 2006 um 14:56

    Meine Platzierung:

    1. Sebastian Dubbel (hehe, Namensvetternwirtschaft ;-D )
    2. Jochen Adolph
    3. Michael Baumann

    Tut mir leid an alle anderen, aber die drei finde ich wirklich herausragend. Ich mag halt den “Web 2.0″-Style :-).

  3. Berthold am 7. Dezember 2006 um 15:03

    mir gefallen am besten die Vorschläge von:

    Reinhard Hiebl
    Christian Simeoni
    Sebastian Dubbel

  4. Florian Kraus am 7. Dezember 2006 um 15:04

    1. Christoph Bach
    2. Jochen Adolph
    3. Stephan Kroppenstedt

  5. Andreas am 7. Dezember 2006 um 15:05

    Stephan Kroppenstedt
    Dirk Jaster
    Jochen Adolph

    (willkürliche Reihenfolge)

    Aber es hat ein paar drunter, die sind schon ziemlich schlecht… Aber eben: auch sehr, sehr tolle

  6. florian fruehstueck am 7. Dezember 2006 um 15:07

    1 Daniel Daxl
    2 Stephan Kroppenstedt
    3 Klaus Oppermann

  7. Elias am 7. Dezember 2006 um 15:12

    1. Sebastian Majstorovic
    2. Stephan Kroppenstedt
    3. Christoph Bach

  8. David B. am 7. Dezember 2006 um 15:14

    Meine Platzierungen sind:
    1.Jochen Adolph
    2.Stephan Kroppenstedt
    3.Sebastian Majstorovic(wer hat dort das Nuvola Icon-Theme verwendet?;-))

    Ich finde, dass man an diesem Wettbewerb auch, dass man heute nicht mehr nur HTML etc. beherrschen muss, sondern auch ein Händchen für Grafiken.

  9. Martin Zurowietz am 7. Dezember 2006 um 15:16

    Meine Favouriten sind:

    -Christoph Bach
    -Stephan Kroppenstedt
    -Christian Simeoni

    Sind auch sonst noch n paar sehr gute Ideen dabei.

  10. Horst am 7. Dezember 2006 um 15:19

    - Alexander Jaus
    passt am besten zum Dr. Web-Design

    - Jochen Adolph
    sehr edel

    Allerdings kann ich mich für einen Dritten einfach nicht entscheiden. 8-)

  11. Christoph am 7. Dezember 2006 um 15:20

    Meine Favoriten sind:

    - Martin Zurowietz
    - Stephan Kroppenstedt
    - Michael Baumann

  12. bloggender-teddybaer am 7. Dezember 2006 um 15:22

    Ist wirklich schwierig, da einige sehr gute dabei sind !!
    Also hier meine Favouriten:

    1. Jochen Adolph
    2. Sebastian Majstorovic
    3. Christian Simeoni

  13. Yannic am 7. Dezember 2006 um 15:22

    #1 Sebastian Majstorovic
    #2 Jochen Adolph
    #3 Stephan Kroppenstedt

    Das wäre meine topliste.
    Aber ansonsten sind echt grausame Versuche dabei, sorry :/

  14. Chregi am 7. Dezember 2006 um 15:24

    Sebastian Majstorovic
    Lars Krahl
    Sebastian Günther

  15. Bernhard Maeser am 7. Dezember 2006 um 15:25

    1. Daniel Daxl
    2. Alexander Jaus
    3. Sebastian Dubbel

  16. M4rt1n am 7. Dezember 2006 um 15:26

    also ich finde die besten sind von

    -Christoph Bach
    und
    -Martin Zurowietz

    als drittes evtll.
    -Sebastian Löw

  17. Benny am 7. Dezember 2006 um 15:27

    1. Christoph Bach
    2. Michael Baumann
    3. Reinhard Hiebl

  18. andi am 7. Dezember 2006 um 15:31

    Stephan Kroppenstedt
    Michael Baumann
    Christoph Bach

  19. Dominik Menke am 7. Dezember 2006 um 15:31

    Da sind ja echte Perlen dabei :-)

    Am besten gefallen mir vom optischen Standpunkt her diese fünf:

    * Alexander Jaus – auch wenn es etwas klein ist; ich mag’s groß…
    * Björn Scholl (etwa in dieser Größe ;-))
    * Lars Krahl – geniale optische Erscheinung!!
    * Jochen Adolphs Vorschlag ist auch seeeehr nett!
    * Last but not least: Gerd Reuter gefällt mir.

    …wobei ich nicht sagen kann, welcher von denen nun welchen Paltz belegen sollte…

    Die Analyse der technischen Umsetzung folgt und wird nachgereicht…

    LG
    Dominik

  20. Sebastian Majstorovic am 7. Dezember 2006 um 15:33

    @8 (David B.)

    Als treuer “Dr. Web”-Fan nutze ich selbstverständlich meine Lieblings-Icon-Sammlung ;-)!

  21. Claudia L. am 7. Dezember 2006 um 15:38

    1) Nicole Broß

    2) Stephan Kroppenstedt

    3) Michael Baumann

  22. Thomas am 7. Dezember 2006 um 15:50

    1) Christoph Bach

    2) Martin Zurowietz

    3) Sebastian Majstorovic

  23. L-Roy am 7. Dezember 2006 um 15:55

    In der Reihenfolge

    Nicole Broß
    AG
    Jochen Adolph

    gefallen mir die Einsendungen am besten. Wobei einige andere auch schöne Werke eingesandt haben.

  24. Christian Scalet am 7. Dezember 2006 um 15:58

    Daniel Daxl
    Sebastian Majstorovic
    Christoph Bach

  25. Hannes am 7. Dezember 2006 um 16:02

    1. Stephan Kroppenstedt
    2. Alexander Jaus
    3. Sebastian Günther

  26. Nico am 7. Dezember 2006 um 16:04

    1.) Orkun Ergovan
    2.) Reinhard Hiebl
    3.) Sebastian Dubbel

  27. rafael am 7. Dezember 2006 um 16:05

    1.Nicole Broß
    2.Jochen Adolph
    3.Samuel Reis

    Senationell, wie krativ diese Menschen sind!!!!

  28. David am 7. Dezember 2006 um 16:10

    Nicole Broß
    Abgesehen vom Schatten unterm Button (Geschmacksache, klar!) genial!

    Jochen Adolph
    Zeitlos schön! ;-)

    Lars Krahl
    Schade, dass das “Signieren” nicht als interaktiv erkennbar ist. cursor: pointer; würde es benutzerfreundlicher machen…

  29. rico am 7. Dezember 2006 um 16:13

    Favs: Sebastian Günther, AG und Orkun Ergovan
    Wie war das mit der KISS-Regel?

  30. Björn Scholl am 7. Dezember 2006 um 16:18

    1. AG (super sache mit den animierten GIFs, sieht gut aus und “fühlt sich gut an”)
    2. Jochen Adolph (Web 2.0 Style, dezente Farben, Spiegelung unten ist eigentlich zu viel)
    3. Sebastian Günther (schön schlicht, nur etwas zu hell)

  31. Tobi am 7. Dezember 2006 um 16:28

    1. Sebastian Majstorovic (Schlank, einfach, übersichtlich, nur das Nachladen des Bildes bei hover ist nicht optimal)

    2. Alexander Jaus (Gleiches wie oben, aber das Hintergrundbild ist halt nicht immer passend, wenn die Schriftgröße verändert wird)

    3. Lars Krahl (einfach nur mal eine andere Wortwahl ist auch nicht schlecht…)

  32. justus am 7. Dezember 2006 um 16:30

    Wow..
    Echt kreative, schöne Beiträge!

    Björn Scholl + Alexander Jaus haben schöne Lösungen mit der “etwas schrwierigen” Farbe gefunden. Auch Typo, Gesamtgröße und Aufteilung wirken stimmig, wobei das von Björn Scholl noch nen Tickchen netter ist irgendwie :-)

    Ansonsten gefällt mir der Vorschlag von AG noch gut.

    Jochen Adolph’s Layout sieht gut aus, ist mir persönlich aber schon fast zu web2.0-isch..

    Die anderen Vorschläge, die mir optisch gefallen funktionieren irgendwie unter meinem FF 1.5.0.8/Linux nicht und bekommen deshalb keine Wertung von mir :-)

    Gruß
    Tobias

  33. Christoph am 7. Dezember 2006 um 16:49

    Sebastian Majstorovic
    Sebastian Gumpp
    Sebastian Günther

    Zufällig heißen meine favs. alle Sebastian!

  34. mason am 7. Dezember 2006 um 16:51

    Christoph Bach
    Lars Krahl

  35. Dietmar Jacobsen am 7. Dezember 2006 um 16:55

    Meine TOP 3:

    1.Sebastian Majstorovic
    2.Christian Simeoni
    3.Karin Uhlig

    Lars Krahl find ich optisch einwandfrei, aber ist das noch funktional, erkennt da jeder mit Eintragebedürfnis auch, dass er das hier machen kann?

    Beste Grüße
    DJ

  36. Christian Kolodziej am 7. Dezember 2006 um 17:04

    Meine 3 Favoriten sind:
    - AG
    - Sebastian Majstorovic
    - Christoph Bach

    Optisch gibt es auch noch ein paar andere Highlights, allerdings mit Usability-Problemen, wie mein Kommentar-Vorgänger auch schon angemerkt hat.

  37. BenediktRB am 7. Dezember 2006 um 17:14

    Top 3 von mir:

    Stephan Kroppenstedt
    Sebastian Dubbel
    Sebastian Majstorovic

  38. Max am 7. Dezember 2006 um 17:27

    Das von Julian (http://www.drweb.de/img/csswettnl/julian/cssformx-v.html) gefällt mir sehr gut, das von Michael Baumann ist auch ganz nett.

  39. SonicM am 7. Dezember 2006 um 17:45

    Michael Baumann
    Stephan Kroppenstedt

  40. Sascha am 7. Dezember 2006 um 17:47

    Also meine Favs sind:
    Lars Krahl
    Christian Simeoni
    Sebastian Löw

  41. Michael Rieck am 7. Dezember 2006 um 18:03

    Mein Favorit:

    Orkun Ergovan

  42. Alex am 7. Dezember 2006 um 18:05

    Mein Favorit:

    Orkun Ergovan

  43. Juhu am 7. Dezember 2006 um 18:15

    Karin Uhlig, Jochen Adolph, Christian Simeoni sind meine Favoriten.

  44. Jonas am 7. Dezember 2006 um 18:15

    Also mir gefallen am besten:

    1. Stephan Kroppenstedt
    2. Sebastian Dubbel
    3. Jochen Adolph

  45. [...] Im Dr. Web Weblog gab es eine nette Aufgabe für CSS-Könner. Ein HTML-Formular sollte mittels CSS schick gemacht werden. Es gibt zahlreiche gute Einsendungen, über die nun abgestimmt werden kann. Ein nette Fundgrube um zu sehen, was mit CSS so machbar ist. Tags:CSS [...]

  46. Dennis am 7. Dezember 2006 um 18:19

    1. Alexander Jaus
    2. Sebastian Majstorovic

  47. Lars Krahl am 7. Dezember 2006 um 18:23

    1. Sebastian Gumpp – ich mag cleanes Design sehr (der Text in legend hätte aber noch ein wenig weiter rechts sein können :) )

    2. Sebastian Dubbel – einfach stylisch

    3. Xel – ich mag die Idee

    —–

    Ich wollte nochmal einen kurzen Kommentar zu meinem Entwurf sagen: eigentlich hab ich keinen einzigen Punkt verdient, wenn ich mal ehrlich bin ;) Technisch ist das Ding ganz daneben (weil nur vom FF richtig interpretiert) und ich hab _jetzt_ erst gemerkt, dass ich gar Depesche falsch geschrieben habe *schäm*
    Trotzdem danke für die netten Kommentare!

  48. Ju am 7. Dezember 2006 um 18:46

    mein Favs sind

    1.)an erster Stelle auf jeden Fall: Christoph Bach! der junge hats einfach raus (seine hp is auch krass designed!!!)

    2.)Lars Krahl -> erinnert mich n bisl an gothic aber auf alle fälle genial gelöst!

    3.)Berthold Krayer -> schöne Lösung! auf jeden fall meine dritte wahl! hat stil!

    mfg der ju

  49. oberleiner am 7. Dezember 2006 um 18:58

    hier meine hot3:

    Jochen Adolph – cool!!! (hab meinen desktop mit diesem theme)
    Christian Simeoni
    Alexander Jaus

    best wüsches
    oberleiner

  50. Christian Bachhelm am 7. Dezember 2006 um 19:10

    Meine Favoriten:

    1. Jochen Adolph
    2. Berthold Krayer
    3. Sebastian Majstorovic

    Warum? …einfach nach persönlichem Geschmack ausgewählt.

  51. Phil Marx - just a boy am 7. Dezember 2006 um 19:27

    Unglaublich!…

    Mich als Webcoder und auch ein bisschen -designer sprach der Designcontest von Dr.Web besonders an.Aufgabe war, daseinfache Newsletterformular mit CSS \"ein bisschen\" optisch ……

  52. [...] Vor einer Woche startet auf Dr.Web ein CSS Design-Wettbewerb. Die Aufgabe bestand darin, ein fest vorgegebenes Newsletter-Anmelde-Formular mittels CSS nach den eigenen Vorstellungen zu entwerfen. Der Einsendeschluss ist abgelaufen und nun kann man die eingereichten Entwürfe ansehen. Insgesamt sind es 42, zum Teil sehr unterschiedliche, Designs. Neben Screenshots findet man dort auch die Quelldateien. Sehr praktisch also nicht nur als Inspirations- sondern auch als Informationsquelle für CSS Design. Mein Vorschlag ist ebenfalls dort zufinden. [...]

  53. fornex am 7. Dezember 2006 um 19:47

    Super

    Meine Favoriten sind jeweils:

    Jochen Adolph
    Sebastian Majstorovic
    Stephan Kroppenstedt

    Grund: web20mäßig ;)

  54. Samuel Reis am 7. Dezember 2006 um 20:00

    Sind echt gute dabei.
    Zum Teil aber auch recht grafikbelastet.
    Sieht aber trotzdem gut aus.

    Hier meine Platzierung:

    1. Christoph Bach
    2. Jochen Adolf
    3. Michael Baumann

  55. Tilman am 7. Dezember 2006 um 21:11

    Boah, das sind ma richtig viele Schmuckstücke dabei! Da kann ich ja gleich wieder einstecken xD Viel Web2.0 Zeug, gefällt mir nicht so, aber der Trend ist ja recht eindeutig.

  56. Tobias Richter am 7. Dezember 2006 um 21:15

    Also mir gefällt das von Björn Scholl ganz. Aufgeräumt und durchdacht. Die Farbwahl ist vielleicht ein bisschen zu agressiv, aber passt ja zum cd.

    Das von Jochen Adolph find ich auch ganz klasse, aber vllt. ist die Spiegelung unten zu viel.

  57. Tilman am 7. Dezember 2006 um 21:19

    Ganz vergessen, meine Wertung zu nennen:

    1. Orkun Ergovan
    2. Sebastion Gumpp
    3. Björn Scholl

  58. Helmut am 7. Dezember 2006 um 21:47

    Sehr viel kreatives dabei.
    Echt Respekt an ALLE.

    Hier meine Wertung:

    1. Orkun Ergovan

    2. Stephan Kroppenstedt (wird leider nur im Firefox mit allen Effekten dargestellt)

    3. Berthold Krayer

  59. michael am 7. Dezember 2006 um 22:09

    Dirk Jaster
    Sebastian Dubbel
    Jochen Adolph

  60. Rene Schmidt am 7. Dezember 2006 um 22:33

    Darf ich überhaupt mitmachen? :)) Wahrscheinlich nicht.

    Falls doch:

    AG
    Hiebl
    Adolph

    In dieser Reihenfolge.

  61. sven am 7. Dezember 2006 um 23:35

    Christoph Bach
    Stephan Kroppenstedt
    Jochen Adolph

  62. Xel am 7. Dezember 2006 um 23:39

    Erstmal ein Lob an alle – sind wirklich super Ideen dabei und tolle Umsetzungen.

    @Lars Krahl – Danke. Das war auch alles auf das es mir ankam, eine lockere Idee mit in den Contest zu bringen, auch wenn ich damit keine Chancen habe (technisch gesehen ist das Ding eh mieß, hab es mir bis heute noch nicht in nem anderen Browser wie dem FF angesehen)

    Falls die Teilnehmer auch voten dürfen hier meine Bewertung:

    #1 Lars Krahl – weil ich auf diese Art der Aufmachung stehe (und anfangs auch in die Richtung dachte und es mir für diesen Contest egal ist ob es in anderen Browsern funktioniert.)
    #2 Michael Schneider – Die Idee mit dem Tipp finde ich sehr gut.
    #3 Berthold Krayer – wieso? Weiß ich auch nicht – rein subjektiv betrachtet wirkt es angenehm auf mich.

    und mir selbst 0 Punkte weil die Umsetzung nicht mit der Idee mithalten kann *g*

  63. DerLeser am 8. Dezember 2006 um 00:32

    1. Christian Simeoni
    2. Jochen Adolph
    3. Lars Krahl

  64. BineP am 8. Dezember 2006 um 07:57

    Mir gefällt der Vorschlag von Christian Simeoni am Besten.

    1. Christian Simeoni

    2. Gabriele von der Ohe
    3. Daniel Daxl

  65. Markus am 8. Dezember 2006 um 08:16

    Mir gefällt am besten:
    Nicole Broß

  66. Samurai am 8. Dezember 2006 um 08:58

    Mein Fave:

    Alexander Jaus

  67. [yoschi] am 8. Dezember 2006 um 09:25

    Meine Favoritz lauten …

    1. Michael Schneider
    2. Jochen Adolph
    3. Christian Simeoni

    Bittä!

  68. Elmar am 8. Dezember 2006 um 09:25

    Mir gefallen zwar einige andere Formulare besser als mein Favorit, aber beim Vergrößern “zerfallen” diese, werden unbrauchbar: Buttons “verschwinden”, können also nicht mehr angeklickt werden, Felder und Labels werden unsichtbar oder “entrücken”, eingegebener Text ist nicht mehr lesbar, da die Feldhöhe zu klein ist für die Buchstabenhöhe. Ich testete bis zu 4x Strg++ im Firefox – manchmal benutze ich diese Vergrößerung (sehr müde, Kopfschmerzen). Was von den in meinen Augen gut gestylten noch benutzbar ist (Labels, Buttonbeschriftung, eingegebener Text lesbar, nicht “zerrissen”), ist mein Favorit:

    Samuel Reis

    P.S. Den dicken schwarzen Rahmenbestandteil links würde ich in gleicher Stärke zeichnen wie den Rest (dünner).

  69. BloggingTom am 8. Dezember 2006 um 09:46

    Schicke Formularfelder mit CSS…

    Dass Formulare nicht immer langweilig gestaltet sein müssen, zeigt der CSS Design-Wettbewerb bei Dr. Web. Die Aufgabe bestand darin, ein vorgegebenes Formular mittels CSS möglichst schön zu gestalten. Und die Ergebnisse der 42 Teilnehmer können si…

  70. Robin am 8. Dezember 2006 um 10:15

    1. Christoph Bach

  71. snowgarden am 8. Dezember 2006 um 10:32

    Samuel Reis
    Alexander Jaus
    Sebastian Günther

    keep it simple

  72. EGM Weblog » Wundersames CSS am 8. Dezember 2006 um 10:39

    [...] Selbst das Team von Dr.Web war erstaunt, wieviel man mit CSS aus einer simplen HTML-Vorlage für ein Newsletter-Formular herausholen kann. Es fällt schwer, einen der 42 Einträge zum entsprechenden CSS-Wettbewerb als “den Besten” herauszufiltern. Sehenswert sind alle. | | | Ernst | 10:39 | HTML,CSS & Co., Faszinierend | 0 Views | (Keine Bewertung bisher)  Loading … [...]

  73. René Philipp am 8. Dezember 2006 um 11:19

    Mir gefallen die folgenden Varianten:

    1. Stephan Kroppenstedt
    2. Christoph Bach
    3. Sebastian Majstorovic
    4. Xel

    MfG

  74. Michael am 8. Dezember 2006 um 11:37

    meine Top-Drei

    1. Jochen Adolph
    2. Christian Simeoni
    3. Christoph Bach

    Gruß Michael

  75. Ike (der Kritiker) am 8. Dezember 2006 um 13:17

    1. Sebastian Majstorovic
    2. AG
    3. Lars Krahl

    Bitte Danke!

  76. ~~~d(o.o)b~~~ am 8. Dezember 2006 um 14:09

    Ups! Hatte ich doch glatt vergessen…

    Meine Favoriten:::

    1. Jochen Adolph
    (Ich liebe diesen Style… ;-)
    2. Sebastian Dubbel
    3. Sebastian Günther

    Das Layout von Sebastian Majstorovic gefällt mir eigentlich auch, technisch funkt`s aber nicht in meinem FF (1.5.0.8) – der “Abschicken”-Button schiebt sich nach oben über ein Eingabefeld…

    Have Phun
    ~~~d(o.o)b~~~

  77. [...] Letzte Woche startete drweb.de einen Formular-Design Wettbewerb. Aufgabe war es ein Anmeldeformular für einen Newsletter rein nur mit CSS und Bildern zu gestalten. Was heraus kam ist interessant; Ein Formular und 42 Variationen. Leider kam ich nicht dazu mich auch daran zu beteiligen, aber das Ergebnis inspiriert mich jedenfalls für eigene Gestaltungsarbeiten an Formularen. [...]

  78. Ingo Vogelmann am 8. Dezember 2006 um 15:25

    Ganz ehrlich, bis auf die Web 2.0 – Zeitgemäßen finde ich alle sehr “mäßig”.

    Michael Schneiders besticht – trotz Nicht-Web-2.0-Style – jedoch durch Originalität und saubere, durchdachte Ausführung. No. 1.

  79. White am 8. Dezember 2006 um 15:54

    Meine Favoriten sind:
    1. Stephan Kroppenstedt
    2. Sebastian Majstorovic
    3. Christian Simeoni

  80. Gabi am 8. Dezember 2006 um 16:01

    Mir gefallen folgende Entwürfe am besten:

    Christian Simeoni
    Karin Uhlig
    Christoph Bach

    Allesamt nicht-Web-2.0 – ich kann diesem Stil leider nichts abgewinnen.

  81. Koka am 8. Dezember 2006 um 16:39

    Stephan Kroppenstedt
    Michael Baumann
    Reinhard Hiebl

  82. Martin B, am 8. Dezember 2006 um 17:25

    Mir gefallen am Besten:
    - Jochen Adolph
    - Christoph Bach
    - Michael Baumann

    Abgesehen von meiner Brillianten, schillernden Idee natürlich ;)

  83. mnt am 8. Dezember 2006 um 18:02

    Mir gefällt ausschliesslich der Entwurf von Dominik Menke.

    Vielleicht etwas kleiner, aber nette Idee.

  84. matt am 8. Dezember 2006 um 18:14

    Klaus Oppermann
    Stephan Kroppenstedt
    Julian

  85. markus am 8. Dezember 2006 um 22:49

    Stephan Kroppenstedt und Jochen Adolph

  86. [...] Die bekannte deutsche Webdesign-Seite “Dr.Web” hat zu einem CSS-Desing-Wettbewerb und gestern die Ergebnisse dazu vorgestellt. [...]

  87. Marcel am 9. Dezember 2006 um 10:10

    Mir gefallen alle nicht. Grund überall ist ein Rechtschreibfehler drin.
    Man schreib das Ding E-Mail. (vgl. Duden) und
    http://de.wikipedia.org/wiki/Email

    mfg

  88. Christoph am 9. Dezember 2006 um 10:14

    “überall ist ein Rechtschreibfehler drin”

    Das war aber Vorgabe und wurde im Anmelde-Artikel schon erwähnt.

  89. Christian am 9. Dezember 2006 um 12:00

    Meine Wertung sieht wie folgt aus:

    1) Stephan Kroppenstedt
    2) Sebastian Günther
    3) Nicole Broß

  90. Sebastian am 9. Dezember 2006 um 12:54

    Hier nun auch mal meine Favoriten:
    1) Stephan Kroppenstedt (schön schlicht, aber effektvoll, nur hätte der Hovereffekt schneller sein können)
    2) Klaus Oppermann
    3) Sebastian Dubbel

  91. helge am 9. Dezember 2006 um 13:17

    1) AG
    2) Sebastian Majstorovic
    3) Jochen Adolph

  92. Lars Burgstahler am 9. Dezember 2006 um 13:30

    Meine Wertung ohne bestimmte Reihenfolge

    Christian Simeoni – Der Wurm ist vielleicht etwas zu viel, aber der semitransparente Effekt und der Hintergrund gefällt mir gut, auch der Schrifttyp passt gut dazu.

    Jochen Adolph – Sehr stylish und extrem sauber. Passt aber nur für Apples Web 2.0 Seiten ;-) (halt nicht für jede Seite geeignet)

    Alexander Jaus – Zu klein, aber im Prinzip sehr gut. Sieht gut aus und fügt sich sicher prima als Element in eine Sidebar ein.

    Generell gefallen mir die Entwürfe ohne Bildchen besser. Einige der Vorschläge sind zu unruhig oder überladen.

  93. swordfish23 am 9. Dezember 2006 um 19:25

    Ein fantastisches Beispiel für die Möglichkeiten, die CSS bietet. Tolle Ergebnisse, bin erstaunt über die Vielfalt, auch wenn einzelne Ideen mir schon zu sehr in Richtung Web 2.0 shiny Einheitsglanzbrei gehen ;) Doch, tolle Sache, Glückwunsch an die Beteilligten und Dank an Dr. Web für diesen kreativen Wettbewerb!

    Meine Favoriten

    1) Sebastian Gumpp
    2) Stephan Kroppenstedt und Sebastian Majstorovic
    3) Alexander Jaus

  94. qwertz am 9. Dezember 2006 um 20:29

    1. Sebastian Majstorovic
    2. Felix de Ruiter
    3. Xel

  95. Tony am 9. Dezember 2006 um 21:08

    Tolle Beispiele dabei. Einige besser, einige schlechter. Und hier meine Nominierten:

    1. Stephan Kroppenstedt
    2. Nicole Broß
    3. Michael Baumann

  96. cocolde am 9. Dezember 2006 um 22:54

    Jochen Adolph / Klasse gemacht!
    Christian Simeoni

  97. Habb0 am 10. Dezember 2006 um 09:22

    * Stephan Kroppenstedt
    * Alexander Jaus
    * Samuel Reis

  98. Jens Brueckmann am 10. Dezember 2006 um 11:10

    1. Christian Simeoni
    2. Jochen Adolph
    3. Gerd Reuter

  99. Jörg am 10. Dezember 2006 um 11:12

    Die besten:
    Lars Burgstahler. Komischer Font schwer zu lesen.
    AG. Etwas Kontrastarm.
    Tilman Schläger. Button gehört UNTER die Eingabefelder.

    Ansonsten:
    Björn Scholl. Button könnte besser sein und gehört UNTER die Eingabefelder.
    Nicole Broß, Sebastian Löw, Jochen Adolph. Gut aber billige Schlagschatten und 3D-Effekte sind so 90er.
    Gabriele von der Ohe. Warum Englisch? Häßlichen Rahmen kann man weglassen. Überladen.
    Stephan Kroppenstedt. Gut aber eklige Farben.
    Felix de Ruiter. Gruselige Farben. Schief.

    …und es schreibt sich E-Mail NICHT Email. Abschicken groß.

  100. Jörg am 10. Dezember 2006 um 11:14

    … und kontrastarm schreibt man klein…

  101. mathepauker am 10. Dezember 2006 um 11:59

    Sebastian Majstorovic
    Christian Simeoni
    AG

  102. Peter am 10. Dezember 2006 um 20:10

    Eigentlich sind alle klasse!
    Aber gut, hier ist meine Reihenfolge:
    1.AG
    2.Nicole Broß
    3.Sebastian Gump

  103. Andreas am 10. Dezember 2006 um 20:29

    Stephan Kroppenstedt

  104. Jan am 10. Dezember 2006 um 22:01

    1. Stephan Kroppenstedt
    2. Sebastian Gumpp
    3. Xel

  105. Eva am 10. Dezember 2006 um 23:31

    Meine Favs:

    1. Nicole Broß
    2. Sebastian Majstorovic
    3. Sebastian Dubbel

  106. Dragan am 11. Dezember 2006 um 00:07

    Ich finde folgende Vorschläge am besten:

    1. Sebastian Majstorovic
    2. Martin Zurowietz
    3. Karin Uhlig

  107. Thomas Raithel am 11. Dezember 2006 um 00:43

    1. Sebastian Dubbel
    2. Lars Krahl
    3. Jochen Adolph

  108. Christoph am 11. Dezember 2006 um 00:48

    Dominik Menke
    Lars Krahl
    Jochen Adolph

    find ich gut…

  109. Dominik am 11. Dezember 2006 um 08:32

    Stephan Kroppenstedt
    Lars Krahl
    Tilman Schläger

  110. jule_ am 11. Dezember 2006 um 10:14

    1. Daniel Daxl
    2. AG
    3. Gabriele

    Guter Wettbewerb, tolle Einsendungen!

  111. Christoph am 11. Dezember 2006 um 10:58

    Stephan Kroppenstedt’s Formular geht zwar im IE 7, aber der Hovereffekt sieht leider total versetzt aus und die Hover-Hintergrundfarbe ist auch anders als im FF 2.0…

  112. Steffi Meyer am 11. Dezember 2006 um 11:32

    Stephan Kroppenstedt

  113. Axel am 11. Dezember 2006 um 11:34

    Stephan Kroppenstedt find ich am besten!(kommt leider beim Screenshot nicht so gut rüber :( )

  114. Steffen am 11. Dezember 2006 um 12:06

    Stephan Kroppenstedt / Lars Krahl

  115. Abstimmen bitte! | Dr. Web Weblog am 11. Dezember 2006 um 12:29

    [...] Noch 23:59h ist Gelegenheit die schönsten Formular-Entwürfe zu nominieren.  Popularity: 1% [...]

  116. Volker am 11. Dezember 2006 um 12:59

    1. AG
    2. Berthold Krayer
    3. Lars Burgstahler

  117. Mario am 11. Dezember 2006 um 13:09

    1. Klaus Oppermann
    2. Jochen Adolph
    3. Stephan Kroppenstedt

  118. Lothar Baier am 11. Dezember 2006 um 13:25

    Meine Favoriten sind:

    1. Sebastian Majstorovic
    2. Jochen Adolph
    3. Sebastian Dubbel

  119. MadS am 11. Dezember 2006 um 13:28

    1.) Alexander Jaus
    2.) Björn Scholl
    3.) Sebastian Gumpp

  120. Arthur am 11. Dezember 2006 um 13:31

    Stephan Kroppenstedt

  121. Christian am 11. Dezember 2006 um 14:46

    Stephan Kroppenstedt

  122. Philipp am 11. Dezember 2006 um 14:52

    Ganz klar:

    1) Stephan Kroppenstedt
    2) Michael Baumann
    3) Lars Krahl

  123. Ralf am 11. Dezember 2006 um 15:22

    Schöne Dinger dabei, touché!

    1. Jochen Adolph
    2. Sebastian Günther
    3. Sebastian Majstorovic

    Sonderpreis für Kreativität (würde ich nicht live erleben müssen, aber sehr nette Idee):
    - Lars Krahl

  124. Eckert am 11. Dezember 2006 um 15:25

    Der von Jochen Adolph, wobei ich mir darüber im Klaren bin als Aqua-Hu** abgestempelt zu werden ;)

  125. kas_ls am 11. Dezember 2006 um 15:28

    Christoph Bach

  126. Christian am 11. Dezember 2006 um 15:30

    Meine Favoriten:

    1. Stephan Kroppenstedt
    2. Sebastian Majstorovic
    3. Sebastian Dubbel

  127. kuat am 11. Dezember 2006 um 15:32

    Jochen Adolph
    Björn Scholl

  128. Phil am 11. Dezember 2006 um 16:05

    1. Sebastian Majstorovic
    2. Stephan Kroppenstedt
    3. AG

  129. .carsten am 11. Dezember 2006 um 16:34

    Meine ersten drei sind:

    1. Jochen Adolph
    2. Reinhard Hiebl
    3. Alexander Jaus

    War aber bei der Menge sehr schöner Vorschläge nicht leicht.

  130. DerNachdenker am 11. Dezember 2006 um 17:29

    Es hat den Anschein, als ob hier versucht wird, einen bestimmten Kandidaten mit unfairen Mitteln zu begünstigen. Ich habe folgendes beobachtet:

    Die Stimmverteilung für Stephan Kroppenstedt lag in den ersten beiden Tagen bei 25-30%, wobei ca. 70% aller abstimmenden Weblog-Leser in diesem Zeitraum ihre Stimme abgegeben haben. Auffällig ist, daß seit Samstag die Stimmenverteilung für Stephan Kroppenstedt um 73% auf 43-50% angestiegen ist, wobei in diesem Zeitraum nur 30% aller Weblogleser ihre wertenden Beiträge geschrieben haben.
    (Berücksichtigt sind alle Beiträge bis einschließlich Nr. 128)

    Ich halte es für äußerst unwahrscheinlich, daß es hier mit rechten Dingen zugeht und fordere deshalb die Redaktion von Dr. Web auf, bei der Stimmenauszählung genau zu überprüfen, ob Manipulationen vorliegen. Wenn ja, ist der betreffenden Teilnehmer selbstverständlich zu disqualifizieren.

    DerNachdenker

  131. Jost Florian am 11. Dezember 2006 um 17:30

    1. Stephan Kroppenstedt
    2. Björn Scholl
    3. Christoph Bach

  132. Mari am 11. Dezember 2006 um 17:48

    1. Christian Simeoni

    dann lange nix und danach

    2. Björn Scholl
    3. Lars Burgstahler

  133. Daniel Weihmann am 11. Dezember 2006 um 17:51

    Zu meiner Bewertung:

    1. Lars Krahl
    2. Sebastian Löw
    3. Stephan Kroppenstedt

  134. Stephan Kroppenstedt am 11. Dezember 2006 um 18:33

    Hallo,
    und vor allem an den Nachdenker sind folgende Worte gerichtet ;)
    Hast dich ja ordentlich mit Mathematik bewaffnet und das so recherchiert. Ich kann dir aber sagen, dass ich hier sicherlich nicht mit unlauteren Mitteln agiere.

    Vielleicht ist dir entgangen, dass man vor allem bei meinem Formular erst einmal genau hin schauen muss, damit man die Feinheiten entdeckt. Der FadeIn beim Mouseover ist auf dem Screenshot nicht erkennbar. So kann ich es mir gut vorstellen, dass die Leute die vor allem später abgestimmt haben – und ja auch nicht durchgängig für mich – sich erst einmal in Ruhe alle Details angesehen haben.

    Aber wenn du meinst das hier mit unlauteren Mitteln der Wettbewerb verzerrt wird, dann ist das deine Meinung. Ich teile diese nicht.

    Ansonsten möchte ich nun auch einmal eine Wertung abgeben zu den Einsendungen:

    Sebastian Majstorovic – leider wird im FF 1.5 die Darstellung so stark manipuliert, dass man keine Eingaben tätigen kann.
    Sebastian Günther – Angedeuteter Aqua Effekt und sonst auch schlicht gehalten ( die Schrift könnte besser gewählt werden)

    AG – Hat auch eine FadeIn und find ich auch klar und einfach zu überschauen.

    Ansonsten wünsch ich hier allen die noch abstimmen viel Spaß.

  135. Georg am 11. Dezember 2006 um 18:40

    Ich stimme für

    Christoph Bach,
    Michael Baumann und
    Klaus Oppermann

  136. Fredy am 11. Dezember 2006 um 19:33

    Meine Favoriten:

    Sebastian Dubbel
    Sebastian Majstorovic
    Christian Simeoni

  137. Dominik am 11. Dezember 2006 um 19:59

    AG
    Julian
    Samuel Reis

  138. rtauchnitz am 11. Dezember 2006 um 20:09

    So…

    Bewertung + Kommentar vor mir

    1. Stephan Kroppenstedt – auch wenn es unter Linux FF 2.0 nicht ganz so aussieht, wie es aussehen soll – Name und eMail sind über den Textfeldern und der Submit-Button ist kleiner. Ich mag den Screenshot und die Idee. :)

    2. AG – schön schlicht. Ich mag es.

    3. Gabriele von der Ohe – n bissel kitschig, aber sonst find ich es stylisch. Hat was – man merkt, das die Frau sich Mühe gegeben hat.

  139. Thomas am 11. Dezember 2006 um 20:54

    Ich find das von Julian super!

  140. Lennie am 11. Dezember 2006 um 20:58

    1. Stephan Kroppenstedt
    2. Julian
    3. Jochen Adolph

  141. Chris am 11. Dezember 2006 um 21:00

    Stephan Kroppenstedt

  142. Rolf am 11. Dezember 2006 um 21:05

    Die Auswahl der Favoriten rihtet sich bestimmt bei den einzelnen Personen danach, wie gut das Formular in die eigenen Homepage passt, oder?

    Ich werde mir bestimmt kein dunkles, rotes oder gelbes Formular in meine in grün und grau gehaltenen Seite einfügen. Im Content- und Sidebarbereich habe ich auf farbe verzichtet, also kommen für mich nur weiße und graue Formulare ins Spiel und es würde hier imho niemand für ein Formular stimmen, das nicht zu seiner Seite passt?!

  143. Rolf am 11. Dezember 2006 um 21:15

    Ach ganz vergessen meine Bewertung:
    Sebastian Günther & Julian
    Beide würden sich gut in mein Design einfügen, wobei das von Julian den vorteil hat, dass es schmaler ist und besser in die Sidebar passen würde.
    Wie gesagt, ich bin ehrlich und sagen, wonach ich entschieden habe.

  144. ~~~d(o.o)b~~~ am 11. Dezember 2006 um 22:08

    LOL…

    Yeah, gib`s ihm!… ROFL…

    Have Phun
    ~~~d(o.o)b~~~

  145. Rolf am 11. Dezember 2006 um 22:10

    Wenn du meinst, aber ich wette, jeder hat im Hintergrund ah ein bisschen darauf geachtet, wie viel kann ich nciht sagen, aber es haben bestmmt nicht viele für ein Formular gestimmt, dass vollkommen nicht passt.

    Trotzdem finde ich die oben von mir genannten Formulare am besten.

  146. Christoph am 11. Dezember 2006 um 22:22

    Mein Gefühl sagt:

    1. Stephan Kroppenstedt
    2. Sebastian Majstorovic
    3. Jochen Adolph

  147. Christoph am 11. Dezember 2006 um 22:33

    @Malefiz: (Beitrag 144)
    Ich möchte deinen Beitrag nicht als Schwachsinn bezeichnen …
    Ein herzbetontes, menschennahes Einfühlungsvermögen ist in keiner Weise für mich spürbar … !

  148. Christoph am 11. Dezember 2006 um 22:43

    @Malefiz: (Beitrag 149)

    Ich wünsche mir, daß dir noch weitere Menschen die Stirn bieten … !

  149. emiglio am 11. Dezember 2006 um 23:02

    Jochen Adolph

  150. Malefiz am 11. Dezember 2006 um 23:09

    Zu Christoph (Beitrag 150): Warum wünschst Du Dir denn das? Weil ich direkt die Wahrheit gesagt habe? Ich gebe zu, dass ich freundlicher hätte sein können. Weißt Du, ich bin eigentlich immer sehr freundlich zu jedem. Leider bin ich im Laufe meines Lebens zu der Erkenntnis gelangt, daß es nichts nützt freundlich zu sein – schon gar nicht zu Deppen. Sie können Freundlichkeit nicht begreifen, sie interpretieren Freundlichkeit als Schwäche. Ich habe viel überlegt, was man tun kann, damit sich das Mittelmaß in unserer Gesellschaft nicht weiter ausbreitet. Ich habe keine andere Lösung gefunden als dreinzuschlagen.

  151. Christoph am 11. Dezember 2006 um 23:21

    @Malefiz: (Beitrag 151)
    Meine persönliche Richtung geht dahin, daß ich mein Ohr erst den “eigenartig” reagierenden, agierenden und erst dann evtl. noch den “eklig” reagierenden Menschen öffne … !
    Eigenart hat Kraft, auch wenn sie im ersten Moment, anscheinend “unaufgeräumt” oft irritiert … !
    Schade, daß Du deiner Einleitung mit dem Schlußsatz eine neue negative Spitze hast folgen lassen … !

    Ich wünsche dir und Rolf eine gute Zeit, fern kommerzgeschwängerter Abläufe.

  152. Bjoern am 11. Dezember 2006 um 23:31

    1. Stephan Kroppenstedt
    2. Dominik Menke
    3. Jochen Adolph

    Sind wirklich sehr schöne Arbeiten dabei. Mein Respekt an alle Teilnehmer!

  153. Slash am 11. Dezember 2006 um 23:46

    1. Stephan Kroppenstedt
    2. Jochen Adolph

  154. Sven Lennartz am 12. Dezember 2006 um 00:21

    hier geht nun nichts mehr. auswertung folgt….

  155. CSS Wettbewerb Gewinner | Dr. Web Weblog am 12. Dezember 2006 um 01:11

    [...] Zuerst einmal ein Dankeschön an alle die beim Dr. Web Wettbewerb mitgemacht haben – an die Webdesigner und die abstimmenden Leser. Die Auszählung der Stimmen ergab folgende Reihenfolge und Gewinner (auf die Bilder klicken, um die Originale zu sehen): [...]

  156. MIEO Blog » CSS Design-Wettbewerb am 18. Dezember 2006 um 18:12

    [...] Dr. Web hat vor kurzen einen CSS Design-Wettbewerb ins Leben gerufen. Dabei ging es um das Design einer Newsletterbox. Die XHTML Datei wurde von Dr. Web vorgegeben und die Teilnehmen mussten dann mit Hilfe von CSS ein möglichst kreatives Design für die Newsletterbox erstellen. Das Verändern des XHTML Codes war dabei nicht erlaubt. [...]

  157. Best of 2006 | Dr. Web Weblog am 20. Dezember 2006 um 10:27

    [...] Dezember Der erste Dr. Web CSS-Wettbewerb. Noch etwas holprig, aber mit sehenswerten Ergebnissen Popularity: 7% [...]

  158. [...] Hab Dir mal ein kleines Beispiel gebastelt. Ideen f

Ein Kommentar? Schön!

Wir freuen uns immer über Leser, die durch nützliche und konstruktive Beiträge zum Thema eine Diskussion anstoßen oder den Artikel mit weiteren Informationen anreichern. Alle Kommentare werden in diesem Sinne moderiert. Zum Kommentar-Fairplay gehört für uns auch der Einsatz von rel="nofollow". Bitte verwenden Sie zudem als Namen weder eine Domain noch ein spamverdächtiges Wort. Vielen Dank!

*