Vor ein paar Wochen teilte ich meinen CSS „Ah-ha!“ Moment und bat andere, ihre zu teilen. Es war viel Spaß zu hören, was diese Momente für die Leute waren. Ich war nicht überrascht zu hören, dass der CSS Zen Garden sehr oft genannt wurde, da dies für mich und unzählige andere eine riesige Erleuchtung war, da bin ich mir sicher. Ich war überrascht zu hören, wie viele Leute speziell Floats erwähnten. Ich überlege, einen ausführlichen Artikel darüber zu schreiben, da ich glaube, dass ich das noch nie getan habe.
„… zu erkennen, dass man den Inhalt einer Box anders gestalten kann als den Rest der Seite“ – Rob Lang
„Es muss so um 2002 oder 2003 gewesen sein, denke ich. Ich sah die Macht von CSS und seine erstaunlichen Möglichkeiten im CSS Zen Garden.“ – Oliver
„Mein CSS ‚Ah-Ha!‘, so einfach es auch klingen mag, kam vom Verständnis, dass der BROWSER SEINEN Stil zuerst anwendet und daher jedes CSS, das Sie anwenden, diese Regeln im Wesentlichen überschreibt“ – David Huntley
„Meins war das erste Mal, dass ich Firebug installiert habe…“ – Francisco
„… die Zeit, in der ich herausfand… den Unterschied zwischen Block- und Inline-Elementen…“ – survivor
„… html.css (die Firefox-CSS-Datei) aufgeschlagen und erkannt, wie ein Browser funktioniert.“ – Tim Wright
„… zu erkennen, dass ich Bilder für jedes Seitenelement verwenden könnte…“ – Bob
„Als ich endlich wirklich verstand, wie ich meine Floats in ALLEN Browsern dazu bringen kann, das zu tun, was ich will.“ – Lindsey
„Für mich war es, als ich das Box-Modell verstanden habe.“ – liam
„… so etwas wie oh, DAS ist, wofür clear:both ist.“ – V1
„Mein Ah-ha! Moment war die Erkenntnis, dass position:relative auf einem bestimmten Div es ermöglicht, position:absolute jedes Element innerhalb dieses Divs zu positionieren…“ – gaga
„Die Erkenntnis, wie Floats wirklich funktionieren. Plötzlich schien die Verwendung von Tabellen für das Layout so 90er zu sein.“ – Erik Brännström
„… das erste Mal, dass ich entdeckte, dass ich kein Javascript OnMouseOver verwenden musste.“ – Jay
„zu verstehen, dass es einen ‚normalen Fluss‘ gibt – Serge
… herausfinden, wie Elternstile auf Kinder angewendet wurden… – Heidi
Für jemanden, der sich dieses Webdesign/Entwicklungszeug selbst beigebracht hat, möchte ich hinzufügen, dass mein Ah-ha!-Moment war, als ich Firefox vor zwei Jahren entdeckte und erkannte, dass es konform war, im Gegensatz zu IE…
Das hat wirklich dazu beigetragen, dass der Entwicklungsprozess korrekt funktionierte…
… mehrere Klassen !!
Wie Daniel, mehrere Klassen (input class=”bordr mndtry”) und Kindklassen, wie das Styling von #menu-Links anders als #main-Links.
Die Erkenntnis, dass ich die Standard- (hässliche) Link-Formatierung loswerden und meine eigene anwenden konnte!
Mein erster „Ah-ha“-Moment war, als ich (im Jahr 2001) entdeckte, dass CSS der richtige Weg war, um den Inhalt/die Semantik einer Website von ihrer Präsentation zu trennen. Ich baute meine erste Website mit Golive und konnte meinen Augen kaum trauen, als ich den aufgeblähten und ineffizienten Code sah, den es produzierte.
Meine zweite Erleuchtung waren – wie ich glaube, für viele andere auch – die Zen Gardens: Ihre wunderschönen und inspirierenden Beispiele bewiesen, dass es tatsächlich mit CSS gemacht werden konnte. Ich bin mehr Programmierer als Designer, aber ich habe dort ziemlich viel gelernt.
Und wo wir gerade dabei sind: Danke Chris für all deine Zeit und Mühe, diese Seite zu einem lohnenswerten Ort zu machen, den man häufig besucht.
Mit freundlichen Grüßen,
Ed
Mein CSS „Ah-ha“-Moment kam, als ich ein einfaches Gästebuch für meine Seitenleiste herunterlud. Ich bemerkte, dass es eine schöne Hintergrundfarbe hatte (was ich damals konnte), was mich zu CSS führte, war .box { border: 1px solid #FFFFFF } Ich musste dringend wissen, was den Rand verursachte.
Einer meiner CSS-„Ah-ha“-Momente kam, als ich anfing, eine Box zu visualisieren, die oben beginnt und sich im Uhrzeigersinn bewegt; um mir die Reihenfolge der CSS-Kurzschreibwerte zu merken.
.class{margin:oben rechts unten links}
Zu erkennen, dass man Dingen mehrere Klassen zuweisen kann… ;)