Letzte Woche haben wir Freunde in England besucht, und ich habe bei der Reisevorbereitung ChatGPT nach dem besten Weg von Heathrow’s Terminal 4 nach Reading gefragt. Das Ergebnis: Chatten mit GPT kann Spaß machen. Besonders, wenn man die richtige Antwort schon kennt.
Sie sehen alle Beiträge zum Schlagwort
HTML
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
Zitat des Tages: »Nee, wat’n Klamdüdel …«
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.
Einstieg in HTML und CSS in der 3. Auflage
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.
Linktipps: Infos zum <head>
Zwei Linktipps zu Infos im <head>: eine Referenz (Josh Buchea) und eine Boilerplate (Manuel Matuzović).
Meine Lesezeichen zu HTML
Raindrop.io ist ein phantastischer Dienst zum Sammeln von Bookmarks, der bei mir als Nachfolger von del.icio.us und Pinboard.in seinen festen Platz in meinem Workflow hat. Mit Raindrop kann man seine gesammelten Lesezeichen sogar veröffentlichen:
Auf dieser Webseite finden Sie alle Lesezeichen aus meiner Sammlung zu HTML, und zwar immer die aktuelle Version. Hier eine kleine Vorschau:
Beispiele aus der Praxis: H-T-M-Hell
H-T-M-Hell ist ein Projekt von Manuel Matuzović, und mit hell ist hier das englische Wort für Hölle gemeint, also wie in »Highway to Hell«, und nicht wie in »Auf dem Heimweg wird’s hell«.
Die Website hat zwei große Bereiche:
- Hell ist die Hölle und enthält »a collection of bad practices in HTML, copied from real websites«, und Tips wie man es besser machen könnte.
- Heaven ist der Himmel und zeigt interessante Tipps und Tricks zu HTML.
Wer nichts verpassen möchte, kann Manuel auf Mastodon folgen und / oder einen Newsletter abonnieren.
Über Pfadangaben in CSS-Regeln
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 gestalten per Grid
Beschreibungslisten, die auch unter ihrem alten Namen Definitionslisten bekannt sind, kann man mit ein paar einfachen CSS-Grid-Anweisungen sehr einfach layouten.
CSS? Da wurschteln wir uns so durch.
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? Muss man das lernen?
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.
Webtechniken lernen 3: CSS-Layout (2019)
Es gibt einen neuen Videokurs von mir. Zum Layouten per CSS.
Webtechniken lernen 2: CSS-Grundlagen
Es gibt einen neuen Videokurs von mir. Zu den Grundlagen von CSS.
Webtechniken lernen 1: HTML (2018)
Es gibt einen neuen Videokurs von mir. Zu HTML.
Eine kurze Geschichte von HTML5
Das Web ist nicht am Reißbrett entstanden, sondern im Laufe der letzten gut zwanzig Jahre natürlich gewachsen, und das gilt auch für HTML. Darum hilft ein kurzer Blick in die Entstehungsgeschichte von HTML5 dabei, die Verwirrungen rund um den Begriff besser zu verstehen.
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.
Videokurs: »Little Boxes – der HTML-Crashkurs«
Seit November 2018 gibt es den offiziellen Nachfolge-Kurs »Webtechniken lernen, Teil 1: HTML», mit neuer Beispielsite, komplett überarbeitet, aktualisiert und erweitert.
Am 11. März 2015 ist Teil 1 der neuen Little Boxes-Reihe veröffentlicht worden, die das vor über vier Jahren erschienene „große Training“ aktualisiert und erweitert.
Videotraining: »HTML5 für Webdesigner«
Pünktlich zu Weihnachten ist bei video2brain ein neues Videotraining von mir erschienen: »HTML5 für Webdesigner«.