3 Ausgaben des Webstandards-Magazin zu gewinnen!

psd zu html | codingpeople - webdesign trifft html - 20% Rabatt für alle Neukunden

Webstandardblog goes Webstandards-Magazin - No.3Das Webstandards-Magazin ist seit kurzem mit seiner 3.Ausgabe im Bahnhofs- und Flughafen-Buchhandel erhältlich. Und drei von Euch werden nun die Möglichkeit haben diese Ausgabe, die einen 5-seitigen Artikel von mir zum Thema "CSS-Spezifität" enthält, gewinnen zu können. Weitere Themen dieser Ausgabe sind u.a. "Grids vs. Design", Wireframes & Prototyping, CSS-Frameworks, Icons im Eigenbau, Web2Print, Druck-Stylesheet mit MooTools und vieles andere mehr. Und dazu müsst ihr lediglich die Frage beantworten, ob ihr Layout-Elemente für Webseiten wie "runde Ecken", gleichhohe Boxen oder Image-Replacement mit JavaScript realisiert oder in solchen Fällen darauf verzichtet. Die Antwort muss lediglich bis zum 12.10.2009 mit gültiger E-Mail-Adresse hier eingegangen sein und ihr nehmt automatisch an der Verlosung via Zufallsgenerator teil.

Update 13.10.09: Die Gewinner wurden ermittelt und werden in den nächsten Tagen bezüglich Versands der Gewinne vom Verlag kontaktiert.

Die Gewinner sind:
  1. Kommentar-Nr:7 - Stephan
  2. Kommentar-Nr:18 - Lars alias "carino"
  3. Kommentar-Nr:23 - Bettina

Den 3 Gewinnern herzlichen Glückwunsch und vielen Dank auch an alle anderen Kommentatoren die teilgenommen, diesmal aber nicht gewonnen haben!

Online Usability Tests in 24 Stunden - 39€ pro Test!

  1. soophie 06 Okt 2009, 11:27

    das kann man so pauschal nicht beantworten. runde Ecken setze ich nicht mit Javascript um, aber Image-Replacement durchaus. Fazit: Wenn die beste Lösung nur über Javascript zu realisieren ist, nutze ich das auch, aber ich versuche immer erst einen reinen HTML- & CSS-Workaround zu finden.


  2. Mayo
    06 Okt 2009, 11:34

    Ich sehe das ähnlich wie soophie. Wenn es gar nicht anders geht, kommt JS zum Einsatz. Ich bin immer darauf aus, möglichst "reinen" HTML- und CSS-Code zu schreiben, auch wenn das bedeutet, dass die Datei ein wenig wachsen.


  3. schallinski
    06 Okt 2009, 11:36

    Da kann ich mir soophie nur anschließen...


  4. Markus L. 06 Okt 2009, 11:42

    Also ich bin nicht der fan von runden ecken. Wenn es aber nicht anders geht, versuche ich das via .css zu realisieren. Bei den anderen punkten schließe ich mich mit jemanden kurz der javascript "kann".

    lg
    markus


  5. Martin
    06 Okt 2009, 11:46

    In erster Linie gilt es für mich die performanteste Lösung unter meistens schon vorgegebenen Bedingungen zu finden. Wenn es geht, bleibe ich dabei natürlich bei reinem HTML und CSS, ansonsten habe ich aber auch kein Problem damit JavaScript zu nutzen.


  6. Ninni 06 Okt 2009, 11:53

    Wenn es geht, bleibe ich bei reinem HTML und CSS. Bei gewissen Sachen lässt es sich aber oft nicht umgehen, Javascript zu nutzen.


  7. Stephan
    06 Okt 2009, 12:05

    Für runde Ecken verwende ich im CSS definierte Background-Images. Javascript ist dazu nicht erforderlich. Auch für gleich hohe Boxen kommt man üblicherweise mit CSS schon klar. Es gibt aber Situationen, bei denen ich Javascript für Design-Verbesserungen benötige, weil mit HTML/CSS doch nicht alles machbar ist oder in älteren Browsern nicht alle gewünschten CSS-Funktionalitäten unterstützt werden.


  8. Sascha
    06 Okt 2009, 12:28

    Ich halte mich da auch an Sophies Arbeitsweise. Erst mit HTML und CSS versuchen und dann kann man ja immer noch Extras mit Javascript realisieren.


  9. Tobi
    06 Okt 2009, 12:33

    Ich realisiere sowas auch nur mit HTML/CSS!


  10. Susi
    06 Okt 2009, 12:33

    Nach Möglichkeit nutze ich nur CSS und HTML für runde Ecken. Javascript verwende ich eher selten und nur wenn es wirklich nicht anders geht.


  11. DonFalcone 06 Okt 2009, 12:35

    Also ich hab das schon mit beiden Möglichkeiten gemacht. Die JS Variante ist dabei auf jeden Fall die bequemste.


  12. Matthias
    06 Okt 2009, 12:41

    Runde Ecken mach ich nicht, find ich einfach nicht schön. Egal ob mit CSS oder JS.
    Gleichhohe Boxen hab ich bisher immer nur mit JS umgesetzt und Image Replacement dauert mir teilweise mit z.B. sIFR viel zu lang und stört mich einer Seite.


  13. Frank
    06 Okt 2009, 13:39

    Zuerst wird immer eine Lösung ohne JS angestrebt. Diese Strategie fahre ich grundlegend und greife nur dann zu JS, wenn es wirklich ein Mehrwert in der Gestaltung ist. Oft wird durch den Einsatz von JS die Site nur aufgeblasen, ohne Mehrwert, und die Nutzung ohne JS ist gefärdert. Wenn der Kunde mit sich reden lässt, dann geht es auch ohne JS. Das Medium muss verstanden werden, insofern also: möglichst ohne JS.


  14. Damian
    06 Okt 2009, 13:56

    mhh wieso javascript nutzen, wenn es html/CSS auch kann? zwar funktioniert das noch nicht in jedem Browser, aber wenn man weiß, dass man eine agile zielgruppe hat, dann kann man schon eher davon ausgehen, dass sie auch einen "modernen" browser benutzen.

    gruß
    damian


  15. Philipp 06 Okt 2009, 14:59

    Das ist ein wenig abhängig von der Zielgruppe der Seite. Wenn man davon ausgehen kann, dass nahezu alle Website Besucher JS aktiviert haben, mache ich so etwas über JS. Alle die kein JS aktiviert haben bekommen halt normale Ecken. Alternativ versuche ich solche Funktionen immer über CSS zu realisieren.


  16. Michael 06 Okt 2009, 15:40

    Wenn ich runde Ecken für Boxen haben möchte, dann ausschließlich mit CSS.
    JS brauche ich dazu nicht und möchte es dazu auch nicht nutzen.


  17. Thomas Weise
    06 Okt 2009, 19:06

    Ich will nich an der Verlosung teilnehmen (ich hab das Magazin abonniert), ich wollte dir nur kurz zum 4. Geburtstag gratulieren ;-)
    ... und ich würd kein Javascript für runde Ecken verwenden...


  18. carino 07 Okt 2009, 08:35

    Ich nutze für runde Ecken ebenfalls CSS und auch für alles was browserbedingt machbar ist. Danach muss zwangsläufig JS zum Einsatz kommen, wenn dem Browser die entsprechende Funktion einfach fehlt. Dennoch gilt: die Seite muss auch ohne JS bedienbar sein.


  19. Christian
    07 Okt 2009, 08:38

    Je nach Zielgruppe und Popularität der Seite nutze ich entweder Image-Replacement oder die CSS-Spezifikationen für abgerundete Kanten. Runde Ecken gibts nämlich nicht! ;D
    JavaScript habe ich dafür jedenfalls noch nicht eingesetzt.


  20. Jonathan 07 Okt 2009, 09:49

    Ich verwende runde Ecken nur soweit, dass man auf diese zur Not auf getrost verzichten kann und definiere sie mittels CSS3 und den browsereigenen CSS-Definitionen.

    Außerdem setze ich meist auf das YAML-Framework und damit sind gleichhohe Boxen ein Kinderspiel :-)


  21. Daniel
    07 Okt 2009, 12:34

    Meistens nur XHTML+CSS, wenns nicht anders geht JS


  22. Julian 07 Okt 2009, 14:45

    Bei mir muss ein Design auch ohne JS funktionieren, heisst: Wie geplant aussehen. Wenn sich ein Design nur richtig mit JS umsetzten lässt, stimmt irgendwas mit dem Design, oder mit dem Developer nicht, denn fast alles lässt sich mit xHTML+CSS lösen.
    Das i-Tüpfelchen, sprich weiche Animationen, Gimmicks und weitere Sachen realisiere ich dann über eines der JS-Frameworks meiner Wahl, meistens jQuery, gerne aber auch MooTools.


  23. Bettina Ramm
    07 Okt 2009, 15:28

    JavaScript kann schöne Sachen. In manchen Dingen möchte ich nicht mehr drauf verzichten.
    Bei der Layout-Umsetzung setze ich aber immer auf CSS, wo es geht.
    Manche Layout-Wünsche, die sich mit CSS nicht (ausschließlich) realisieren lassen, vom Kunden aber explizit gewünscht werden, mache ich auch mit JS. Bei eigenen Projekten verzichte ich in der Regel auf solche Gestaltungselemente. Oder halte es wie Frank, dass ich den Mehrwert abwäge.


  24. Benni
    08 Okt 2009, 22:08

    Hi,
    also runde Ecken habe ich bislang noch nie mit eingesetzt, weder per CSS, noch per JavaScript.

    Gleichhohe Boxen .. ja, kommt halt immer irgendwie drauf an, ob ich in der Lage bin die Hintergründe grafisch zu erstellen, um "faux columns" nutzen zu können, ob ich diese "Funktion" eigentlich brauche oder ob ich gar mit YAML arbeite. Da geht das ja fix von der Hand.
    Ich weiß nicht genau, was du mit "Image-Replacement" meinst. Einen Hover-Effekt? Also da nutze ich immer die Möglichkeiten von CSS.

    Generell bin ich aber kein Befürworter des Einsatzes von JavaScript, um Layoutfragen zu klären. Muss auch gestehen, dass mir das noch nie so bewusst untergekommen ist, außer bei Hover-Effekten oder Bildvergrößerungen oder so.

    Wie läuft das dann? Ich schalte JS im Browser aus und das Layout ist kaputt? Klasse Sache. :-/

    Ich finde die Fragen sehr schwer zu beantworten, gerade pauschal kann ich das gar nicht machen. Liegt aber vielleicht auch daran, dass ich jemand bin, der eigentlich immer wieder neue Wege ausprobiert und noch nicht so richtig weiß, welcher Weg für mich der Beste ist. :)

    Am Rande erwähne ich dann gerne noch die Little Boxes-Buchreihe, die ich glücklicherweise kürzlich durchlesen durfte (den ersten Teil, Teil zwei suche ich noch ;-)) .. ich denke, dass JS der falsche Weg ist.


  25. JcK 08 Okt 2009, 23:25

    Ich versuche auch immer, solange es möglich ist, auf JavaScript zu verzichten, nur im äußersten "Notfall" würde ich es tatsächlich nutzen. Hängt aber auch davon ab, welche Anforderungen vom Projekt ausgehen. ;)

    Im großen und ganzen schließe ich mich aber Benni an!


Artikel kommentieren





XHTML ist erlaubt und ausdrücklich erwünscht, wobei folgende Tags eingesetzt werden können: <a href="" title=""> <abbr title=""> <b> <cite> <code> <em> <i> <strike> <strong>


authimage

Modernes Webdesign mit CSS - Das neue Buch!