<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="/rss-styles.xsl" type="text/xsl"?><rss version="2.0"><channel><title>frustfrei.dev</title><description>Lerne, wie du Websites mit HTML, CSS und guter UI/UX frustfrei erstellst.</description><link>https://frustfrei.dev</link><item><title>Sass: Organisiere deine Stylesheets modular</title><link>https://frustfrei.dev/tutorials/styles-modular-organisieren-mit-sass</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/styles-modular-organisieren-mit-sass</guid><description>Je größer ein Projekt, desto schwieriger ist es, den Überblick zu behalten. Mit einem modularen Ansatz steuern wir dagegen.</description><pubDate>Thu, 29 Feb 2024 17:00:00 GMT</pubDate></item><item><title>Responsive Images: Bildoptimierung für alle Endgeräte</title><link>https://frustfrei.dev/tutorials/responsive-images</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/responsive-images</guid><description>Ein Bildmotiv optimiert für alle Endgeräte, vom Smartphone bis zum großen Bildschirm: Hier lernst du, wie du das technisch umsetzt.</description><pubDate>Wed, 06 Mar 2024 17:30:00 GMT</pubDate></item><item><title>Im Rampenlicht: So optimierst du deine Website für Social-Media</title><link>https://frustfrei.dev/tutorials/social-media-meta-elemente</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/social-media-meta-elemente</guid><description>Meta-Elemente, das Open Graph Protokoll und ein attraktives Teaser-Bild sorgen dafür, dass deine Website bei Facebook und Co. auffällt.</description><pubDate>Wed, 13 Mar 2024 16:00:00 GMT</pubDate></item><item><title>Elemente, Tags und Attribute: Dein Einstieg in HTML</title><link>https://frustfrei.dev/tutorials/einstieg-in-html</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/einstieg-in-html</guid><description>Eine HTML-Seite kann relativ schnell komplex und unübersichtlich werden. Mit diesem Tutorial behältst du den Überblick und hast das Markup im Griff.</description><pubDate>Sun, 24 Mar 2024 14:08:00 GMT</pubDate></item><item><title>Visual Studio Code: So erstellst du eine Website mit HTML und CSS</title><link>https://frustfrei.dev/tutorials/website-mit-visual-studio-code</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/website-mit-visual-studio-code</guid><description>Dieses Tutorial führt dich durch die Installation und Konfiguration von Visual Studio Code und zeigt dir Schritt für Schritt, wie du eine Website entwickeln kannst.</description><pubDate>Sat, 30 Mar 2024 13:50:00 GMT</pubDate></item><item><title>Regeln und Prinzipien: Dein Einstieg in CSS</title><link>https://frustfrei.dev/tutorials/einstieg-in-css</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/einstieg-in-css</guid><description>In diesem Tutorial lernst du die Grundlagen der Cascading Stylesheets, um deine Website gestalten zu können.</description><pubDate>Tue, 16 Apr 2024 16:30:00 GMT</pubDate></item><item><title>CSS Logical Properties: Die Leserichtung bestimmt, was oben ist</title><link>https://frustfrei.dev/tutorials/logische-eigenschaften-in-css</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/logische-eigenschaften-in-css</guid><description>Physische Abmessungen in CSS waren gestern. Damit wir auch andere Sprachen und Kulturen unterstützen können, gibt es die logischen Eigenschaften und Werte.</description><pubDate>Thu, 25 Apr 2024 14:40:00 GMT</pubDate></item><item><title>CSS-Layouts: Display Grid, Flexbox und Co. erklärt</title><link>https://frustfrei.dev/tutorials/layouts-in-css</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/layouts-in-css</guid><description>Du bist mit den Grundlagen von CSS vertraut und möchtest jetzt deine Website layouten? Dieses Tutorial verschafft dir einen Überblick über die Techniken.</description><pubDate>Tue, 07 May 2024 15:12:00 GMT</pubDate></item><item><title>Typografie im Web: Grundlagen der Mikrotypografie</title><link>https://frustfrei.dev/tutorials/grundlagen-der-mikrotypografie</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/grundlagen-der-mikrotypografie</guid><description>Im Bleisatz des Buchdrucks wurde einst jeder Buchstabe einzeln gesetzt. Mit der gleichen Sorgfalt und Liebe zum Detail können wir aus guten Websites großartige Werke machen.</description><pubDate>Thu, 01 Aug 2024 13:05:00 GMT</pubDate></item><item><title>Webfonts: So bindest du Schriftarten in deine Website ein</title><link>https://frustfrei.dev/tutorials/webfonts-schriften-einbinden</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/webfonts-schriften-einbinden</guid><description>Arial, Helvetica und Times New Roman sind dir zu langweilig? Dann binde doch eigene Webfonts ein. Hier lernst du, wie das funktioniert.</description><pubDate>Tue, 06 Aug 2024 14:30:00 GMT</pubDate></item><item><title>Längenmaße: Absolute und relative Einheiten in CSS</title><link>https://frustfrei.dev/tutorials/absolute-und-relative-einheiten</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/absolute-und-relative-einheiten</guid><description>Die Größe von Elementen kann in absoluten oder relativen Einheiten angegeben werden. Hier erfährst du, welche Einheiten es gibt und wann du welche verwenden solltest.</description><pubDate>Thu, 17 Oct 2024 15:40:00 GMT</pubDate></item><item><title>Webserver und Browser: Wie funktioniert eigentlich eine Website?</title><link>https://frustfrei.dev/tutorials/wie-funktioniert-eigentlich-eine-website</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/wie-funktioniert-eigentlich-eine-website</guid><description>Das Zusammenspiel von HTML, CSS und JavaScript erzeugt eine Website. Hier erfährst du, wie die Website in den Browser gelangt.</description><pubDate>Fri, 11 Apr 2025 11:15:00 GMT</pubDate></item><item><title>Typografie im Web: Schriften, Abstände, Ligaturen im Layout</title><link>https://frustfrei.dev/tutorials/schriften-abstaende-ligaturen-und-layout</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/schriften-abstaende-ligaturen-und-layout</guid><description>Kleine Details in der Typografie und im Layout können den Unterschied machen. Hier lernst du, mit welchen Mitteln du Text gestalten kannst.</description><pubDate>Thu, 17 Apr 2025 11:55:00 GMT</pubDate></item><item><title>Semantik statt Divitis: So wird dein HTML plötzlich verständlich</title><link>https://frustfrei.dev/tutorials/einfuehrung-in-semantisches-html</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/einfuehrung-in-semantisches-html</guid><description>User, Browser, Screenreader und SOE lieben semantisches HTML. Deine Website wird barriereärmer und sorgt dafür, dass deine Inhalte verständlich werden.</description><pubDate>Sat, 09 Aug 2025 18:00:00 GMT</pubDate></item><item><title>Responsiv: So nutzt du Media &amp; Container Queries</title><link>https://frustfrei.dev/tutorials/media-und-container-queries</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/media-und-container-queries</guid><description>Ziehe deiner Website die Hammelbeine lang und passe das Design an verschiedene Bildschirm- oder Containergrößen an</description><pubDate>Fri, 28 Nov 2025 09:15:00 GMT</pubDate></item><item><title>Responsiv und Barrierefrei: Eine Navigation, die für alle funktioniert</title><link>https://frustfrei.dev/tutorials/barrierearme-responsive-navigation</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/barrierearme-responsive-navigation</guid><description>Zugänglich statt Copy-and-paste oder KI-generiert: Baue mit HTML, CSS und JavaScript eine Navigation, die auf allen Geräten funktioniert – auch für Screenreader und Tastatur.</description><pubDate>Wed, 06 May 2026 11:50:00 GMT</pubDate></item><item><title>Von Chaos zu Kontrolle: Variablen und Custom Properties in CSS</title><link>https://frustfrei.dev/tutorials/css-custom-properties-variablen</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/css-custom-properties-variablen</guid><description>Schluss mit Copy-paste: Wer CSS Custom Properties kennt, ändert Farben, Abstände und Größen an genau einer Stelle – und spart sich damit Stunden</description><pubDate>Tue, 12 May 2026 18:30:00 GMT</pubDate></item><item><title>CSS ohne Chaos: So baust du modulare Styles mit System</title><link>https://frustfrei.dev/tutorials/10-strategien-modulares-css</link><guid isPermaLink="true">https://frustfrei.dev/tutorials/10-strategien-modulares-css</guid><description>Dein CSS wächst schneller als dir lieb ist? Mit diesen 10 Strategien bereitest du dem Chaos ein Ende!</description><pubDate>Thu, 14 May 2026 13:25:00 GMT</pubDate></item></channel></rss>