Ende August 2024 erscheint die 3. Auflage des »Einstieg in HTML und CSS«. Dieser Beitrag stellt das Buch vor und zeigt, was es Neues gibt.
Sie sehen alle Beiträge zum Schlagwort
Flexbox
Apple Block-Editor Block-Themes Brackets Child-Theme Contao CSS CSS Grid Layout Customizer Editoren Einstieg in CSS Elementor Farben Flexbox Flexible Boxes float Fotos Full Site Editing GenerateBlocks GeneratePress Google Analytics Gutenberg Hashtags HTML HTML5 Interview iOS iPadOS Layout LinkedIn Learning Linktipp Listen Little Boxes macOS Mastodon Referenzen Responsive Grafiken Responsives Webdesign Tools Twitter Ulysses Visual Studio Code Webdesign Word WordPress
»Webtechniken lernen 3« – der neue Kurs ist da
Mein LinkedIn Learning-Kurs »Webtechniken lernen« hat sich in den letzten Jahren zu einem kleinen Hit gemausert, und im Oktober habe ich den dritten Teil komplett überarbeitet und neu aufgenommen. Jetzt ist er erschienen.
CSS-Tricks – A Complete Guide to Flexbox
Eines der besten Nachschlagewerke zum »Flexible Box Layout« ist der »Complete Guide« von CSS-Tricks.com.
Responsive CSS-Layouts? Ohne float? Echt?
Mehrspaltige Layouts wurden in CSS lange Zeit quasi in Notwehr mit Eigenschaften wie float oder position umgesetzt. Das war zwar besser als die HTML-Tabellen der 90er-Jahren, aber alles andere als einfach. Inzwischen geht das viel einfacher.
Webtechniken lernen 3: CSS-Layout (2019)
Es gibt einen neuen Videokurs von mir. Zum Layouten per CSS.
CSS-Layouts: Flexbox oder Grid?
Auf css-tricks.com erklärt Chris Coyier den Unterschied zwischen Flexbox und Grid, unter anderem anhand von zahlreichen Tweets zum Thema.
Videokurs »Responsive Flexbox-Layouts«
Gerade bei video2brain erschienen. Inzwischen bei LinkedIn Learning verfügbar
Flexbox: IE versteht flex:1 nicht richtig
Der Internet Explorer 11 versteht die Flexbox-Syntax. Im Prinzip. Eigentlich. Wohl. So’n bisschen.
However. Mit flex:1 hat er Probleme, wenn es zusammen mit flex-direction: column benutzt wird. Das ist mit dem IE11 fast wie früher beim Floaten…
Also ich finde es nicht sonderlich schade, dass der „Internet Exploder“ den Weg des Dodo geht gegangen ist …
IE11 und die Zentrierung per Flexbox
Das Zentrieren von Elemente sowohl horizontal als auch vertikal ist mit der Flexbox theoretisch ganz einfach: margin:auto, und fertig. Der Internet Explorer versteht zumindest in der 11er-Version zwar Flexbox, hat aber diverse Bugs und so kommt er mit diesem in Kapitel 19 von Flexible Boxes beschriebenen Trick nicht klar. Er zieht das zu zentrierende Element einfach in die Länge, was etwas unschön aussieht (siehe Beitragsbild).
Responsive Grafiken: ein Überblick
Dieser Beitrag gibt einen kurzen Überblick über das wichtigste zum Thema responsive Bilder bzw. Grafiken, von der picture-Spezifikation über die Attribute srcset und size bis hin zum picture-Element.