Kategorie: css

  • CSS3 Befehle seit 2020 neu Teil3

    CSS3 Befehle seit 2020 neu Teil3

    Hier sind noch weitere CSS3-Befehle und -Eigenschaften, die in den letzten Jahren hinzugekommen sind oder populär geworden sind: 1. accent-color Diese Eigenschaft ermöglicht es, die Akzentfarbe von Steuerelementen wie Checkboxen, Radiobuttons und Schiebereglern zu definieren. 2. place-content place-content ist eine…

  • CSS3 Befehle seit 2020 neu Teil2

    CSS3 Befehle seit 2020 neu Teil2

    Hier sind weitere neue CSS3-Eigenschaften und -Funktionen, die in den letzten Jahren eingeführt wurden: 1. scroll-padding und scroll-margin Diese Eigenschaften definieren den Abstand des Inhalts von den Rändern des Containers, wenn scroll-snap verwendet wird. 2. gap (für Flexbox) Die gap-Eigenschaft…

  • CSS3 Befehle seit 2020 neu Teil1

    CSS3 Befehle seit 2020 neu Teil1

    Seit 2020 wurden in CSS3 viele neue Funktionen und Eigenschaften eingeführt, die das Layout, die Gestaltung und die Animationen von Webinhalten erheblich verbessern. Hier sind einige der bemerkenswertesten neuen CSS3-Befehle und -Eigenschaften, die seitdem hinzugekommen sind: 1. container queries Container…

  • CSS Pattern Generator

    CSS Pattern Generator

    patternify.com Was ist Patternify? Patternify ist ein einfacher Mustergenerator. Ich habe es erstellt, um mir die Mühe zu ersparen, Photoshop zu starten, nur um ein 2 x 2 Pixel großes Streifenmuster zu exportieren. Sie können Ihr Muster nicht nur online…

  • CSS ZEN GARDEN

    CSS ZEN GARDEN

    Aus dem Englischen übersetzt-Der CSS Zen Garden ist eine Entwicklungsressource für das World Wide Web, „die entwickelt wurde, um zu demonstrieren, was visuell durch CSS-basiertes Design erreicht werden kann“. Es startete im Mai 2003. Stylesheets beigesteuert von Grafikdesigner aus der ganzen Welt…

  • CSS Verschachtelung

    CSS Verschachtelung

    Browserunterstützung Quelle https://developer.chrome.com/articles/css-nesting/ CSS-Verschachtelung, etwas, das die Leute von Sass lieben und seit Jahren eine der häufigsten Anfragen von CSS-Entwicklern ist, landet endlich auf der Webplattform. Durch die Verschachtelung können Entwickler in einem prägnanteren, gruppierten Format schreiben, das Redundanz reduziert. Sie…

  • EMMET

    EMMET

    Emmet ist ein quelloffenes Plugin für verschiedene Texteditoren, zur schnellen Erstellung von XML-, HTML- und CSS-Code. Befehle für Emmet werden in einer eigenen Kurzschreibweise verfasst und direkt in der Datei ausgeführt, zum Beispiel durch das Drücken der Tabulatortaste. Unter der…

  • CSS Themes erstellen und mit JavaScript wechseln!

    CSS Themes erstellen und mit JavaScript wechseln!

    Unleashed Design behandelt in seinem Video wie man ein CSS-Theme über JavaScript wechselt und wie man den darkmode über JS feststellt und entsprechend wechselt. Wie von Unleashed Design üblich ist das ganze sehr schnell und einfach erklärt. Hier der Videolink

  • Generatoren sparen Zeit

    Generatoren sparen Zeit

    Hier einige hilfreiche Links zu solchen. CSS-Grid-Generatoren Die CSS-Grids sind eine sehr mächtige und umfangreiche Layout-Technik. Durch die zunehmende Beliebtheit der Technik ist es nicht verwunderlich, dass es für die CSS-Grids schon eine Reihe an sehr leistungsfähigen Generatoren gibt. Hier…

  • Die Trennlinie < hr/> mit CSS gestalten

    Die Trennlinie < hr/> mit CSS gestalten

    Wie kann man die Trennlinie als 1px Linie darstellen?