Zunächst möchte ich sagen, dass ich nicht gegen Gridding im Design bin, sondern gegen Gridding in der Rekonstruktion. Dies sollte sich speziell auf die YUI-Methode zum Gridding der Klassennamenbindung beziehen. Sie können sich den folgenden Code ansehen:
Beispiel-Quellcode
[www.downcodes.com] <div id="yui-main">
<div class="yui-b">
<div class="yui-g">
<div class="yui-u first"></div>
<div class="yui-u"></div>
</div>
</div>
</div>
Man erkennt deutlich, dass der Name yui-u oder yui-g hier bedeutungslos ist. Auch im Hinblick auf die Leistung gibt es Neuerungen. Ich weiß nicht, dass es in der PPT zum Buch „Website-Rekonstruktion“ einen Satz gibt, den jeder gelesen hat: „Nach dem Entfernen der Erscheinungsbild-Tags von der Seite wird die Neugestaltung der vorhandenen Website und des Inhalts sehr arbeitssparend ( Am Gleichzeitig ist es viel billiger. Wenn Sie die Ausgabe der Site ändern möchten, müssen Sie nur das Stylesheet ändern, ohne die Seite selbst zu ändern. und Verhaltensänderungen führen zu folgenden Problemen:
Bei einer Leistungsänderung muss der HTML-Code verschoben werden. Eine schöne Änderung erfordert das Verschieben von drei Arbeitszeilen, was viel Personalaufwand erfordert.
Das fünfte Feld mit der Bezeichnung „erste“ wird angezeigt.
Es erscheint ein Feld mit der Bezeichnung „180 breit“, das eigentlich 240 breit ist.
Es wird ein Layout namens „vierspaltig“ geben, das eigentlich aus drei Spalten besteht.
Es wird ein Wort namens „blau“ geben, das eigentlich rot ist.
Diese entsprechen den heute bei vielen Menschen beliebten „left_box“ und „right_box“. Nach einer kurzen Überarbeitung wurden sie zur „right_box“ auf der linken Seite. Ist das nicht gleichbedeutend mit einer Verzerrung der Wahrheit? Aber das Wichtigste ist eigentlich der erste Punkt. Unterscheidet sich diese Arbeitsweise von unserer bisherigen Arbeitsweise mit Tabellenlayout? Wenn Sie eine Stiländerung fordern, wird Ihnen das gesamte Unternehmen (Design, Seite, Entwicklung, Funktionstests, CE-Datenüberwachung) folgen. Das ist sehr unklug.
Nachdem ich dies geschrieben hatte, schaute ich zurück und änderte den Titel, um zum zweiten Artikel über CSS in der Reihe „Das wird eine Revolution“ zu werden. Wenn das oben Gesagte nicht stimmt, zeige ich Ihnen einen Codeausschnitt aus einer neuen Version eines Projekts, das ich kürzlich übernommen habe:
Beispiel-Quellcode
[www.downcodes.com] <div id="index_news" class="mode">
<h3 class="title">Nachrichten zum Thema Gemeinwohl</h3>
<div class="content">
<ul>
<li><a href="#">Nachrichtentitel, Nachrichtentitel, Nachrichtentitel, Nachrichtentitel</a></li>
<li><a href="#">Nachrichtentitel, Nachrichtentitel, Nachrichtentitel, Nachrichtentitel</a></li>
<li><a href="#">Nachrichtentitel, Nachrichtentitel, Nachrichtentitel, Nachrichtentitel</a></li>
<li><a href="#">Nachrichtentitel, Nachrichtentitel, Nachrichtentitel, Nachrichtentitel</a></li>
<li><a href="#">Nachrichtentitel, Nachrichtentitel, Nachrichtentitel, Nachrichtentitel</a></li>
<li><a href="#">Nachrichtentitel, Nachrichtentitel, Nachrichtentitel, Nachrichtentitel</a></li>
<li><a href="#">Nachrichtentitel, Nachrichtentitel, Nachrichtentitel, Nachrichtentitel</a></li>
<li><a href="#">Nachrichtentitel, Nachrichtentitel, Nachrichtentitel, Nachrichtentitel</a></li>
</ul>
</div>
<a class="more" href="#">Mehr</a> </div>
Beispiel-Quellcode
[www.downcodes.com] .Modus{
Position:relativ;
float:left;
Schriftgröße:12px;
}
.mode h3.title,
.mode h4.title{
Farbe:#234C00;
Polsterung: 5px 10px;
Schriftgröße:14px;
}
.mode .more{
oben:5px;
rechts:10px;
Schriftgröße:12px;
Farbe:#4282ab;
Position:absolut;
}
.mode .content{
klar:beide;
}
.mode .content:after {
Inhalt:"";
Anzeige:Block;
Höhe:0;
Zeilenhöhe:0;
klar:beide;
Sichtbarkeit:versteckt;
}
#index_news.mode,
#index_bbs.mode,
#index_area.mode{
Hintergrund: URL (small_gray_grid.png) Repeat-y -400px unten;
Breite:200px;
Rand: 5px 0 5px 5px;
}
#index_news.mode h3.title,
#index_bbs.mode h3.title{
Hintergrund: URL (small_gray_grid.png) no-repeat -200px oben;
}
#index_news.mode .content,
#index_bbs.mode .content,
#index_area.mode .content{
Hintergrund: URL (small_gray_grid.png) no-repeat -600px unten;
Anzeige:Tabelle;
}
Sie sehen die Vorteile des modularen Denkens:
Vorhandene Module können halbautomatisch genutzt werden, um Zeit und Aufwand bei der Codeentwicklung zu sparen.
Es kann sehr frei an die unterschiedlichen außergewöhnlichen Bedürfnisse jedes Produktmanagers und jedes Chefs angepasst werden.
Für alle oben genannten Leistungsänderungen ist keine Beteiligung von Entwicklern erforderlich und es sind keine Funktionstests erforderlich.
Die CE-Datenüberwachung ist an die ID gebunden, eine Neuanpassung der Schnittstelle ist nicht erforderlich.
Jede Person ist für die schnelle iterative Entwicklung eines einzelnen Moduls verantwortlich.
Auch was den Code betrifft. Der Titel ist der Titel, und der Inhalt ist der Inhalt; Sie werden niemals die Fakten verdrehen und sich selbst eine Ohrfeige geben.
Ich habe eine Eigenart. Ich finde es toll, dass ich bei Vorstellungsgesprächen immer zuerst das XHTML des Interviewers teste. Genau wie früher, als ein Meister einen Lehrling anheuerte, waren Fähigkeiten und Intelligenz zweitrangig und der Charakter an erster Stelle.
Ich glaube, dass XHTML wie das Wesen einer Person ist, CSS wie die Art und Weise und Einstellung einer Person, Dinge zu tun, und JS wie das Verhalten und der Stil einer Person, Dinge zu tun. Die Trennung dieser drei Punkte plus einiges rund um SEO und Mensch-Computer-Interaktion ist das, was wir als Website-Rekonstruktion bezeichnen, was ein sehr guter Mensch ist. In der Vergangenheit dachten einige Leute immer, dass CSS das wichtigste Element der Website sei. Tatsächlich repräsentiert es natürlich eine Lebenseinstellung. Tatsächlich ist es für einen Menschen schwierig, in der heutigen Gesellschaft ohne eine gute Art und Weise und Einstellung, Dinge zu tun, zu überleben, aber wenn die Art und Weise, Dinge zu tun, zu zielgerichtet ist, wird er zu einem Menschen, der gut darin ist, zu täuschen und Dinge skrupellos zu tun .
Das wollte ich schon immer sagen: Mit CSS kann man die Links-Rechts-Reihenfolge in die Rechts-Links-Reihenfolge ändern. Man kann ihn nicht dazu missbrauchen, ein Mensch zu werden, der gut täuscht und skrupellos vorgeht.