<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>CSS</title>
    <link rel="self" type="application/atom+xml" href="https://mb-links.de/guest/tags/27/feed"/>
    <updated>2026-05-02T10:08:15+00:00</updated>
    <id>https://mb-links.de/guest/tags/27/feed</id>
            <entry>
            <id>https://mb-links.de/links/736</id>
            <title type="text"><![CDATA[html - Border where only half of a border is visible - Stack Overflow]]></title>
            <link rel="alternate" href="https://stackoverflow.com/questions/8804417/border-where-only-half-of-a-border-is-visible" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/736"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[]]>
            </summary>
            <updated>2026-02-08T07:17:43+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/694</id>
            <title type="text"><![CDATA[Brand New Layouts with CSS Subgrid]]></title>
            <link rel="alternate" href="https://www.joshwcomeau.com/css/subgrid/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/694"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Subgrid allows us to extend a grid template down through the DOM tree, so that deeply-nested elements can participate in the same grid layout. At first glance, I thought this would be a helpful convenience, but it turns out that it’s so much more. Subgrid unlocks exciting new layout possibilities, stuff we couldn’t do until now. ✨]]>
            </summary>
            <updated>2025-12-02T05:10:12+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/639</id>
            <title type="text"><![CDATA[:has() is more than a parent selector]]></title>
            <link rel="alternate" href="https://www.youtube.com/watch?v=cxSowU9sDdU" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/639"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Auf YouTube findest du die angesagtesten Videos und Tracks. Außerdem kannst du eigene Inhalte hochladen und mit Freunden oder gleich der ganzen Welt teilen.]]>
            </summary>
            <updated>2025-07-23T13:59:26+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/388</id>
            <title type="text"><![CDATA[Selecting previous siblings with CSS :has() | Tobias Ahlin]]></title>
            <link rel="alternate" href="https://tobiasahlin.com/blog/previous-sibling-css-has/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/388"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Selecting a previous sibling was for long impossible, but is now a breeze with the has() pseudo-class]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/381</id>
            <title type="text"><![CDATA[Modern CSS in Real Life – Chris Coyier]]></title>
            <link rel="alternate" href="https://chriscoyier.net/2023/06/06/modern-css-in-real-life/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/381"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/193</id>
            <title type="text"><![CDATA[CSS Subgrid | 12 Days of Web]]></title>
            <link rel="alternate" href="https://12daysofweb.dev/2022/css-subgrid/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/193"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[With subgrid coming to all engines very soon, it’s a great time to discover what this new feature of grid can do.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/192</id>
            <title type="text"><![CDATA[Deploying CSS Logical Properties On Web Apps — Smashing Magazine]]></title>
            <link rel="alternate" href="https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-web-apps/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/192"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[You may have already heard of CSS logical properties or RTL adaptations but are still deciding whether to deploy them widely. To help raise your awareness of their possibilities, Nicolas Hoffmann shares his experience of how he and his team at Proton carried out a massive move from CSS logical props to production and how you can consider them from a different perspective in your very own projects.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/191</id>
            <title type="text"><![CDATA[Conditional CSS]]></title>
            <link rel="alternate" href="https://ishadeed.com/article/conditional-css/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/191"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[CSS is condtional in many ways. In this article, I will go over a few CSS features that we use every day, and show you how conditional they are.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/181</id>
            <title type="text"><![CDATA[100 Days Of More Or Less Modern CSS - Manuel Matuzovic]]></title>
            <link rel="alternate" href="https://www.matuzo.at/blog/2022/100-days-of-more-or-less-modern-css/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/181"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[A blog post about modern CSS every day for 100 days.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/172</id>
            <title type="text"><![CDATA[Creative list styling  |  Articles  |  web.dev]]></title>
            <link rel="alternate" href="https://web.dev/articles/creative-list-styling" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/172"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[A look at some useful and creative ways to style a list.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/167</id>
            <title type="text"><![CDATA[CSS Stats]]></title>
            <link rel="alternate" href="https://cssstats.com/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/167"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/166</id>
            <title type="text"><![CDATA[Using :has() as a CSS Parent Selector and much more | WebKit]]></title>
            <link rel="alternate" href="https://webkit.org/blog/13096/css-has-pseudo-class/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/166"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[It’s been a long-standing dream of front-end developers to have a way to apply CSS to an element based on what’s happening inside that element.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/165</id>
            <title type="text"><![CDATA[Use the Right Container Query Syntax | OddBird]]></title>
            <link rel="alternate" href="https://www.oddbird.net/2022/08/18/cq-syntax/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/165"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Size queries are stable, and shipping in browsers]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/162</id>
            <title type="text"><![CDATA[CSS Background-Image: DER Leitfaden zu Hintergrundbildern]]></title>
            <link rel="alternate" href="https://www.drweb.de/background-image/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/162"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[So setzt du CSS Background-Image richtig ein ✓ Alle CSS-Hintergrundeigenschaften ✓ Shorthand-Syntax verstehen lernen » Jetzt schlau machen!]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/155</id>
            <title type="text"><![CDATA[Farbige Listenpunkte mit CSS ::marker]]></title>
            <link rel="alternate" href="https://kulturbanause.de/blog/farbige-listenpunkte-css-marker/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/155"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Mit der CSS Pseudoklasse ::marker könnt ihr die Aufzählungszeichen von Listen umfärben. Ein Workaround mit Grafiken oder Pseudoelementen ist somit ggf. nicht mehr notwendig.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/153</id>
            <title type="text"><![CDATA[Defensive CSS]]></title>
            <link rel="alternate" href="https://defensivecss.dev/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/153"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Practical CSS and design tips that helps in building future-proof user interfaces.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/151</id>
            <title type="text"><![CDATA[CSS display: contents; - Agentur kulturbanause]]></title>
            <link rel="alternate" href="https://kulturbanause.de/blog/css-display-contents/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/151"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Mit CSS display: contents; können HTML-Elemente ignoriert werden, wodurch es einfacher wird semantisch korrekte CSS-Layouts zu erstellen.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/150</id>
            <title type="text"><![CDATA[Create an Absolute Basic Mobile CSS Responsive Navigation Menu]]></title>
            <link rel="alternate" href="https://blog.teamtreehouse.com/create-an-absolute-basic-mobile-css-responsive-navigation-menu" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/150"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[In this tutorial we will go over the process in coding a very basic CSS responsive navigation menu.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/127</id>
            <title type="text"><![CDATA[Grid for layout, Flexbox for components]]></title>
            <link rel="alternate" href="https://ishadeed.com/article/grid-layout-flexbox-components/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/127"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Learn when to use flexbox and CSS grid with examples and use cases.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/126</id>
            <title type="text"><![CDATA[Defensive CSS]]></title>
            <link rel="alternate" href="https://ishadeed.com/article/defensive-css/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/126"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[A list of defensive CSS techniques to avoid potential future issues]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/124</id>
            <title type="text"><![CDATA[CSS for internationalisation]]></title>
            <link rel="alternate" href="https://chenhuijing.com/blog/css-for-i18n/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/124"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[I’ve come across people who do not think that CSS is related to internationalisation at all, but if you think about it, …]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/122</id>
            <title type="text"><![CDATA[Modern Techniques for Writing Better CSS | Aleksandr Hovhannisyan]]></title>
            <link rel="alternate" href="https://www.aleksandrhovhannisyan.com/blog/writing-better-css/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/122"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Write cleaner CSS using modern strategies like :is and :where, logical properties and values, clamp, gap, and aspect-ratio.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/121</id>
            <title type="text"><![CDATA[Articles - Ahmad Shadeed]]></title>
            <link rel="alternate" href="https://ishadeed.com/articles/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/121"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Deep-dive CSS articles, modern CSS and visual CSS explanations.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/118</id>
            <title type="text"><![CDATA[Responsive Images – , srcset, sizes &amp;amp; Co.]]></title>
            <link rel="alternate" href="https://kulturbanause.de/blog/responsive-images-srcset-sizes-adaptive/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/118"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Mit den HTML-Attributen srcset und sizes teilt ihr dem Browser mit, dass ihr ein Bild in verschiedenen Abmessungen oder Qualitätsstufen zur Verfügung stellt. Der Browser kann dann selbstständig die passende Datei laden. Mit dem Picture-Element legt ihr exakt fest welches Bild(motiv) wann geladen werden soll.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/116</id>
            <title type="text"><![CDATA[Understanding min-content, max-content, and fit-content in CSS]]></title>
            <link rel="alternate" href="https://blog.logrocket.com/understanding-min-content-max-content-fit-content-css/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/116"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Learn about the fit-content, min-content, and max-content.In keyword values in CSS and how to use them in real-world projects.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/114</id>
            <title type="text"><![CDATA[A simple CSS trick for dark mode]]></title>
            <link rel="alternate" href="https://opensource.com/article/21/10/dark-themes-websites" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/114"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/113</id>
            <title type="text"><![CDATA[Text and typography]]></title>
            <link rel="alternate" href="https://web.dev/learn/css/typography" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/113"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[In this module, learn how to style text on the web.]]>
            </summary>
            <updated>2025-02-20T08:33:35+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/35</id>
            <title type="text"><![CDATA[CSS Logical Properties – Layouts anhand der Leserichtung gestalten]]></title>
            <link rel="alternate" href="https://kulturbanause.de/blog/css-logical-properties-layouts-anhand-der-leserichtung-gestalten/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/35"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Mit den Logical Properties von CSS definiert man Layouts anhand des Flows und der Leserichtung, und nicht länger anhand räumlicher Angaben. Das führt zu logischerem Code und zu einfachen mehrsprachigen Layouts.]]>
            </summary>
            <updated>2026-05-01T03:25:14+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/33</id>
            <title type="text"><![CDATA[Learn Responsive Design]]></title>
            <link rel="alternate" href="https://web.dev/learn/design/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/33"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[A course exploring all aspects of responsive design. Learn how to make sites that look great and work well for everyone.]]>
            </summary>
            <updated>2025-02-20T08:33:34+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/30</id>
            <title type="text"><![CDATA[WebAIM: Contrast Checker]]></title>
            <link rel="alternate" href="https://webaim.org/resources/contrastchecker/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/30"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[]]>
            </summary>
            <updated>2026-02-19T16:00:18+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/29</id>
            <title type="text"><![CDATA[Hex Colors]]></title>
            <link rel="alternate" href="https://hexcolor.co/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/29"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[hexcolor.co is a free color tool providing information about any color. Color Hex will also generate matching color schemes such as complementary, split complementary, analogous, triadic, tetradic and monochromatic colors.]]>
            </summary>
            <updated>2025-12-08T02:00:15+00:00</updated>
        </entry>
            <entry>
            <id>https://mb-links.de/links/12</id>
            <title type="text"><![CDATA[ColorBlendy - Blend colors with different modes like multiply, overlay, dodge.]]></title>
            <link rel="alternate" href="http://colorblendy.com/" />
            <link rel="via" type="application/atom+xml" href="https://mb-links.de/links/12"/>
            <author>
                <name><![CDATA[Julius]]></name>
            </author>
            <summary type="text">
                <![CDATA[Farben mischen]]>
            </summary>
            <updated>2026-01-18T14:00:12+00:00</updated>
        </entry>
    </feed>
