Fortgeschrittene CSS-Techniken. Galileo Computing

Die Umsetzung fortgeschrittener CSS-Techniken stellt für Webentwickler auf jeder Erfahrungsstufe eine schwierige Hürde dar. Dieses Buch zeigt Ihnen, wie Sie diese Techniken in CSS nutzen und Browserfehler vermeiden können. So erfahren Sie beispielsweise nicht nur einfach, wie man floatet . Sie lernen auch, über welche Eigenarten Floats verfügen und wie Sie von den verschiedenen Browsern interpretiert werden.
In drei umfangreichen und reich illustrierten Teilen zeigen Ihnen die beiden Autoren Corina Rudel und Ingo Chao die Vielfalt der CSS-Prinzipien anhand von vielen Kurzbeispielen, stellen Ihnen kompetent den Umgang mit Inkonsistenzen in modernen Browsern dar und vermitteln professionelle Debugging-Techniken.
Natürlich kommt auch die Praxis nicht zu kurz. Unter anderem erwarten Sie hier verschachtelte Navigationslisten, Mehrspaltenlayouts und viele andere komplexe Layouts. Pflichtlektüre für jeden CSS-Entwickler!

"Wer sich mit den Grundlagen von CSS gut auskennt und höhere Weihen anstrebt, der ist mit dem Buch von Ingo Chao und Corina Rudel gut beraten. Denn wer den Stoff dieses Buchs anwenden kann, ist auch in der Lage, die komplexesten Layouts umzusetzen. Die Autoren beschäftigen sich eingehend mit der Positionierung von Elementen in allen drei Richtungen, gehen auf Hintergrundbilder, Tabellen und Stylesheets für Medien ein. Einen breiten Raum nehmen Probleme mit den unterschiedlichen Browsern und ihren Versionen ein - vom Testen über das Debuggen bis hin zu Hacks zur Problembeseitigung. An den theoretischen Teil schließen sich mehrere Kapitel an, in denen die praktische Umsetzung von komplexen Layouts dargestellt wird. Hat man sich einen Überblick über die behandelten Themen verschafft, kann man das Buch natürlich auch immer wieder als Nachschlagewerk zu Rate ziehen, wenn man in der Praxis an einem der kniffligen Probleme arbeitet." (eStrategy 2010)

"Wer in Zukunft auf eigenes Wissen und nicht nur auf die eigene Erfahrung bauen möchte, dem wird dieses Buch ein wertvoller Ratgeber sein." (EKZ Bibliotheksservice)

... Einleitung ... 13


... Einleitung zur zweiten Auflage ... 15


... Hinweise zum Buch und zur DVD ... 17


1 ... Eine Annäherung an die Spezifikation ... 21
... 1.1 ... Der Zweck der Spezifikation ... 21
... 1.2 ... Designprinzipien von CSS ... 23
... 1.3 ... Warum gibt es dieses oder jenes nicht in CSS ... 24
... 1.4 ... Einen Zugang zur Spezifikation finden ... 26
... 1.5 ... Zur Begriffsbestimmung ... 28


2 ... Vertikale Anordnung ... 31
... 2.1 ... 100 % Mindesthöhe ... 32
... 2.2 ... Fußzeile am Ende -- FooterStick und FooterStickAlt ... 35
... 2.3 ... Collapsing Margins in verschachtelten Elementen ... 39
... 2.4 ... Vertikal zentrieren ... 48


3 ... Horizontale Anordnung ... 61
... 3.1 ... Ausrichtung mit Margin ... 61
... 3.2 ... Negative Margins ... 62
... 3.3 ... Mindest- und Maximalbreiten ... 70


4 ... Floats ... 77
... 4.1 ... Was kann Float ... 77
... 4.2 ... Float beenden: Clear ... 88
... 4.3 ... Floats einschließen -- Containing Floats ... 101
... 4.4 ... Zusammenfassung ... 109
... 4.5 ... Exkurs: Block Formatting Context ... 109


5 ... Das Inline-Formatierungsmodell ... 117
... 5.1 ... Inline Formatting Context ... 117
... 5.2 ... Blöcke in einer Zeile -- display: inline-block ... 122
... 5.3 ... Exkurs: Hintergrundbild eines mehrzeiligen Inline-Elements ... 127


6 ... Positionierung und Stapelung ... 129
... 6.1 ... Stapelkontexte ... 129
... 6.2 ... Containing Block ... 140
... 6.3 ... Relative Positionierung ... 143
... 6.4 ... Absolute Positionierung ... 144
... 6.5 ... Fixierte Positionierung ... 148
... 6.6 ... Opacity -- die Undurchsichtigkeit ... 153
... 6.7 ... Exkurs: Shrink-to-fit ... 154


7 ... Background-Images ... 159
... 7.1 ... Die Hintergrund-Eigenschaften ... 159
... 7.2 ... background-position ... 160
... 7.3 ... background-repeat ... 162
... 7.4 ... background-attachment ... 162
... 7.5 ... Faux Columns ... 166
... 7.6 ... Liquid Faux Columns ... 167
... 7.7 ... Navigation mit Tabs ... 172
... 7.8 ... PNG-Transparenz vs. GIF-Transparenz ... 178
... 7.9 ... Ausblick: Multiple Hintergrundbilder in CSS 3 ... 181


8 ... Das CSS-Tabellenmodell ... 185
... 8.1 ... Das Gestalten von Tabellen und CSS-Layouttabellen ... 186
... 8.2 ... Ein hybrides Layout ... 196
... 8.3 ... Das Auszeichnen von HTML-Datentabellen ... 201


9 ... Ausgabe für Medien ... 205
... 9.1 ... @media print ... 205
... 9.2 ... Das mobile Web ... 208
... 9.3 ... Media Queries -- »Medienabfragen ... 210
... 9.4 ... Und was ist mit Style in E-Mail ... 212


10 ... Debugging ... 217
... 10.1 ... Vorab: Das Layout unter Stress setzen ... 218
... 10.2 ... CSS- und HTML-Validierung ... 218
... 10.3 ... Reduktion auf das Problem ... 220
... 10.4 ... Das Testen in den Browsern ... 221
... 10.5 ... Werkzeuge für Analyse und Fehlerbehebung ... 230
... 10.6 ... Hacks ... 236
... 10.7 ... Magic Bullets gegen Bugs des IE-Win ... 245
... 10.8 ... Bug-Ressourcen ... 252
... 10.9 ... Mailinglisten und Foren ... 255
... 10.10 ... Exkurs: Wenn sich die konformen Browser uneins sind ... 256


11 ... Herstellereigene CSS-Erweiterungen ... 261
... 11.1 ... Der AlphaImageLoader-Filter im IE ... 262
... 11.2 ... Behavior im IE ... 269
... 11.3 ... Expression im IE ... 270
... 11.4 ... Die zoom-Eigenschaft im IE ... 275


12 ... Navigation: Listen und Menüs ... 279
... 12.1 ... Horizontale Navigation ... 282
... 12.2 ... Vertikale Navigation ... 299
... 12.3 ... Verschachtelte Navigation ... 304
... 12.4 ... Ausklappmenü ... 305
... 12.5 ... Kennzeichnung des aktuellen Menüpunkts ... 320


13 ... Mehrspaltenlayouts ... 323
... 13.1 ... Das perfekte Layout ... 323
... 13.2 ... Spaltenanordnung: Die Basis ... 334
... 13.3 ... Spalten mit einheitlichen Breiten per Float ... 339
... 13.4 ... Spalten mit gemischten Breiten per Float ... 355
... 13.5 ... Spalten ohne Float: hybrides Layout ... 376
... 13.6 ... Welche Technik ist die beste ... 381


14 ... Gleich hohe Spalten ... 383
... 14.1 ... Spalten im umgebenden Element simulieren ... 383
... 14.2 ... Verlängerung der Spalten ... 396


15 ... Performance im Frontend-Engineering ... 421
... 15.1 ... Der neue Blick auf die Performance ... 421
... 15.2 ... Werkzeuge für Performance-Analysen ... 422
... 15.3 ... Optimierung des HTML ... 430


... Index ... 431

Ingo Chao (http://dolphinsback.com) gehört seit Jahren zu den aktivsten Mitgliedern der Mailingliste css-discuss. Auf seiner Website http://satzansatz.de finden Sie eine Reihe von Artikeln zu Problemstellungen und Layouttechniken in CSS. Er ist Manager Engineering (Frontend) bei der XING AG in Hamburg.

Die Umsetzung fortgeschrittener CSS-Techniken stellt für Webentwickler auf jeder Erfahrungsstufe eine schwierige Hürde dar. Dieses Buch zeigt Ihnen, wie Sie diese Techniken in CSS nutzen und Browserfehler vermeiden können. So erfahren Sie beispielsweise nicht nur einfach, wie man "floatet". Sie lernen auch, über welche Eigenarten "Floats" verfügen und wie Sie von den verschiedenen Browsern interpretiert werden.
In drei umfangreichen und reich illustrierten Teilen zeigen Ihnen die beiden Autoren Corina Rudel und Ingo Chao die Vielfalt der CSS-Prinzipien anhand von vielen Kurzbeispielen, stellen Ihnen kompetent den Umgang mit Inkonsistenzen in modernen Browsern dar und vermitteln professionelle Debugging-Techniken. Natürlich kommt auch die Praxis nicht zu kurz. Unter anderem erwarten Sie hier verschachtelte Navigationslisten, Mehrspaltenlayouts und viele andere komplexe Layouts. Pflichtlektüre für jeden CSS-Entwickler!

Ingo Chao Corina Rudel 

Hypertext Markup Language - HTML Programmiersprachen JavaScript (EDV) HTML ( Hypertext Markup Language ) CSS ( Cascading Style Sheets ) Computers / General Cascading Style Sheets - CSS 

The Art of Right Spelling and Pronouncing All the Words of the English Tongue Very Useful for All Persons That Are Desirous to Learn to Write Properly  Lake Effect: A Deckhand's Journey on the Great Lakes Freighters  Hitchhiking After Dark: Offbeat Stories from a Small Town  Oxbridge Directory of Newsletters  Shadows of Destiny  Encyclopedia of the New American Nation  Feminist Literature: A Gale Critical Companion