Auch dieses Jahr gibt es einen Adventskalender der Webkrauts. Diesmal werden die Beiträge kürzer sein, aber dafür die Palette der Inhalte breiter. Weitere Infos gibt […]
WeiterlesenKategorie: HTML & CSS
Berichte zu (X)HTML und CSS
CSSneustart
Wenn man mich nett darum bittet, dann verweise ich gerne auf interessante Projekte. Es handelt sich um das Deutsche Gegenstück zu CSS-Rebot: CSSneustart.de. Am 01. […]
WeiterlesenInhaltsverzeichnis mit (X)HTML und CSS
Derek Punsalan stellt einen interessanten Ansatz wie man mittels CSS ein ansprechendes Inhaltsverzeichnis realisieren kann. Dabei kommen Listen zum Einsatz und der Listeninhalt der zuerst […]
WeiterlesenSELFHTML 8.1.2 wurde veröffentlicht
SELFTHTML gibt es nun in der Version 8.1.2. Wer die HTML-Version nutzt, der kann sich das komplette Paket auch hier (selfhtml812.zip, ca. 8,2mb) im Download-Bereich […]
WeiterlesenReservierte ID-Werte
Gerade hatte ich eine HTML-Dokumentation bekommen und wurde gefragt ob ich das Problem in Verbindung mit der Druckfunktion und dem Internet Explorer 6 lösen kann. […]
WeiterlesenCSS Layouts – Das Buch zu YAML
Auf den weihnachtlichen Gabentisch von Web-/Frontendentwicklern gehört oft das ein oder andere Buch. Gerade dieses Jahr hat man die Qual der Wahl, da zahlreiche sehr […]
WeiterlesenDie zwei Gewinner stehen fest
Das Gewinnspiel ist nun beendet und die zwei Gewinner stehen fest. Die Antwort auf folgende Farge wurde gesucht: Worauf bezieht sich die Abkürzung CSS in […]
WeiterlesenZwei Bücher zu gewinnen
Ich habe die Ehre und das Vergnügen, das erste Gewinnspiel in diesem Weblog zu veranstalten. Zu gewinnen gibt es zwei mal CSS. Internet Intern. Die […]
WeiterlesenWeitere Infos zu meinem CSS-Buch
Es gibt weitere Infos zu meinem Ersten Schritt als Fachbuchautor. Auf der Databecker-Seite gibt es zusätzliche Infos, ein Inhaltsverzeichnis (pdf), eine elfseitige Leseprobe (pdf), das […]
WeiterlesenMein erstes Buch
Nun ist es so weit. Mein erstes Buch steht zum Verkauf bereit. Zusammen mit Jan Heinicke habe ich das 570 Seiten dicke CSS-Buch geschrieben. Hier […]
WeiterlesenSpiegel.de ohne Layouttabellen
Als ich eben Spiegel.de aufgerufen habe, dachte ich ich hätte eine falsche Seite aufgerufen. Doch eine Sekunde später war ich mir ziemlich sicher, dass ich […]
WeiterlesenCSS-Links
Auf der Soxiam.com gibt es jede Menge CSS-Links zu folgenden Themen: Tools Galerien Layout Boxen Menüs, Listen und Navigation Formulare Image Replacement Optimierungstechniken Browser, Bugs […]
WeiterlesenNeueste Artikel
-
KI-Mentor statt digitaler Beifallspender
KI-Modelle sind zuvorkommend, und genau das ist bei strategischen Entscheidungen das Problem. Ich habe vier Systemprompts gebaut, die ChatGPT, Claude, Gemini und Grok zu kritischen Mentoren machen.
-
WordPress-Plugin: Widgets mit Conditional Tags steuern
Widget Logic war praktisch, aber für meine Hobbyprojekte keine gute Lösung mehr. Deshalb habe ich mit mehreren KI-Modellen einen schlanken Nachfolger entwickelt: Widget Conditional Tags steuert klassische WordPress-Widgets per Conditional Tags, AND, OR und Negation. Bewusst ohne eval().
-
CSS: :first-child & :first-of-type richtig einsetzen
:first-child und :first-of-type werden häufig verwechselt. An kleinen Beispielen zeige ich, worin der Unterschied liegt und wie du mit CSS tatsächlich das erste Element mit einer bestimmten Klasse ansprichst.
KI und AI 🤖
-
KI-Mentor statt digitaler Beifallspender
KI-Modelle sind zuvorkommend, und genau das ist bei strategischen Entscheidungen das Problem. Ich habe vier Systemprompts gebaut, die ChatGPT, Claude, Gemini und Grok zu kritischen Mentoren machen.
-
WordPress-Plugin: Widgets mit Conditional Tags steuern
Widget Logic war praktisch, aber für meine Hobbyprojekte keine gute Lösung mehr. Deshalb habe ich mit mehreren KI-Modellen einen schlanken Nachfolger entwickelt: Widget Conditional Tags steuert klassische WordPress-Widgets per Conditional Tags, AND, OR und Negation. Bewusst ohne eval().
-
Markdown: Das Comeback durch KI
Markdown war jahrelang etwas für Nerds. Jetzt ist es die Sprache, in der wir KI-Werkzeuge anweisen, und Google Cloud baut sein neues Open Knowledge Format darauf auf. Warum sich ausgerechnet das schlichteste Format durchsetzt und wo die anderen Formate bleiben.
WordPress
-
WordPress-Plugin: Widgets mit Conditional Tags steuern
Widget Logic war praktisch, aber für meine Hobbyprojekte keine gute Lösung mehr. Deshalb habe ich mit mehreren KI-Modellen einen schlanken Nachfolger entwickelt: Widget Conditional Tags steuert klassische WordPress-Widgets per Conditional Tags, AND, OR und Negation. Bewusst ohne eval().
-
Verliert WordPress wirklich an Boden?
Der WordPress-Marktanteil sinkt seit Monaten und auch die 60-%-Marke ist vor drei Monaten gefallen. Ist das der Anfang vom langfristigen Sinkflug oder nur eine Delle?
-
WordPress 7.0 ist da: KI im Kern & ein frisches Dashboard
WordPress 7.0 »Armstrong« ist da, und es ist mehr als nur ein Zahlensprung. AI rückt in den Core, das Dashboard bekommt einen Frischekick, neue Blöcke und feinere Responsiveness-Controls erweitern den Editor. Was drin steckt, was kurzfristig herausgeflogen ist und worauf du beim Update achten solltest.
HTML & CSS
-
CSS: :first-child & :first-of-type richtig einsetzen
:first-child und :first-of-type werden häufig verwechselt. An kleinen Beispielen zeige ich, worin der Unterschied liegt und wie du mit CSS tatsächlich das erste Element mit einer bestimmten Klasse ansprichst.
-
WordPress & Co.: So optimierst du Bilder für deine Website
Lerne in unserem umfangreichen Leitfaden, warum du Bilder für den Webeinsatz optimieren solltest und worauf es ankommt.
-
Einfarbige Verläufe mit CSS
Du kannst in CSS Farbverläufe nur mit einer einzigen Farbe erstellen. So geht es.
Browser
-
Firefox 150 mit Notizen, Listen & Pomodoro-Timer
Firefox 150 bringt 3 neue Produktivitätstools mit: Tab-Notizen, Listen und einen Pomodoro-Timer. Hier erfährst du, wie du diese Funktionen aktivieren kannst.
-
WordPress: Beiträge in der Admin-Übersicht farblich hervorheben
Mehrere einfache Methoden, um die Beiträge in der Admin-Übersicht von WordPress je nach Zustand deutlicher hervorzuheben.
-
Fundstück: Ein paar nützliche SEO-Bookmarklets
Ein paar sehr nützliche Bookmarklets (dynamische Lesezeichen), die sehr hilfreich bei der Optimierung von Websites sind.
Intern
-
Mentale Gesundheit: Games hui, soziale Netzwerke pfui
Hier erkläre ich, warum Computerspiele deutlich besser für deine mentale Gesundheit sind, als soziale Netzwerke. Es gibt zu diesem Thema interessante Studien.
-
Vom Windowsrechner auf Chromebook umsteigen
Mein Umstieg vom Windowsrechner auf ein Chromebook verlief reibungsloser als gedacht. Warum, wieso, weshalb erzähle ich euch hier.