Bücher und Videokurse
Sie sehen alle Beiträge zum Schlagwort
AI Apple Block-Editor Block-Themes Brackets Child-Theme Contao CSS CSS Grid Layout Customizer Editoren Elementor English Farben Flexbox Flexible Boxes float Full Site Editing GenerateBlocks GeneratePress Gutenberg Hashtags HSL HTML HTML5 iOS iPadOS LinkedIn Learning Linktipp Little Boxes macOS Mastodon Music position Referenzen Responsive Grafiken Responsives Webdesign Songs Tools Twitter Visual Studio Code Webdesign Website-Editor WordPress Zugänglichkeit
Nächste Woche erscheint die 3. Auflage von Einstieg in HTML und CSS, und in dem Zusammenhang habe ich mir einige der Vorgängerbücher noch mal angeschaut.
Gerade was CSS-Layouts angeht, ist der Fortschritt gewaltig. Dabei bin ich über dieses Zitat von 2013 gestolpert, dass unter der Überschrift CSS-Layouts heute und morgen am Anfang des Kapitels zu Float-Layouts steht.
Im August 2024 erschien die 3. Auflage von »Einstieg in HTML und CSS«. Dieser Beitrag stellt das Buch vor und zeigt, was es Neues gibt.
Rachel Andrew hat schon 2019 beschrieben, wie man am besten CSS lernen kann:
In WordPress 6.3 gab es erstmals den Details-Block, mit dem man Akkordeon spielen kann. Da kam die Idee von Annette Schwindt, ein Lexikon für Einsteiger mit Erklärungen zu den wichtigsten Begriffen rundum WordPress und Gutenberg zu erstellen, genau richtig, um den Details-Block einmal genauer unter die Lupe zu nehmen.
Wenn Sie die Vorzüge schneller Systemschriften schätzen, aber nicht alles immer mit System UI gestalten möchten, ist ein Besuch auf Modern Font Stacks definitiv eine gute Idee.
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.
Alle paar Jahre veröffentlicht die für die Entwicklung von CSS verantwortliche CSS Working Group (CSSWG) einen CSS Snapshot, eine Momentaufnahme und Referenz, an der Webentwickler und Browserhersteller sich orientieren können.
Beim Einbinden von Hintergrundgrafiken sorgen die Pfadangaben zur Grafikdatei manchmal für Verwirrung. Die Grundregel lautet: »Pfadangaben in CSS-Regeln werden immer aus Sicht des CSS gesehen«.
Beschreibungslisten, die auch unter ihrem alten Namen Definitionslisten bekannt sind, kann man mit ein paar einfachen CSS-Grid-Anweisungen sehr einfach layouten.
Dieser Beitrag stellt die wichtigsten klassischen CSS-Resets vor, die jeder CSS-Autor kennen sollte, und zeigt dann noch ein paar interessante, moderne Resets. Auch wenn man einen CSS-Reset heute nicht mehr unbedingt benötigt, lohnt sich die Beschäftigung damit, denn man lernt dabei eine Menge.
Jens Grochtdreis hat einen Blogbeitrag veröffentlicht, in dem er einen kleinen Trick beim Umgang mit der Spezifität beschreibt.
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.
Viele Designer und Entwickler lernen CSS durch Versuch und Irrtum, und sammeln dabei im Laufe der Zeit immer mehr Puzzleteile, die aber zusammen oft nicht wirklich ein Ganzes ergeben. »Da wurschteln wir uns so durch«, heißt es dann, aber selbst wenn es klappt, macht es wenig Spaß.
HTML ist eine vergleichsweise einfache Sprache und wird vielleicht gerade deshalb oft nicht ganz ernst genommen. „H-T-M-L? Das macht bei uns der Azubi!“ oder so ähnlich heißt es dann.
Es gibt einen neuen Videokurs von mir. Zum Layouten per CSS.
Auf css-tricks.com erklärt Chris Coyier den Unterschied zwischen Flexbox und Grid, unter anderem anhand von zahlreichen Tweets zum Thema.
Es gibt einen neuen Videokurs von mir. Zu den Grundlagen von CSS.
Es gibt einen neuen Videokurs von mir. Zu HTML.
WordPress 4.7 ist erschienen und bringt zahlreiche Neuerungen mit sich, von denen ich hier einige kurz vorstellen möchte.
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).