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.
Der Blog — alle Themen
Sie sehen alle Beiträge zu allen Themen. Ein Klick auf einen Button zeigt nur noch Beiträge zu diesem Thema:
- Bücher (29)
- CSS-Grundlagen (18)
- CSS-Layout (10)
- HTML (16)
- HTML + CSS (22)
- Social Media (5)
- Sonstiges (9)
- Tools (23)
- Videokurse (23)
- WordPress (39)
Der »CSS Snapshot 2022«
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.
Fedi-was? Das Fediverse: Mastodon und mehr (4/4)
Stellen Sie sich vor, Sie könnten in einem Instagram-Feed die Tweets von Leuten lesen, denen Sie auf Twitter folgen und mit ihnen interagieren. Cool, oder? Das geht. Zwar nicht mit Instagram und Twitter, aber in einem real existierenden föderierten Social-Network-Universum namens Fediverse.
Mastodon kennenlernen (3/4)
Mastodon ähnelt Twitter, aber es gibt kleine und größere Unterschiede. In diesem Beitrag geht es um Zeitleisten, den nicht vorhandenen Algorithmus, die Sache mit der Suche und die nicht existierenden Drüberkommentare. Und man kann Toots nach der Veröffentlichung bearbeiten. Let that sink in …
Macy Gray in Groningen
It’s 2022. November 6th. Sunday evening. We had bought tickets for Macy Gray in De Oosterpoort in Groningen. »On How Life Is« was twenty years ago an album we both liked very much, and newer songs like »Thinking Of You« sounded so good that we treated ourselves to what was to be for our first concert in three years.
Bei Mastodon anmelden (2/4)
Es gibt eine Website namens joinmastodon.org, und wahrscheinlich erwarten viele angehende Nutzer:innen, dass man sich dort registrieren und danach sofort loslegen kann. Aber Mastodon ist ein dezentrales Netzwerk und hat daher auch keine zentrale Anmeldestelle. Vor der Anmeldung muss man also erst einmal einen Mastodon-Server finden, bei dem man sich anmelden kann und möchte. In diesem Beitrag gibt’s eine kleine Starthilfe.
Was ist »Mastodon«? (1/4)
Mastodon. Das klang für mich eher wie ein Medikament oder eine Zahnpasta als nach einer Alternative für Twitter, aber was soll’s. Die Unzufriedenheit mit Twitter schwelte schon länger, und die Übernahme durch den Tesla-Guy war dann nur noch der konkrete Anlass. Also habe ich mir mal die Dokumentation auf joinmastodon.org angeschaut, um herauszufinden was genau dieses Mastodon eigentlich ist.
Eine sehr kurze Geschichte von CSS
In diesem Beitrag möchte ich Ihnen ganz kurz zeigen, wie die Cascading Style Sheets zu dem wurden, was sie heute sind.
Doku zu Kurt Vonnegut: »Unstuck in Time«
Kurt Vonnegut war in den 80er Jahren einer meiner Lieblingsschriftsteller, vor allem wegen seiner Aufsätze und Reden. Jetzt gibt es mit »Unstuck in Time« einen wirklich tollen Film über sein Leben.
WordPress 6.0: The Early Roadmap
WordPress 6.0 steht vor der Tür, und Justin Tadlock beschreibt auf WP Tavern die Highlights der von Matias Ventura veröffentlichten Preliminary Roadmaps.
Inhalte am Bildschirm verstecken mit der Klasse »visually-hidden«
Auf Webseiten gibt es manchmal Elemente, die zwar im Quelltext und für Benutzer mit einem Screenreader sinnvoll sind, in einem visuellen Layout aber nicht benötigt werden.
Zu diesem Zweck kann man, wie in diesem Beitrag beschrieben, einen Hilfsklasse erstellen, die man z. B. visually-hidden nennt.
Visual Studio Code mit Brackets-Farbschema
Brackets fand ich klasse, aber inzwischen ist Visual Studio Code mein Standardeditor.
In diesem Beitrag zeige ich Ihnen, wie man dem hellen Standard-Theme von Code das Brackets-Farbschema zur Syntaxhervorhebung von HTML und CSS verpasst. Das sieht einfach besser aus …
Visual Studio Code direkt im Browser
Microsoft eine browserbasierte Light-Version von Visual Studio Code veröffentlicht:
… when you go to vscode.dev, you’ll be presented with a lightweight version of VS Code running fully in the browser. Open a folder on your local machine and start coding.
vscode.dev
Ohne lokale Installation. Visual Studio Code läuft direkt im Browser, und man kann ganz normal einen lokalen Ordner öffnen und den Quelltext bearbeiten. Ideal zum Testen von Code (im doppelten Sinne).
Kein »WordPress-Layouts für Einsteiger«
In letzter Zeit häufen sich Mailanfragen von WordPress-Nutzern, wann denn das seit langem angekündigte Buch »WordPress-Layouts für Einsteiger« endlich erscheinen wird. Kurze Antwort: leider gar nicht. Und das kam so …
Safari 15 und die Tabs. Mit Update für Safari 15.1.
In der fünfzehnten Safari-Version gibt es einige grundlegende Änderungen wie z. B. Tabgruppen und ein kompaktes Layout mit Tabs und Adressleiste in einer Zeile. In diesem Beitrag beschreibe ich die wichtigsten Änderungen auf macOS und iOS und besonders geräteübergreifend finde ich sie ziemlich gut.
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.
Video: Hexadezimale Farbangaben verstehen
In diesem genialen, 18-minütigen Vortrag erklärt David DeSandro, wie er als farbenblinder Entwickler Hex-Codes liest:
- Vortrag Read color hex codes (mit Video, Slides und Transkript)
Danach sieht man Hex-Codes buchstäblich mit anderen Augen.
Using HSL Colors in CSS
Toller Beitrag zum Thema Using HSL Colors In CSS:
Ahmad Shadeed explains what HSL is, how to use it, and shares some of the useful use-cases and examples that you can use right away in your current projects.
Smashing Magazine (07/2021)
Wenn Sie hsl() interessant finden, ist dieser Artikel eine echte Empfehlung.
Farben mischen mit HSL
Der HSL Color Picker hilft beim Denken in HSL:
- Hue (Farbton) auf dem »Farbkreis« wählen (oberster Balken):
- Primäre Farben: 0/360° = Rot, 120° = Grün, 240° = Blau
- Sekundäre Farben: 60° = Gelb, 180° = Cyan, 300° = Magenta
- Die reinste Form der Farbe erhalten Sie mit
- Saturation (Farbsättigung) = 100
- Lightness (Hellwert) = 50
- Saturation verringern bewegt die Farbe Richtung Grau.
- Lightness verändern:
- erhöhen = Farbe geht Richtung Weiß
- verringern = Farbe geht Richtung Schwarz
- Transparenz der Farbe: 0 = durchsichtig, 1 = nicht durchsichtig
Der Würfel links unten neben dem Farbfeld zeigt eine Zufallsfarbe.