Eine bearbeitete Version dieses Artikels erschien erstmals in Ausgabe 225 des .net-Magazins - dem weltweit meistverkauften Magazin für Webdesigner und -entwickler.
@twostepmedia: Wo soll das schwere Heben auf einer Webseite erfolgen? Im Frontend oder im Backend?
Lea Verou: Ich bin ein starker Befürworter dafür, auf dem Kunden alles zu tun, was Sie können. Wenn Ihr Code auf dem Client ausgeführt wird, muss er sich immer mit einem Computer befassen, egal wie erfolgreich Ihr Projekt wird.
Alles, was Sie auf den Server schreiben, muss möglicherweise tausende Male pro Sekunde ausgeführt werden, wenn Ihr Projekt erfolgreich ist. Daher wird die Wartung und Erweiterung mit dem Wachstum Ihrer Website immer schwieriger. Ganz zu schweigen von den steigenden Hosting-Kosten, die nur sehr selten vollständig aus den Einnahmen der Website gedeckt werden können. Sicher, viele clientseitige Logik kann dazu führen, dass eine Site langsam geladen wird, aber wir haben Tools, um dies zu vermeiden, wie z. B. Gzipping und Obsfucation und vor allem verzögertes Laden.
@komiska: Deine Arbeit ist super! Wer hat Sie dazu inspiriert, dem technischen Weg zu folgen?
LV: Danke! Ich glaube nicht, dass es darum ging, sich von jemandem inspirieren zu lassen. Ich habe es einfach gemocht, Sachen zu machen, seit ich mich erinnern kann. Als ich ein Kind war, habe ich einmal Küchenschwammtücher verwendet, um Geldbörsen und Handtaschen herzustellen!
Gegen 12 entdeckte ich, dass ich mit der Programmierung nützliche Dinge einfacher und professioneller bauen konnte als mit der Handarbeit. Das hat mich so fasziniert, dass ich mich sofort in das Programmieren verliebt habe und mich immer wieder bemüht habe, es besser zu machen.
@jelmerdemaat: Wie hat @LeaVerou @dabblet erstellt? Mit welchem PHP-Framework / anderer Backend-Technik? Was war der schwierigste Teil?
LV: Dabblet hat keine Datenbank und der serverseitige Code ist minimal. Ein wenig PHP wird nur für OAuth verwendet und generiert eine Ergebnisseite, die ohne das Dabblet-Chrom um sie herum geteilt werden kann (nützlich für Testfälle mit Fehlerberichten). Wie Sie in den Github-Statistiken sehen können, macht PHP nur drei Prozent von Dabblet aus. Alles andere ist clientseitig. Dies hilft, die jsfiddle-Situation zu vermeiden: jsfiddle erledigt alles auf dem Server. Nachdem dies erfolgreich war, ging die Serverlast über das Dach und wurde langsam.
@_dte: Was ist die aufregendste kommende CSS-Funktion für Sie?
LV: Filtereffekte sicher. Sie ermöglichen es uns, Dinge zu tun, die vorher unmöglich waren, nicht nur schwer. Ich bin nicht sehr begeistert von Layout-Modulen, denn a) es wird Ewigkeiten dauern, bis wir sie verwenden können, da sie sich überhaupt nicht ordnungsgemäß verschlechtern und b) das Layout immer möglich war, nur unnötig schwierig. Natürlich sind auch die neuen Layoutmodule sehr wichtig, aber es sind nicht die Dinge, die mich aufregen.
Ich bin auch sehr gespannt auf die relativen Einheiten des Ansichtsfensters vw und vh und die CSS3-Erweiterung des attr () Funktion, die es uns ermöglicht, zu verwenden attr () in jeder Eigenschaft.
Ich möchte neben der Implementierung von Opera auch andere Browser sehen Objektanpassung und Objektposition, damit wir keine Hintergrund-Hacks mehr verwenden können, um Bilder auf ein anderes Seitenverhältnis zuzuschneiden.
@gpirie: Welche Funktion möchten Sie in CSS eingeführt sehen?
LV: A. Strom() Funktion, mit der Sie auf den berechneten Wert anderer Eigenschaften verweisen können. Wie eine Verallgemeinerung von currentColor (was dann ein Alias für werden würde aktuell (Farbe)). Natürlich ist die Implementierung so etwas sehr schwierig, aber die Realität hindert mich nicht daran zu träumen!
@kevdog: Was sind die drei häufigsten CSS-Fehler?
LV: Der häufigste CSS-Fehler, den ich sehe, ist, dass Leute ihr CSS mit einem Fokus auf das Ergebnis codieren, nicht auf sauberen, wartbaren, flexiblen Code (und sie überarbeiten selten). Es ist nicht nur wichtig, dass etwas sieht aus im Moment mit einem bestimmten Hintergrund, einer bestimmten Umgebung und einer bestimmten Größe. Es sollte in der Lage sein anpassen leicht zu ändern, ohne jede Regel darüber auf unvorhersehbare Weise neu schreiben zu müssen.
Sie denken vielleicht, dass Sie nie etwas ändern werden, aber wenn Sie genügend Zeit haben, werden Sie mit ziemlicher Sicherheit das Gegenteil beweisen. CSS-Präprozessoren können dabei helfen. Sie sind der einfache Ausweg, aber sicherlich besser als schlampiger, sich wiederholender Code.
Ein weiterer Fehler ist übermäßig ausführliches CSS. Die Leute kennen die Standardeinstellungen nicht und definieren sie daher immer wieder neu. Sie kennen keine Abkürzungen und definieren stattdessen weiterhin die Langhand-Eigenschaften. Es gibt Fälle, in denen Sie diese Dinge absichtlich tun müssen, aber das ist kein Grund, sie in allem defensiv zu tun.
@kevdog: Wenn Sie eine Sache in der CSS-Spezifikation ändern könnten, welche wäre das?
LV: Es gibt viele Vorschläge, denen fast jeder in der CSSWG zustimmt, die jedoch nicht hinzugefügt werden können, da die im Internet weit verbreitete Nutzung nicht mehr funktioniert. Normalerweise lehnt die Arbeitsgruppe diese entweder vollständig ab oder fügt mehr Eigenschaften hinzu, um das Verhalten zu steuern, anstatt die Standardeinstellungen zu ändern. Ich würde gerne eine Möglichkeit sehen, sich für rückwärts inkompatible Änderungen zu entscheiden, damit vorhandene Websites nicht beschädigt werden. Andere Sprachen haben dieses Problem vor langer Zeit gelöst, aber mit HTML und CSS kämpfen wir immer wieder um Abwärtskompatibilität bei den Kosten für gutes Sprachdesign.
@StuRobson: Glaubst du, es ist faul für einen Entwickler, ein Framework oder eine Boilerplate wohl oder übel zu verwenden, ohne alles zu verstehen, was es tut?
LV: Nein, aber ich denke, es ist faul für einen Entwickler, ein Framework oder eine Boilerplate zu verwenden, ohne dies persönlich zu müssen, nur weil es alle anderen tun. Es ist kontraproduktiv zu versuchen, Probleme zu lösen, die Sie noch nicht haben.
@folktrash: Wann ist "Promi" passiert? Woher wusstest du das? Und hilft oder behindert es die Evangelisierung der Codequalität / -semantik?
LV: Danke, aber ich bin mir nicht sicher, ob ich so genannt werden kann. Jeder neigt dazu, Menschen, von denen er gehört hat, bekannter zu machen als Menschen, von denen er keine Ahnung hatte. Folglich hat jeder die natürliche Tendenz, seinen eigenen Ruhm zu überschätzen, was künstlich (und fast blind) ausgeglichen werden muss, wenn Sie sich dieses Phänomens bewusst sind. Wir müssen auch bedenken, dass niemand in unserer Branche wirklich eine Berühmtheit ist, niemand ein bekannter Name.
Trotzdem war 2011 verrückt und es ist offensichtlich, dass ich mehr Anerkennung für meine Arbeit bekommen habe, als ich mir erhofft hatte. Es hilft sicherlich bei der Evangelisierung von Webstandards. Die Leute achten viel mehr darauf, wenn ich jetzt etwas sage als vor einem Jahr. Dies geht jedoch zu Lasten der Tatsache, dass Dinge, die ich sage, überanalysiert werden. Die Leute können zu viel in sie hineinlesen und mich angreifen, weil sie angeblich Ansichten haben, an die ich nie gedacht habe. Oder manchmal, nur um Ansichten zu haben, Punkt.
@Tawreh: Warum bist du so fanatisch gegenüber Frauen in der Branche? Ich verstehe die Notwendigkeit der Gleichheit, aber imho Sie schieben es bis zum Äußersten.
LV: Zum ersten Mal höre ich so etwas wie "extreme Gleichheit". Gleichheit kann niemals extrem sein, und ich bezweifle, dass irgendjemand so etwas für andere Arten von Diskriminierung wie Rassismus sagen würde. Es ist "umgekehrte Diskriminierung" oder "korrigierende Voreingenommenheit", die extrem ist, und ich bin stark dagegen.
Trotzdem bin ich überhaupt nicht "fanatisch" gegenüber Frauen in der Branche, sondern "fanatisch" gegenüber präskriptiven Geschlechterstereotypen. Ich sehe Sexismus in unserer Branche kaum, anscheinend haben die Leute ihre Lektion schon vor langer Zeit gelernt. Ich glaube nicht, dass die geringe Beteiligung von Frauen an unserer Branche darauf zurückzuführen ist, dass sie sich nicht mehr unerwünscht fühlen. Es ist der Rest unserer geschlechtsspezifischen Gesellschaft, der Frauen vom Ingenieurwesen abhält. Kleine Mädchen spielen mit Spielzeug, das sie nicht dazu ermutigt, ihre kognitiven Fähigkeiten zu entwickeln, genauso wenig wie Jungenspielzeug. Kinderfilme und Spielzeug sind die schlimmsten Täter von Geschlechterstereotypen, und ich sehe dort kaum Interesse. Jeder scheint seine Bemühungen stattdessen auf Erwachsene zu konzentrieren und die Fehler zu beheben, anstatt zu vermeiden, sie überhaupt erst zu machen.
@komiska: Wird es jemals einen Übergang für die Schriftgröße geben?
LV: Wenn Sie eine Notiz aus der Spezifikation zitieren, "ist es nicht so einfach". Die meisten Eigenschaften haben nicht genügend Gewichte für einen reibungslosen Übergang und der Browser kann die Zwischenzustände nicht generieren, da es keine Möglichkeit gibt, sie in CSS darzustellen. Das heißt, wir könnten schließlich verlängern cross-fade () von CSS4-Bildwerten auf alle CSS-Werte anzuwenden, nicht nur auf Bilder, die die meisten Übergangsprobleme lösen würden, und bietet uns ein leistungsstarkes Tool, das auch statisch verwendet werden kann.
